:root{--cyan:#20f4ff;--amber:#ffb000;--red:#ff4747;--green:#55f29b;--ink:#04070a;--panel:rgba(8,13,18,.94);--muted:rgba(228,238,244,.58)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:var(--ink);color:#f8fbfd;font-family:Rajdhani,Segoe UI,system-ui,sans-serif}body{min-height:100vh;overflow-x:hidden}a,button,input{font:inherit}button{color:inherit}.hidden{display:none!important}#pro-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 15%,rgba(32,244,255,.11),transparent 31%),radial-gradient(circle at 82% 80%,rgba(255,176,0,.08),transparent 34%),linear-gradient(145deg,#09121a,#030608 58%,#0d0905)}#pro-bg:before{content:"";position:absolute;inset:0;opacity:.28;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(rgba(255,255,255,.025) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 78%);mask-image:radial-gradient(circle at center,#000,transparent 78%)}#pro-bg:after{content:"WHO IS THAT PRO";position:absolute;left:50%;bottom:-4vw;transform:translateX(-50%);color:rgba(255,255,255,.025);font-size:clamp(4rem,11vw,11rem);font-weight:700;letter-spacing:.13em;white-space:nowrap}#pro-app{position:relative;z-index:1;width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:22px clamp(18px,4vw,58px) 34px}#game-header{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:22px;gap:22px;border-bottom:1px solid rgba(255,255,255,.09)}#back-btn{justify-self:start;color:rgba(255,255,255,.62);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;transition:color .18s}#back-btn:hover{color:var(--cyan)}#title-block{text-align:center;text-transform:uppercase}.eyebrow,.result-kicker,.section-label{color:var(--cyan);font-size:.64rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase}#title-block h1{margin-top:4px;font-size:clamp(1.65rem,3vw,2.65rem);line-height:.92;letter-spacing:.08em}#round-badge{justify-self:end;min-width:96px;padding:8px 13px;border:1px solid rgba(32,244,255,.25);background:rgba(32,244,255,.045);text-align:center;text-transform:uppercase}#round-badge span,#round-badge strong{display:block}#round-badge span{color:var(--muted);font-size:.56rem;letter-spacing:.2em}#round-badge strong{color:var(--cyan);font-size:1.2rem;letter-spacing:.12em}#loading-screen{min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-transform:uppercase}#loading-screen strong{margin-top:16px;letter-spacing:.14em}#loading-screen span{color:var(--muted);font-size:.72rem;letter-spacing:.18em}.scanner{width:80px;height:80px;border:1px solid rgba(32,244,255,.22);background:linear-gradient(transparent 48%,var(--cyan) 50%,transparent 52%),repeating-linear-gradient(90deg,rgba(32,244,255,.08) 0 1px,transparent 1px 10px);box-shadow:0 0 34px rgba(32,244,255,.12);animation:scan 1.25s linear infinite}@keyframes scan{50%{background-position:0 70px,0 0}}#game-shell{padding-top:20px}#status-bar{min-height:70px;display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr;border:1px solid rgba(255,255,255,.09);background:rgba(5,9,13,.72)}.status-block{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:10px 18px;border-right:1px solid rgba(255,255,255,.08)}.status-block:last-child{border-right:0}.status-block>span{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.status-block strong{margin-top:2px;font-size:1.35rem;letter-spacing:.05em}.status-block b{color:var(--cyan)}#timer.urgent{color:var(--red);animation:urgent .72s ease-in-out infinite}@keyframes urgent{50%{opacity:.45}}#strikes{display:flex;gap:8px;margin-top:9px}.strike{width:28px;height:7px;background:var(--red);box-shadow:0 0 12px rgba(255,71,71,.35);transform:skewX(-18deg);transition:opacity .2s,transform .2s}.strike.used{opacity:.13;transform:skewX(-18deg) scale(.82);box-shadow:none}#play-area{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(480px,1.08fr);grid-gap:clamp(20px,3vw,44px);gap:clamp(20px,3vw,44px);padding-top:22px}#answer-panel,#face-panel{border:1px solid rgba(255,255,255,.1);background:var(--panel);box-shadow:0 28px 78px rgba(0,0,0,.35)}#face-panel{padding:16px}#face-footer,#face-kicker{display:flex;align-items:center;justify-content:space-between;min-height:34px;color:var(--muted);font-size:.61rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}#face-kicker{justify-content:flex-start;gap:9px}#face-kicker span{width:7px;height:7px;background:var(--red);box-shadow:0 0 12px var(--red)}#face-footer strong{color:var(--amber)}#composite-face{position:relative;width:100%;aspect-ratio:1.18/1;max-height:min(57vh,560px);min-height:410px;display:grid;grid-template-rows:repeat(4,1fr);overflow:hidden;border:1px solid rgba(32,244,255,.24);background:radial-gradient(circle at 50% 34%,rgba(32,244,255,.12),transparent 40%),#060a0e;isolation:isolate}#composite-face:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,rgba(3,6,9,.86),transparent 18%,transparent 82%,rgba(3,6,9,.86)),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px)}.face-slice{position:relative;min-height:0;overflow:hidden;border-bottom:2px solid rgba(32,244,255,.64);background-color:#071017;background-image:var(--portrait);background-repeat:no-repeat;background-size:var(--zoom) auto;background-position:var(--face-x) var(--face-y);filter:saturate(.86) contrast(1.08);transition:filter .24s,border-color .24s,opacity .24s}.face-slice:last-child{border-bottom:0}.face-slice:before{content:attr(data-index);position:absolute;top:8px;left:9px;z-index:6;width:25px;height:25px;display:grid;place-items:center;color:#041014;background:var(--cyan);font-size:.72rem;font-weight:700;box-shadow:0 0 18px rgba(32,244,255,.32)}.face-slice:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,244,255,.08),transparent 28%,transparent 72%,rgba(255,176,0,.06)),linear-gradient(180deg,rgba(255,255,255,.04),transparent 25%,rgba(0,0,0,.1))}.face-slice.solved{border-color:var(--green);filter:saturate(1.08) contrast(1.06)}.face-slice.solved:before{content:"✓";background:var(--green);box-shadow:0 0 18px rgba(85,242,155,.4)}.face-slice.revealed{opacity:.66}#answer-panel{min-height:0;display:flex;flex-direction:column;padding:clamp(20px,3vw,34px)}#answer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}#answer-heading h2{margin-top:5px;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1;text-transform:uppercase}#skip-btn{border:0;background:transparent;color:rgba(255,255,255,.46);cursor:pointer;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:color .18s}#skip-btn:hover{color:var(--red)}#answer-list{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.answer-row{position:relative;display:grid;grid-template-columns:52px 1fr auto;align-items:center;min-height:82px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);transition:border-color .2s,background .2s,transform .2s}.answer-number{align-self:stretch;display:grid;place-items:center;color:var(--cyan);border-right:1px solid rgba(255,255,255,.09);font-size:1.05rem;font-weight:700}.answer-field{min-width:0;padding:10px 14px}.answer-field label{display:block;color:var(--muted);font-size:.56rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.answer-field input{width:100%;margin-top:4px;border:0;outline:0;background:transparent;color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.03em}.answer-field input::placeholder{color:rgba(255,255,255,.2);font-weight:600}.answer-submit{height:42px;margin-right:14px;padding:0 16px;border:1px solid rgba(32,244,255,.3);background:rgba(32,244,255,.07);color:var(--cyan);cursor:pointer;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.answer-row:focus-within{border-color:rgba(32,244,255,.5);background:rgba(32,244,255,.045)}.answer-row.correct{border-color:rgba(85,242,155,.55);background:rgba(85,242,155,.07)}.answer-row.correct .answer-number,.answer-row.correct input{color:var(--green)}.answer-row.correct .answer-submit{border-color:transparent;background:transparent;color:var(--green);pointer-events:none}.answer-row.wrong{border-color:rgba(255,71,71,.68);background:rgba(255,71,71,.08);animation:shake .28s ease-in-out}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}#answer-tip{margin-top:auto;padding-top:22px;color:rgba(255,255,255,.4);font-size:.7rem;letter-spacing:.08em}#result-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(1,3,5,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#result-card{width:min(900px,100%);max-height:94vh;overflow:auto;padding:clamp(24px,4vw,44px);border:1px solid rgba(32,244,255,.35);background:linear-gradient(145deg,#0b141b,#05080b 64%,#130d05);box-shadow:0 36px 110px rgba(0,0,0,.7),0 0 50px rgba(32,244,255,.08);text-align:center}#result-title{margin-top:5px;font-size:clamp(2rem,5vw,3.7rem);line-height:.95;text-transform:uppercase}#result-copy{margin-top:10px;color:var(--muted)}#reveal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:25px}.reveal-player{min-width:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);overflow:hidden}.reveal-photo{height:190px;background-image:var(--portrait);background-position:top;background-size:145% auto;background-repeat:no-repeat;background-color:#071018}.reveal-name{padding:11px 8px 3px;color:var(--cyan);font-size:1.15rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.reveal-team{min-height:31px;padding:0 8px 10px;color:var(--muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}#round-points{margin-top:23px;color:var(--amber);font-size:1.8rem;font-weight:700}#result-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}#result-actions a,#result-actions button{min-width:155px;min-height:46px;display:grid;place-items:center;padding:0 20px;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.72);background:rgba(255,255,255,.035);cursor:pointer;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}#result-actions button{border-color:var(--cyan);color:#001014;background:var(--cyan)}@media (max-width:980px){#play-area{grid-template-columns:minmax(320px,.9fr) minmax(400px,1.1fr);gap:16px}#status-bar{grid-template-columns:repeat(5,1fr)}.status-block{padding-inline:10px}#answer-panel{padding:20px}}@media (max-width:760px){#pro-app{padding-inline:12px}#game-header{grid-template-columns:1fr auto}#title-block{grid-column:1/-1;grid-row:1}#back-btn,#round-badge{grid-row:2;margin-bottom:10px}#status-bar{grid-template-columns:repeat(2,1fr)}.status-block{border-bottom:1px solid rgba(255,255,255,.08)}.status-block.wide{grid-column:1/-1;grid-row:3}#play-area{grid-template-columns:1fr}#composite-face{height:auto;min-height:0;max-height:none}#answer-tip{margin-top:16px}#reveal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.answer-row{grid-template-columns:44px 1fr}.answer-submit{grid-column:2;width:calc(100% - 14px);margin:0 14px 10px 0}#answer-heading{align-items:flex-start}#result-actions{flex-direction:column}#result-actions a,#result-actions button{width:100%}}