:root{--bg: #070b1a;--bg2: #0e1530;--panel: #131c3d;--line: #26325e;--text: #eef2ff;--muted: #8d97c2;--accent: #2ee6ff;--accent2: #ff2fb3;--good: #22d36b;--bad: #ff4757;--gold: #ffcc33;--emoji: "Noto Color Emoji", "Segoe UI Emoji", "Apple Color Emoji", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(ellipse at 50% -10%,#1b2a6b 0%,transparent 60%),radial-gradient(ellipse at 50% 120%,#3a0f4f 0%,transparent 55%),var(--bg);color:var(--text);font-family:Montserrat,system-ui,sans-serif;overflow-x:hidden}.emoji{font-family:var(--emoji)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.muted{color:var(--muted)}.small{font-size:.85em}.center{text-align:center}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.loading{display:grid;place-items:center;height:100%;color:var(--muted)}.btn{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px 18px;cursor:pointer;font-weight:700;transition:transform .08s,background .15s,opacity .15s;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn:hover:not(:disabled){background:#1c2856}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-small{padding:6px 12px;font-size:.85rem}.btn-big{padding:16px 32px;font-size:1.3rem;border-radius:14px}.btn-primary{background:linear-gradient(135deg,var(--accent),#3b7bff);border-color:transparent;color:#041022}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6ff0ff,#5b90ff)}.btn-ghost{background:transparent}.btn-danger{border-color:var(--bad);color:var(--bad)}.btn-correct{background:var(--good);border-color:transparent;color:#032011;font-size:1.2rem;padding:14px 24px}.btn-correct:hover:not(:disabled){background:#45e585}.btn-pass{background:var(--bad);border-color:transparent;color:#fff;font-size:1.2rem;padding:14px 24px}.btn-pass:hover:not(:disabled){background:#ff6b78}kbd{font-family:inherit;font-size:.65em;padding:2px 6px;border-radius:5px;background:#00000040;font-weight:500}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px #2ee6ff1f}}.chip{border:1px solid var(--line);background:var(--bg2);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700}.chip small{color:var(--muted);font-weight:500}.chip-on{border-color:var(--accent);background:#2ee6ff26}.chip-big{padding:10px 18px;font-size:1.05rem}.logo{font-weight:900;letter-spacing:.08em;margin:0;font-size:clamp(2.2rem,5vw,3.6rem)}.logo span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-small{font-size:1.3rem}.setup{max-width:1200px;margin:0 auto;padding:24px 16px 100px;display:flex;flex-direction:column;gap:18px}.setup-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel{background:#131c3dbf;border:1px solid var(--line);border-radius:16px;padding:16px 20px}.panel h2{margin:0 0 12px;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.panel-head h2{margin:0}.panel label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.panel label input[type=number]{width:110px}.panel label.check{flex-direction:row;align-items:center;color:var(--text)}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.slots{display:grid;gap:8px}.slot{display:flex;flex-direction:column;gap:4px;border-left:5px solid;background:var(--bg2);border-radius:8px;padding:6px}.slot input{font-weight:700}.slot select{font-size:.8rem}.bulk{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.warn{color:var(--gold);font-size:.9rem}.setup-footer{position:fixed;bottom:0;left:0;right:0;padding:14px;display:flex;justify-content:center;background:linear-gradient(transparent,var(--bg) 40%)}.screen{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 12px}.topbar{width:100%;display:flex;align-items:center;gap:16px;padding:10px 16px;min-height:56px}.topbar-mid{flex:1;display:flex;justify-content:center}.topbar-menu{position:relative;display:flex;gap:4px}.menu{position:absolute;right:0;top:100%;z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;display:flex;flex-direction:column;min-width:260px;box-shadow:0 20px 40px #00000080}.menu button{text-align:left;background:none;border:0;padding:10px 12px;border-radius:8px;cursor:pointer}.menu button:hover:not(:disabled){background:var(--bg2)}.menu button:disabled{opacity:.4}.board-banner{min-height:64px;display:flex;align-items:center}.banner{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.banner-name{font-weight:900;font-size:1.8rem}.neighbor-hint{font-size:.85rem;text-align:center;padding:0 16px}.grid-board{position:relative;display:grid;max-width:96vw;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #ffffff14,0 0 60px #2ee6ff26;-webkit-user-select:none;user-select:none}.grid-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(160deg,rgba(255,255,255,.12),transparent 45%,rgba(0,0,0,.12))}.cell{position:relative;border:0 solid rgba(5,8,20,.85);transition:filter .25s,background-color .5s}.cell-dim{filter:brightness(.35) saturate(.6)}.cell-hi{filter:brightness(1.25)}.cell-sel{cursor:pointer;animation:selPulse 1s ease-in-out infinite}.cell-hover{filter:brightness(1.4);animation:none}@keyframes selPulse{50%{filter:brightness(.75)}}.cell-label{position:absolute;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.7);padding:4%;transition:opacity .25s}.cell-label-dim{opacity:.4}.cell-name{font-weight:900;font-size:min(18cqh,15cqw);line-height:1.05;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cell-cat{font-size:min(10cqh,8.5cqw);opacity:.9;margin-top:2px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.duel-cat{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.duel-stage{position:relative;flex:1;width:min(1100px,96vw);display:flex;align-items:center;justify-content:center;min-height:0}.question-card{width:100%;height:100%;max-height:62vh;border-radius:24px;background:radial-gradient(ellipse at center,#1b2757,#0c1230);border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;position:relative;overflow:hidden;box-shadow:0 0 80px #2ee6ff1f}.question-pass{border-color:var(--bad);box-shadow:0 0 80px #ff47574d}.q-image{max-width:100%;max-height:100%;min-height:0;object-fit:contain;border-radius:12px;flex:1}.q-emoji{font-size:min(28vh,22vw);line-height:1.1}.q-text{font-size:min(11vh,8vw);font-weight:900;text-align:center;line-height:1.1}.q-text-long{font-size:min(6vh,4.5vw)}.q-text-small{font-size:min(5vh,3.5vw)}.q-answer{flex-shrink:0;max-width:100%;background:#000000bf;border:2px solid var(--gold);color:var(--gold);font-size:min(6vh,4vw);font-weight:900;padding:8px 24px;border-radius:14px;white-space:nowrap;display:flex;align-items:center;gap:14px;animation:popIn .2s ease-out}.q-pass-badge{background:var(--bad);color:#fff;font-size:.5em;padding:4px 10px;border-radius:8px}@keyframes popIn{0%{transform:scale(.8);opacity:0}}.flash-correct{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--good);color:#032011;font-weight:900;font-size:1.5rem;padding:6px 20px;border-radius:12px;animation:flash .9s ease-out forwards;white-space:nowrap}@keyframes flash{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.duel-intro{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.vs{display:flex;align-items:center;gap:32px;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;flex-wrap:wrap;justify-content:center}.vs-x{color:var(--gold);font-size:.6em}.duel-intro-cat{font-size:1.6rem}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#050814d1;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-text{font-size:clamp(2rem,6vw,4rem);font-weight:900}.overlay-sub{font-size:2rem}.countdown{font-size:30vh;font-weight:900;color:var(--accent);animation:countPop 1s ease-out}@keyframes countPop{0%{transform:scale(1.6);opacity:0}30%{opacity:1}}.duel-bottom{width:min(1300px,98vw);display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.duel-controls{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:stretch}.duel-controls .row{justify-content:center}.clock{--pcolor: #888;background:var(--panel);border:3px solid var(--line);border-radius:18px;padding:12px 20px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"name correct" "time time" "bar bar";gap:4px 12px;transition:border-color .2s,box-shadow .2s,opacity .2s;opacity:.55}.clock-active{border-color:var(--pcolor);box-shadow:0 0 40px color-mix(in srgb,var(--pcolor) 50%,transparent);opacity:1}.clock-danger .clock-time{color:var(--bad);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.6}}.clock-loser{opacity:.35;filter:grayscale(1)}.clock-name{grid-area:name;font-weight:900;font-size:1.4rem;color:var(--pcolor);filter:brightness(1.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clock-correct{grid-area:correct;color:var(--good);font-weight:700}.clock-time{grid-area:time;font-size:clamp(2.5rem,7vw,5rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.clock-right .clock-time{text-align:right}.clock-bar{grid-area:bar;height:8px;background:var(--bg2);border-radius:4px;overflow:hidden}.clock-bar-fill{height:100%;background:var(--pcolor)}.clock-right .clock-bar{transform:scaleX(-1)}.result-head{text-align:center}.result-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:900}.cat-choice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.result-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.winner-screen{justify-content:center;text-align:center;gap:14px}.winner-crown{font-size:6rem;font-family:var(--emoji);animation:countPop 1s ease-out}.winner-label{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:700}.winner-name{font-size:clamp(3rem,10vw,7rem);font-weight:900;filter:brightness(1.3)}.ranking{text-align:left;font-size:1.1rem}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle}.editor{display:grid;grid-template-columns:300px 1fr;height:100%}.editor-list{background:#0e1530e6;border-right:1px solid var(--line);padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.editor-list-head{display:flex;justify-content:space-between;margin-bottom:8px}.editor-list h3{margin:14px 0 4px;font-size:.8rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.list-item{text-align:left;background:none;border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer}.list-item:hover{background:var(--panel)}.list-item-on{border-color:var(--accent);background:var(--panel)}.list-item small{color:var(--muted)}.editor-main{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.editor-main h2{margin:0}.emoji-input{width:3em;font-size:1.6rem;text-align:center}.name-input{font-size:1.4rem;font-weight:900}.q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.q-mini{background:var(--panel);border-radius:10px;padding:10px;text-align:center}.q-mini-prompt{font-size:1.6rem;font-weight:700}.q-table{width:100%;border-collapse:collapse}.q-table th{text-align:left;font-size:.8rem;color:var(--muted);padding:6px}.q-table td{padding:4px 6px;border-top:1px solid var(--line)}.q-table input{width:100%}.q-preview{width:80px;text-align:center;font-size:1.8rem}.q-preview img{width:72px;height:54px;object-fit:cover;border-radius:6px;display:block}.sync{border-radius:10px;padding:10px;font-size:.85rem;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--bg2)}.sync input{flex:1}.sync-synced{border-color:#22d36b80}.sync-pending{border-color:var(--gold)}.sync-local{color:var(--muted)}.sync-locked{border-color:var(--gold);font-size:1rem}.editor-locked{max-width:520px;margin:10vh auto 0;padding:0 16px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.editor-locked .sync{align-self:stretch}.host{padding:16px;display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.host-empty{text-align:center;padding-top:30vh}.host-cat{font-weight:900;font-size:1.2rem;text-align:center}.host-players{display:grid;grid-template-columns:1fr 1fr;gap:10px}.host-player{border:3px solid;border-radius:12px;padding:10px;opacity:.5;font-weight:700}.host-player-on{opacity:1}.host-time{font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums}.host-q{background:var(--panel);border-radius:12px;padding:12px;text-align:center;font-size:1.4rem;font-weight:700}.host-q img{max-width:100%;max-height:180px}.host-emoji{font-size:4rem}.host-answer{background:#ffcc331f;border:2px solid var(--gold);color:var(--gold);border-radius:12px;padding:14px;font-size:2rem;font-weight:900;text-align:center}.host-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.host-buttons .btn-small,.host-buttons .btn-primary{grid-column:span 2}@media (max-width: 800px){.duel-bottom{grid-template-columns:1fr 1fr}.duel-controls{grid-column:span 2;grid-row:2;flex-direction:row;flex-wrap:wrap}.editor{grid-template-columns:1fr}}