:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#030609;--panel:#081017;--panel-2:#0d171f;--line:#99ccd72b;--cyan:#7eeafa;--cyan-bright:#bff8ff;--gold:#f3bd63;--paper:#edf7f8;--muted:#7e9198;--danger:#ff786a;background:var(--ink);color:var(--paper);font-family:Bahnschrift,DIN Alternate,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{background:radial-gradient(circle at 75% 22%, #1e7b8b24, transparent 28rem), radial-gradient(circle at 20% 90%, #f3bd6312, transparent 24rem), var(--ink);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:4px}.is-hidden{display:none!important}.noise{pointer-events:none;z-index:100;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(22px,4vw,68px);display:flex;position:relative}.wordmark{color:var(--paper);letter-spacing:.24em;align-items:center;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark i{aspect-ratio:1;border:1px solid var(--cyan);border-radius:50%;width:19px;margin:0 2px 0 -1px;display:inline-block;box-shadow:0 0 14px #7eeafa99,inset 0 0 8px #7eeafa59}.header-meta{color:var(--muted);letter-spacing:.2em;align-items:center;gap:28px;font-size:10px;display:flex}.header-meta b{color:var(--gold);font-weight:500}.screen{min-height:calc(100vh - 74px)}.eyebrow{color:var(--cyan);letter-spacing:.27em;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.eyebrow span{background:var(--cyan);width:34px;height:1px;box-shadow:0 0 8px var(--cyan)}.primary-button{background:var(--cyan);color:#041014;cursor:pointer;border:1px solid #b4f5ffb8;border-radius:2px;justify-content:space-between;align-items:center;gap:26px;min-width:220px;min-height:60px;padding:0 18px 0 24px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 10px 42px #31bed41f}.primary-button:hover{background:var(--cyan-bright);transform:translateY(-2px);box-shadow:0 15px 48px #31bed433}.primary-button kbd{letter-spacing:.08em;border:1px solid #03141859;padding:5px 7px;font-family:inherit;font-size:9px}.primary-button.compact{min-width:185px;min-height:50px}.text-link-button{color:#9eb1b6;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7eeafa47;min-height:44px;padding:0 4px;font-size:12px}.text-link-button:hover{color:var(--cyan-bright);border-color:var(--cyan)}.screen-back{color:#81959b;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:12px;position:absolute;top:30px;left:clamp(24px,4vw,68px)}.screen-back:hover{color:var(--cyan-bright)}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000305b8;position:fixed;inset:0}.modal-backdrop.result-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(90deg,#0003050f,#0003052e 52%,#00030585)}.modal{z-index:45;background:linear-gradient(145deg,#0d1b23fa,#040a0efc);border:1px solid #aee7ef45;width:min(560px,100vw - 32px);max-height:calc(100vh - 40px);padding:clamp(28px,4vw,48px);animation:.24s both modal-in;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 35px 120px #000000b8}.modal:before{content:"";background:var(--cyan);width:72px;height:2px;box-shadow:0 0 13px var(--cyan);position:absolute;top:0;left:0}.modal-close{aspect-ratio:1;width:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:23px;position:absolute;top:12px;right:14px}.modal-kicker{color:var(--cyan);letter-spacing:.2em;margin:0 0 13px;font-size:10px;font-weight:600}.modal h2{letter-spacing:-.04em;margin:0;font-family:Bodoni MT,Georgia,serif;font-size:clamp(34px,5vw,48px);font-weight:400}.modal-copy{color:#93a5aa;margin:12px 0 26px;font-size:12px;line-height:1.65}.toast{z-index:60;color:var(--cyan-bright);letter-spacing:.04em;opacity:0;pointer-events:none;background:#061015f2;border:1px solid #7eeafa54;padding:12px 18px;font-size:10px;transition:all .22s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast[data-tone=warn]{color:var(--gold);border-color:#f3bd6359}.secondary-button{min-width:170px;min-height:60px;color:var(--paper);cursor:pointer;background:#7eeafa09;border:1px solid #b4f5ff57;justify-content:space-between;align-items:center;gap:20px;padding:0 18px 0 22px;display:inline-flex}.secondary-button:hover{border-color:var(--cyan);background:#7eeafa14}.secondary-button kbd{color:var(--cyan);font-family:inherit}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}@keyframes wait-pulse{50%{opacity:.42;transform:scale(.78)}}@keyframes timer-alert{50%{transform:scale(1.035)}}@keyframes lens-breathe{50%{transform:scale(1.035);box-shadow:0 0 0 28px #7eeafa06,0 0 90px #3dd2e854,inset 0 0 60px #3dd2e826}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-47%)scale(.98)}}@keyframes result-in{0%{opacity:0;transform:translateY(28px)}}@media (width<=760px){.site-header{height:58px;padding-inline:18px}.header-meta span{display:none}.header-meta{gap:0}.screen{min-height:calc(100vh - 58px)}.screen-back{top:12px;left:18px}.modal{padding:28px 22px}}.site-header .wordmark b{color:var(--gold);letter-spacing:.26em;margin-left:10px;font-size:9px;font-weight:600}@media (width<=760px){.site-header .wordmark b{margin-left:7px}}@keyframes guide-screen-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=430px){.header-meta b{font-size:8px}}button,input{font:inherit}.home-screen{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);padding:clamp(42px,6.5vh,86px) clamp(24px,7vw,112px) 70px;display:grid;position:relative;overflow:hidden}.home-screen:before{content:"PINHOLE";letter-spacing:-.065em;color:#a6dce406;white-space:nowrap;pointer-events:none;font-size:clamp(90px,16vw,250px);font-weight:900;position:absolute;bottom:-4.8vw;left:-1.5vw}.home-copy{z-index:3;align-self:center;max-width:630px;position:relative}.home-copy h1,.complete-screen h2{letter-spacing:-.055em;margin:22px 0 24px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(54px,6vw,94px);font-weight:400;line-height:.98}.home-copy h1 em,.complete-screen h2 em{color:var(--gold);font-weight:400}.home-lede{color:#a6b7bc;word-break:keep-all;max-width:520px;margin:0 0 38px;font-size:15px;line-height:1.8}.home-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.mode-strip{border-top:1px solid var(--line);gap:0;max-width:520px;margin-top:clamp(46px,7vh,80px);display:flex}.mode-strip div{flex:1;grid-template-columns:30px 1fr;padding:15px 17px 0 0;display:grid}.mode-strip div+div{border-left:1px solid var(--line);padding-left:17px}.mode-strip small{color:var(--gold);grid-row:1/3;font-size:9px}.mode-strip strong{font-size:12px;font-weight:600}.mode-strip span{color:var(--muted);margin-top:4px;font-size:10px}.home-visual{perspective:900px;align-self:center;min-height:590px;position:relative}.orbit{border:1px solid #7eeafa1f;border-radius:50%;position:absolute}.orbit-a{width:560px;height:560px;top:2%;left:12%}.orbit-b{border-style:dashed;width:360px;height:360px;animation:50s linear infinite rotate;top:19%;left:28%}.preview-card{aspect-ratio:1.55;background-color:#081219;background-position:50%;background-size:cover;border:1px solid #d2f5f836;width:clamp(230px,18vw,330px);position:absolute;overflow:hidden;box-shadow:0 28px 55px #0000006b}.preview-card:before{content:"";border:1px solid #bff8ff2b;border-radius:50%;position:absolute;inset:13%;box-shadow:0 0 0 20px #7eeafa06,0 0 55px #36b5c71f}.preview-card:after{content:"";background:linear-gradient(130deg,#02060905,#020609b8);position:absolute;inset:0}.preview-card span{z-index:1;letter-spacing:.2em;font-size:9px;position:absolute;bottom:10px;left:13px}.preview-a{background-image:radial-gradient(circle at 72% 31%,#f3bd6345 0 2%,#0000 2.5%),repeating-linear-gradient(118deg,#0000 0 24px,#7eeafa0b 25px 26px),linear-gradient(145deg,#10222b,#04090d 70%);top:6%;left:14%;transform:rotate(-8deg)translateZ(-50px)}.preview-b{background-image:radial-gradient(circle at 35% 62%,#7eeafa3d 0 2%,#0000 2.5%),repeating-radial-gradient(circle,#0000 0 18px,#f3bd630b 19px 20px),linear-gradient(145deg,#0b1a21,#03070a 72%);top:33%;right:0;transform:rotate(7deg)}.preview-c{background-image:linear-gradient(90deg,#0000 48%,#7eeafa1f 49% 51%,#0000 52%),linear-gradient(#0000 48%,#7eeafa14 49% 51%,#0000 52%),linear-gradient(145deg,#132028,#04080b 70%);bottom:3%;left:5%;transform:rotate(4deg)translateZ(-80px)}.hero-lens{aspect-ratio:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010609c7;border:1px solid #b5f9ffb3;border-radius:50%;place-items:center;width:clamp(170px,16vw,245px);animation:4.5s ease-in-out infinite lens-breathe;display:grid;position:absolute;top:28%;left:34%;box-shadow:0 0 0 22px #7eeafa09,0 0 70px #3dd2e842,inset 0 0 60px #3dd2e81f}.hero-lens span{color:var(--cyan-bright);font-family:Bodoni MT,Georgia,serif;font-size:80px;font-weight:300}.home-visual>p{color:var(--muted);letter-spacing:.24em;text-align:right;font-size:8px;line-height:1.8;position:absolute;bottom:4%;right:2%}.home-footer{color:#526268;letter-spacing:.22em;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:25px;left:clamp(24px,7vw,112px);right:clamp(24px,7vw,112px)}.howto-screen{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);align-content:center;gap:clamp(50px,7vw,110px);padding:clamp(72px,10vh,120px) clamp(24px,8vw,130px);display:grid;position:relative;overflow:hidden}.howto-screen:before{content:"HOW TO";color:#a6dce406;letter-spacing:-.07em;pointer-events:none;font-size:clamp(100px,17vw,280px);font-weight:900;position:absolute;bottom:-4vw;right:-2vw}.howto-heading{align-self:start}.howto-heading h2{letter-spacing:-.055em;margin:24px 0 0;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(52px,5.5vw,82px);font-weight:400;line-height:1}.howto-heading h2 em{color:var(--gold);font-weight:400}.howto-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.howto-grid article{min-width:0;min-height:330px;padding:24px 22px 28px;position:relative}.howto-grid article+article{border-left:1px solid var(--line)}.howto-grid article>span{color:var(--gold);letter-spacing:.16em;font-size:10px}.howto-grid h3{word-break:keep-all;margin:25px 0 10px;font-size:17px;font-weight:550}.howto-grid p{color:#8fa2a8;word-break:keep-all;margin:0;font-size:13px;line-height:1.75}.howto-icon{width:76px;height:76px;margin-top:40px;display:block;position:relative}.lens-icon{border:1px solid #7eeafa85;border-radius:50%;box-shadow:0 0 26px #3dd2e82e,inset 0 0 22px #3dd2e814}.lens-icon:after{content:"";background:var(--cyan-bright);box-shadow:0 0 15px var(--cyan);border-radius:50%;position:absolute;inset:28px}.info-icon{border-bottom:1px solid #7eeafa73;border-left:1px solid #7eeafa73}.info-icon:before{content:"";background:linear-gradient(90deg, #7eeafa2e, var(--cyan));clip-path:polygon(0 100%,18% 64%,39% 75%,62% 30%,78% 44%,100% 0,100% 100%);height:30px;position:absolute;bottom:13px;left:13px;right:10px}.lock-icon{border:1px solid #f3bd6380}.lock-icon:before{content:"✓";color:var(--gold);place-items:center;font-size:32px;display:grid;position:absolute;inset:0}.howto-screen>.primary-button{z-index:1;grid-column:2;justify-self:end;margin-top:-22px}.room-screen{align-content:center;gap:28px;padding:clamp(74px,10vh,120px) clamp(24px,8vw,130px);display:grid;position:relative;overflow:hidden}.room-dashboard-heading h2{letter-spacing:-.055em;margin:22px 0 12px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(48px,5.5vw,78px);font-weight:400;line-height:1}.room-dashboard-heading h2 em{color:var(--gold);font-weight:400}.room-dashboard-copy{color:#8fa2a8;max-width:500px;margin:0;font-size:13px;line-height:1.7}.room-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px;display:grid}.room-info-card{border:1px solid var(--line);background:#7eeafa06;min-height:220px;padding:22px}.room-info-card>strong{color:var(--cyan-bright);letter-spacing:.08em;margin-top:18px;font-size:19px;display:block}.room-info-card>small{color:var(--muted);letter-spacing:.1em;margin-top:8px;font-size:10px;display:block}.room-upload-status{min-height:15px;color:var(--cyan);margin:8px 0 0;font-size:9px;line-height:1.5}.room-upload-status.is-error{color:var(--danger)}.room-dashboard-rule{background:var(--gold);width:34px;height:1px;margin:23px 0 8px}.name-editor{align-items:center;gap:9px;display:flex}.name-editor .room-text-input{flex:1}.name-editor .text-link-button{min-height:42px}.room-participants-card .section-label{justify-content:space-between;display:flex}.room-participants-card .section-label b{color:var(--cyan);font-weight:500}.room-participants{gap:9px;margin-top:20px;display:grid}.room-participant{border:1px solid #aee7ef29;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:7px;display:grid}.room-participant.is-offline{opacity:.48}.participant-avatar{width:30px;height:30px;color:var(--cyan-bright);background:#7eeafa21;border-radius:50%;place-items:center;font-size:12px;display:grid}.room-participant strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.room-participant small{color:var(--muted);letter-spacing:.1em;font-size:9px}.room-standings{gap:6px;margin-top:18px;display:grid}.room-standing-heading{color:var(--cyan);letter-spacing:.14em;justify-content:space-between;font-size:9px;display:flex}.room-standing-heading small{color:var(--muted);font-size:8px}.room-standing-row{border-bottom:1px solid #aee7ef1f;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:8px 7px;display:grid}.room-standing-row.is-you{background:#7eeafa0f}.room-standing-row>b{color:var(--gold);font-size:12px;font-weight:500}.room-standing-row>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550;overflow:hidden}.room-standing-row>span{color:var(--cyan-bright);font-variant-numeric:tabular-nums;font-size:10px}.room-standing-row>small{color:var(--muted);letter-spacing:.08em;grid-column:2/4;font-size:8px}.room-match-history{gap:10px;margin-top:18px;display:grid}.room-history-heading{color:var(--cyan);letter-spacing:.14em;justify-content:space-between;font-size:9px;display:flex}.room-history-heading small{color:var(--muted);font-size:8px}.room-history-card{background:#7eeafa05;border:1px solid #aee7ef1f;padding:9px 7px 5px}.room-history-card-heading{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.room-history-card-heading strong{color:var(--gold);letter-spacing:.12em;font-size:10px}.room-history-card-heading small{color:var(--muted);letter-spacing:.1em;font-size:8px}.room-history-scores{gap:2px;display:grid}.room-history-score{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:25px;padding:2px 4px;display:grid}.room-history-score.is-you{background:#7eeafa0f}.room-history-score b{color:var(--gold);font-size:10px;font-weight:500}.room-history-score strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.room-history-score span{color:var(--cyan-bright);font-variant-numeric:tabular-nums;font-size:9px}.room-dashboard-note{color:#667a80;margin:18px 0 0;font-size:10px;line-height:1.6}.room-dashboard-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-dashboard-actions .secondary-button:disabled{opacity:.38;cursor:not-allowed;border-color:#b4f5ff2e}.room-invite-panel{box-sizing:border-box;background:linear-gradient(110deg,#7eeafa0f,#f3bd6309);border:1px solid #7eeafa47;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;width:min(900px,100%);max-width:900px;padding:16px 20px;display:grid;overflow:hidden}.room-invite-copy{min-width:0}.room-invite-copy h3{letter-spacing:-.045em;margin:12px 0 8px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:.98}.room-invite-copy h3 em{color:var(--gold);font-weight:400}.room-invite-copy>p:not(.room-qr-url){color:#8fa2a8;max-width:440px;margin:0;font-size:11px;line-height:1.6}.room-invite-url-row{align-items:center;gap:10px;min-width:0;margin-top:14px;display:flex}.room-invite-panel .room-qr-url{text-align:left;flex:auto;min-width:0;margin:0}.invite-copy-button{min-height:34px;color:var(--paper);font:inherit;white-space:nowrap;cursor:pointer;background:#7eeafa12;border:1px solid #b4f5ff57;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:10px;line-height:1;transition:border-color .2s,background .2s,opacity .2s;display:inline-flex}.invite-copy-button:hover:not(:disabled){border-color:var(--cyan);background:#7eeafa21}.invite-copy-button b{color:var(--cyan);font-size:15px;font-weight:400;line-height:1}.invite-copy-button:disabled{opacity:.35;cursor:not-allowed}.room-invite-panel .room-qr-frame{box-sizing:border-box;width:clamp(126px,16vw,178px);max-width:100%;height:clamp(126px,16vw,178px);margin:0;padding:8px}.room-invite-panel .room-qr-frame canvas{max-width:162px;max-height:162px;image-rendering:pixelated;display:block;width:100%!important;height:100%!important}.room-wait-state{background:#f3bd630b;border:1px solid #f3bd634d;align-items:center;gap:13px;min-width:min(390px,100%);min-height:60px;padding:0 20px;display:inline-flex}.room-wait-pulse{border:1px solid var(--gold);border-radius:50%;flex:none;width:9px;height:9px;animation:1.8s ease-in-out infinite wait-pulse;box-shadow:0 0 0 5px #f3bd6314,0 0 14px #f3bd6373}.room-wait-state div{gap:5px;display:grid}.room-wait-state strong{color:var(--gold);letter-spacing:.08em;font-size:12px;font-weight:600}.room-wait-state small{color:#9aaeb2;font-size:10px;line-height:1.45}.game-screen{padding:20px clamp(16px,4vw,64px) 28px}.game-topbar{justify-content:space-between;align-items:end;max-width:1200px;margin:0 auto 14px;display:flex}.game-topbar-tools{align-items:end;gap:16px;display:flex}.screen-wake-button{min-height:30px;color:var(--muted);letter-spacing:.08em;white-space:nowrap;cursor:pointer;background:#7eeafa09;border:1px solid #7eeafa4d;align-items:center;gap:7px;padding:0 9px;font-size:9px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.screen-wake-button i{color:var(--gold);font-size:11px;font-style:normal;line-height:1}.screen-wake-button:hover{border-color:var(--cyan);color:var(--paper);background:#7eeafa14}.screen-wake-button[data-active=true]{color:var(--cyan-bright);background:#7eeafa1f;border-color:#7eeafa99}.screen-wake-button[data-active=true] i{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.screen-wake-button:disabled{opacity:.55;cursor:wait}.match-context{text-align:right;align-items:flex-start;gap:20px;display:flex}.match-meta{grid-template-columns:auto auto;align-items:baseline;gap:3px 12px;padding-top:4px;display:grid}.match-meta span{color:var(--gold);letter-spacing:.16em;font-size:9px}.match-meta strong{color:var(--cyan);letter-spacing:.14em;font-size:9px;font-weight:600}.match-meta small{color:var(--muted);font-size:10px}.match-meta #match-role-label{grid-column:1/3}.round-timer{text-align:right;min-width:112px;color:var(--paper);font-variant-numeric:tabular-nums;border-left:1px solid #7eeafa4d;padding:6px 0 7px 18px}.round-timer>span{color:var(--muted);letter-spacing:.2em;font-size:8px;font-weight:600;display:block}.round-timer>strong{color:var(--cyan-bright);letter-spacing:.02em;margin-top:2px;font-family:Bahnschrift,DIN Alternate,monospace;font-size:clamp(28px,3.2vw,46px);font-weight:500;line-height:.95;display:block}.round-timer[data-warning]{border-left-color:#ff786aa6;animation:1s ease-in-out infinite timer-alert}.round-timer[data-warning]>strong{color:var(--danger);text-shadow:0 0 18px #ff786a57}.round-identity span,.section-label,.score-block span{color:var(--muted);letter-spacing:.18em;font-size:10px}.round-identity h2{letter-spacing:-.03em;margin:5px 0 0;font-size:20px;font-weight:550}.score-block{text-align:right;grid-template-columns:1fr auto;align-items:end;column-gap:14px;display:grid}.score-block span{grid-column:1/3}.score-block strong{color:var(--gold);letter-spacing:.08em;font-family:Bahnschrift,monospace;font-size:25px;font-weight:500}.score-block i{color:var(--gold);background:#f3bd631f;margin-bottom:5px;padding:3px 7px;font-size:9px;font-style:normal}.game-layout{grid-template-columns:minmax(0,1fr);align-items:start;max-width:1200px;margin:0 auto;display:grid}.telemetry,.actions-panel{padding-top:6px}.section-label{margin:0 0 22px}.metric{border-bottom:1px solid var(--line);padding:13px 0}.metric span{color:#91a5ab;letter-spacing:.08em;margin-bottom:6px;font-size:10px;display:block}.metric span i{color:#52666c;letter-spacing:.14em;margin-top:3px;font-size:8px;font-style:normal;display:block}.metric strong{font-variant-numeric:tabular-nums;font-size:17px;font-weight:450}.metric>small{color:#6c8086;letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:9px;display:block}.primary-metric strong{color:var(--cyan-bright);font-size:25px}.metric.effective strong{color:var(--gold)}.meter{background:#7eeafa1f;height:2px;margin-top:10px}.meter i{background:var(--cyan);width:0;max-width:100%;height:100%;box-shadow:0 0 8px var(--cyan);transition:width .14s linear;display:block}.telemetry-rule{background:var(--gold);width:24px;height:1px;margin:25px 0 15px}.telemetry-note,.action-note{color:#687a80;word-break:keep-all;font-size:10px;line-height:1.7}.stage-column{min-width:0}.canvas-shell{aspect-ratio:16/9;cursor:grab;background:#010305;border:1px solid #beeef438;width:100%;position:relative;overflow:hidden;box-shadow:0 26px 90px #0000007a,0 0 60px #218c9a0f}.canvas-shell:active{cursor:grabbing}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.stage-grid{pointer-events:none;opacity:.13;background-image:linear-gradient(#7eeafa1a 1px,#0000 1px),linear-gradient(90deg,#7eeafa1a 1px,#0000 1px);background-size:10% 16.666%;position:absolute;inset:0}.corner-mark{pointer-events:none;border-color:#baf1f7a6;width:19px;height:19px;position:absolute}.corner-tl{border-top:1px solid;border-left:1px solid;top:12px;left:12px}.corner-tr{border-top:1px solid;border-right:1px solid;top:12px;right:12px}.corner-bl{border-bottom:1px solid;border-left:1px solid;bottom:12px;left:12px}.corner-br{border-bottom:1px solid;border-right:1px solid;bottom:12px;right:12px}.scan-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cyan);letter-spacing:.16em;background:#010609a6;align-items:center;gap:7px;padding:5px 8px;font-size:9px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.scan-status i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:1.8s ease-in-out infinite blink}.loading-indicator{letter-spacing:.22em;color:var(--muted);background:#020508;place-content:center;justify-items:center;gap:14px;font-size:10px;display:grid;position:absolute;inset:0}.loading-indicator i{border:1px solid #7eeafa26;border-top-color:var(--cyan);border-radius:50%;width:35px;height:35px;animation:1s linear infinite rotate}.stage-caption{justify-content:space-between;gap:16px;min-height:42px;padding:13px 1px 0;display:flex}.stage-caption p{color:#afbec1;margin:0;font-size:12px}.stage-caption span{color:#526268;letter-spacing:.18em;white-space:nowrap;font-size:7px}.play-hud{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:24px;padding-top:13px;display:grid}.information-gauge{min-width:0}.information-gauge>div:first-child{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.information-gauge span{color:#a7b9bd;font-size:12px}.information-gauge strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.information-gauge small{color:#60747a;letter-spacing:.12em;margin-left:auto;font-size:9px}.information-gauge .meter{height:3px;margin:0}.play-controls{align-items:stretch;gap:8px;display:flex}.movement-pad{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:repeat(4,46px);gap:6px;display:grid}.movement-pad button{min-width:0;min-height:54px;color:var(--paper);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#7eeafa06;border:1px solid #aee7ef3d;place-items:center;padding:0;transition:border-color .14s,background .14s,transform .14s;display:grid}.movement-pad button:hover:not(:disabled),.movement-pad button:focus-visible{background:#7eeafa14;border-color:#7eeafaa6}.movement-pad button:active{background:#7eeafa24;transform:translateY(1px)}.movement-pad button:disabled{opacity:.35;cursor:not-allowed}.movement-pad kbd{aspect-ratio:1;width:26px;color:var(--cyan-bright);-webkit-user-select:none;user-select:none;pointer-events:none;border:1px solid #bff8ff47;border-bottom-color:#bff8ff8c;border-radius:3px;place-items:center;font:16px/1 inherit;display:grid;box-shadow:0 2px #7eeafa1f}.play-controls .action-button{flex-direction:row;align-items:center;gap:16px;width:auto;min-width:158px;min-height:54px;margin:0;padding:10px 13px}.clue-strip{opacity:0;grid-template-columns:repeat(3,1fr);gap:8px;max-height:0;transition:max-height .3s,opacity .3s;display:grid;overflow:hidden}.clue-strip.has-clues{opacity:1;max-height:110px}.clue-chip{border:1px solid var(--line);background:#0b181fbf;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;min-width:0;padding:9px 10px;display:grid}.clue-chip>span{color:var(--cyan);font-size:9px}.clue-chip p{text-overflow:ellipsis;white-space:nowrap;color:#9eb0b4;margin:0;font-size:9px;overflow:hidden}.clue-chip small{color:var(--gold);font-size:7px}.action-button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;min-height:82px;margin-bottom:11px;padding:13px;transition:border .18s,background .18s,transform .18s;display:flex}.action-button:hover:not(:disabled){background:#7eeafa0b;border-color:#7eeafa80;transform:translateY(-2px)}.action-button:disabled{opacity:.38;cursor:not-allowed}.action-button>span{align-items:center;gap:9px;display:flex}.action-button i{aspect-ratio:1;width:23px;color:var(--cyan);border:1px solid;border-radius:50%;place-content:center;font-size:10px;font-style:normal;display:grid}.action-button b{font-size:12px;font-weight:550}.action-button small{color:var(--muted);letter-spacing:.14em;align-self:flex-end;font-size:9px}.lock-button{background:var(--paper);color:#071014;border-color:var(--paper)}.lock-button:hover:not(:disabled){background:var(--cyan-bright);color:#071014}.lock-button i{color:#071014}.lock-button small{color:#516267}.tutorial-card{z-index:32;background:linear-gradient(145deg,#0a1921fa,#03090dfa);border:1px solid #bff8ff66;width:min(390px,100vw - 36px);padding:22px;position:fixed;bottom:clamp(18px,4vh,48px);left:clamp(18px,4vw,64px);box-shadow:0 24px 80px #0000009e,0 0 35px #3ec4d614}.tutorial-card:before{content:"";background:var(--cyan);width:78px;height:2px;box-shadow:0 0 12px var(--cyan);position:absolute;top:0;left:0}.tutorial-card>div:first-child{color:var(--cyan);letter-spacing:.16em;justify-content:space-between;font-size:10px;display:flex}.tutorial-card h3{letter-spacing:-.025em;margin:14px 0 8px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:27px;font-weight:400}.tutorial-card p{color:#a8babf;word-break:keep-all;margin:0;font-size:13px;line-height:1.65}.tutorial-actions{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.tutorial-actions button{cursor:pointer;border:0;min-height:40px}.tutorial-actions button:first-child{color:#71868d;text-underline-offset:4px;background:0 0;padding:0;font-size:11px;text-decoration:underline}.tutorial-actions button:last-child{color:var(--cyan-bright);background:#7eeafa1a;padding:0 14px;font-size:12px}.tutorial-actions button:disabled{opacity:.55;cursor:default}.share-modal{width:min(720px,100vw - 32px)}.share-modal[data-share-theme=sum_drop]{background:linear-gradient(145deg,#190f28fa,#060712fc);border-color:#f2b6ff61}.share-modal[data-share-theme=sum_drop]:before{background:#f2b6ff;box-shadow:0 0 13px #f2b6ff}.share-modal[data-share-theme=sum_drop] .modal-kicker{color:#f2b6ff}.share-modal-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.share-copy-column{min-width:0}.share-url-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.share-url-input{width:100%;min-width:0;min-height:46px;color:var(--cyan-bright);text-overflow:ellipsis;background:#010609b3;border:1px solid #aee7ef40;border-radius:0;padding:0 11px;font-size:11px}.share-url-input:focus{outline:1px solid var(--cyan);outline-offset:2px}.invite-copy-button{min-width:122px;min-height:46px;color:var(--paper);cursor:pointer;background:#7eeafa12;border:1px solid #7eeafa57;justify-content:space-between;align-items:center;gap:14px;padding:0 13px;font-size:10px;display:inline-flex}.invite-copy-button:hover,.invite-copy-button:focus-visible{border-color:var(--cyan);background:#7eeafa24}.invite-copy-button b{color:var(--cyan);font-size:14px;font-weight:500}.share-feedback{min-height:18px;color:var(--cyan);margin:9px 0 0;font-size:10px;line-height:1.5}.share-modal-actions{gap:10px;margin-top:8px;display:flex}.share-modal-actions .primary-button{min-height:48px}.share-qr-disclosure{border-top:1px solid #aee7ef29;margin-top:18px}.share-qr-disclosure summary{color:var(--muted);letter-spacing:.1em;cursor:pointer;padding:13px 0 8px;font-size:10px}.share-qr-disclosure summary:hover,.share-qr-disclosure summary:focus-visible{color:var(--cyan-bright)}.share-qr-disclosure>p{color:#8fa2a8;margin:0 0 10px;font-size:10px}.share-qr-frame{aspect-ratio:1;background:#d9f7f5;place-items:center;width:min(276px,100%);margin:8px auto 0;padding:10px;display:grid}.share-qr-frame canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.choice-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.choice-button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff05;grid-template-columns:30px 1fr auto;align-items:center;min-height:66px;padding:0 16px;transition:all .16s;display:grid}.choice-button:hover{border-color:var(--cyan);background:#7eeafa0f;transform:translate(3px)}.choice-button small{color:var(--gold);font-size:8px}.choice-button span{font-size:13px}.choice-button i{color:var(--muted);font-style:normal}.answer-form label{color:var(--muted);letter-spacing:.18em;margin-bottom:8px;font-size:10px;display:block}.answer-input-wrap{border-bottom:1px solid #bef2f880;grid-template-columns:1fr 54px;display:grid}.answer-input-wrap input{min-width:0;color:var(--paper);background:0 0;border:0;outline:0;padding:17px 0;font-size:20px}.answer-input-wrap input::placeholder{color:#42545a}.answer-input-wrap button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:25px}.answer-input-wrap button:disabled{color:#40535a;cursor:not-allowed}.answer-form[aria-busy=true] .answer-input-wrap{opacity:.72}.answer-form>small{color:#71858b;margin-top:11px;font-size:11px;display:block}.answer-feedback{min-height:22px;color:var(--cyan);margin:20px 0 0;font-size:12px;line-height:1.6}.answer-feedback[data-tone=incorrect],.answer-feedback[data-tone=failed]{color:var(--danger)}.answer-feedback[data-tone=partial],.answer-feedback[data-tone=ambiguous]{color:var(--gold)}.result-card{z-index:45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050d11f0;border:1px solid #c4eff452;width:min(420px,100vw - 40px);padding:30px;animation:.38s cubic-bezier(.2,.9,.25,1) both result-in;position:fixed;bottom:clamp(20px,5vh,64px);right:clamp(20px,5vw,80px);box-shadow:0 30px 100px #000000b3}.result-medal{text-align:center;background:var(--gold);color:#211506;letter-spacing:.12em;min-width:76px;padding:9px 12px;font-size:9px;font-weight:800;position:absolute;top:-18px;right:22px}.result-medal[data-medal=silver]{background:#c6d5d8}.result-medal[data-medal=bronze]{background:#d98e5e}.result-medal[data-medal=none]{color:#c5d3d5;background:#39474b}.result-card h2{margin:0;font-family:Bodoni MT,Georgia,serif;font-size:35px;font-weight:400}.result-answer{color:#8fa2a7;font-size:11px;line-height:1.6}.result-answer strong{color:var(--paper);font-size:14px}.result-answer span{color:#72868c}.result-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:22px 0;display:grid}.result-stats div{padding:13px 8px 12px 0}.result-stats div+div{border-left:1px solid var(--line);padding-left:12px}.result-stats span,.round-score span{color:var(--muted);letter-spacing:.11em;font-size:10px;display:block}.result-stats strong{margin-top:6px;font-size:15px;font-weight:450;display:block}.round-score{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.round-score strong{color:var(--gold);font-size:29px;font-weight:450}.score-formula{color:#73878d;margin:-8px 0 20px;font-size:10px;line-height:1.5}.result-card .primary-button{width:100%}.complete-screen{text-align:center;align-content:start;justify-items:center;padding:clamp(54px,8vh,90px) 24px 70px;display:grid;position:relative;overflow:auto}.complete-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#249aaa2b,#0000 66%);border-radius:50%;width:min(70vw,800px);position:absolute}.complete-screen>:not(.complete-glow){position:relative}.complete-screen h2{margin:20px 0 24px;font-size:clamp(46px,6vw,78px)}.final-score{margin-bottom:30px}.final-score span{color:var(--muted);letter-spacing:.26em;font-size:8px;display:block}.final-score strong{color:var(--gold);letter-spacing:.05em;margin-top:5px;font-size:clamp(38px,5vw,66px);font-weight:450;display:block}.personal-best{min-height:18px;color:var(--cyan);letter-spacing:.18em;margin:-22px 0 22px;font-size:10px}.summary-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;grid-template-columns:repeat(3,1fr);width:min(850px,90vw);margin:10px 0 36px;display:grid}.summary-grid div{min-width:0;padding:20px}.summary-grid div+div{border-left:1px solid var(--line)}.summary-grid span{color:var(--muted);letter-spacing:.14em;font-size:9px}.summary-grid strong{text-overflow:ellipsis;white-space:nowrap;margin:8px 0 4px;font-size:18px;font-weight:500;display:block;overflow:hidden}.summary-grid small{color:#71858b;font-size:11px}.run-breakdown{border:1px solid var(--line);text-align:left;grid-template-columns:repeat(3,1fr);width:min(850px,90vw);margin:-18px 0 32px;display:grid}.run-breakdown article{gap:5px;min-width:0;padding:16px 18px;display:grid;position:relative}.run-breakdown article+article{border-left:1px solid var(--line)}.run-breakdown span{color:var(--cyan);letter-spacing:.16em;font-size:9px}.run-breakdown strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.run-breakdown small{color:#71858b;font-size:11px}.run-breakdown b{color:var(--gold);font-size:13px;font-weight:500;position:absolute;top:15px;right:16px}.complete-actions{justify-content:center;gap:10px;display:flex}.result-competition{min-height:18px;color:var(--cyan);letter-spacing:.06em;margin:13px 0 18px;font-size:10px;line-height:1.5}.room-setup-modal{width:min(650px,100vw - 32px)}.room-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 22px;display:grid}.room-mode-card{min-height:145px;color:var(--paper);text-align:left;cursor:pointer;background:#7eeafa05;border:1px solid #aee7ef33;align-content:start;gap:8px;padding:16px;transition:border-color .14s,background .14s,transform .14s;display:grid}.room-mode-card:hover,.room-mode-card:focus-visible{background:#7eeafa12;border-color:#7eeafa9e;transform:translateY(-1px)}.room-mode-card.is-selected{border-color:var(--cyan);background:#7eeafa1a;box-shadow:inset 0 0 0 1px #7eeafa33}.room-mode-card>span{color:var(--gold);letter-spacing:.15em;font-size:9px}.room-mode-card strong{color:var(--cyan-bright);letter-spacing:.12em;font-size:12px}.room-mode-card small{color:#8fa2a8;font-size:11px;line-height:1.55}.room-mode-card:disabled{opacity:.38;cursor:not-allowed;transform:none}.challenge-source-panel{border:1px solid var(--line);margin:0 0 20px;padding:15px}.tutorial-toggle{cursor:pointer;background:#f2c45d0d;border:1px solid #f2c45d59;align-items:flex-start;gap:11px;margin:18px 0 20px;padding:13px 15px;display:flex}.tutorial-toggle input{width:17px;height:17px;accent-color:var(--gold);margin:2px 0 0}.tutorial-toggle-copy{gap:4px;display:grid}.tutorial-toggle-copy strong{color:var(--gold);letter-spacing:.13em;font-size:11px}.tutorial-toggle-copy small{color:#a8babf;font-size:11px;line-height:1.5}.upload-challenge-fields{gap:7px;margin-top:14px;display:grid}.room-field-label{color:#a7b9bd;letter-spacing:.1em;margin:12px 0 6px;font-size:10px;display:block}.room-field-label small{color:var(--muted);font-size:9px}.room-select,.room-text-input,.room-file-input{width:100%;min-height:42px;color:var(--paper);font:inherit;background:#010609b3;border:1px solid #aee7ef40;border-radius:0;padding:0 11px;font-size:12px}.room-file-input{color:#8fa2a8;padding-top:10px}.room-select:focus,.room-text-input:focus,.room-file-input:focus{outline:1px solid var(--cyan);outline-offset:2px}.challenge-image-preview{background:#010609c7;border:1px solid #7eeafa38;min-height:172px;margin:7px 0 8px;display:grid;position:relative;overflow:hidden}.challenge-image-preview.is-empty{border-style:dashed}.challenge-image-preview img{object-fit:contain;background:#02070a;width:100%;height:172px;display:block}.challenge-image-placeholder{text-align:center;align-content:center;place-items:center;gap:8px;min-height:172px;padding:20px;display:grid}.challenge-image-placeholder span{color:var(--cyan);letter-spacing:.2em;font-size:9px}.challenge-image-placeholder small{color:#71858b;max-width:260px;font-size:10px;line-height:1.5}.challenge-image-preview:not(.is-empty) .challenge-image-placeholder{display:none}.challenge-image-preview figcaption{color:var(--cyan-bright);text-overflow:ellipsis;white-space:nowrap;background:#010609d1;border:1px solid #7eeafa33;padding:7px 9px;font-size:9px;line-height:1.4;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.room-challenge-preview{background:#01060985;border:1px solid #7eeafa33;grid-template-columns:112px 1fr;align-items:center;gap:12px;margin:14px 0 0;padding:8px;display:grid}.room-challenge-preview img{object-fit:cover;background:#02070a;width:112px;height:72px;display:block}.room-challenge-preview figcaption{min-width:0}.room-challenge-preview figcaption span{color:var(--cyan);letter-spacing:.16em;font-size:8px;display:block}.room-challenge-preview figcaption small{color:#8fa2a8;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:10px;line-height:1.4;display:block;overflow:hidden}.room-settings-row{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.room-settings-row .room-field-label{white-space:nowrap;margin:0}.room-setup-feedback{min-height:18px;color:var(--danger);margin:14px 0 10px;font-size:11px}.room-qr-frame{background:#d9f7f5;place-items:center;width:276px;height:276px;margin:8px auto 15px;padding:10px;display:grid}.room-qr-frame canvas{width:256px;height:256px;image-rendering:pixelated;display:block}.room-qr-url{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 auto 16px;font-size:9px;line-height:1.5;overflow:hidden}.fatal-error{text-align:center;place-content:center;min-height:100vh;display:grid}.fatal-error p{color:var(--danger);letter-spacing:.2em;font-size:9px}.fatal-error h1{margin:10px;font-family:Bodoni MT,Georgia,serif;font-size:44px;font-weight:400}.fatal-error span{color:var(--muted);font-size:12px}@media (width<=1100px){.home-screen{grid-template-columns:1fr .8fr}.home-visual{transform-origin:50%;min-height:500px;transform:scale(.9)}.howto-screen{grid-template-columns:1fr;align-content:start;overflow:auto}.howto-heading{max-width:560px}.howto-screen>.primary-button{grid-column:1}.room-screen{align-content:start;padding-top:82px}.game-layout{grid-template-columns:minmax(0,1fr)}.actions-panel{grid-column:1/3;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding-top:0;display:grid}.actions-panel .section-label,.actions-panel .action-note{display:none}.action-button{flex-direction:row;align-items:center;min-height:58px;margin:0}.action-button small{align-self:auto}}@media (width<=760px){.home-screen{padding:46px 22px 80px;display:block}.home-copy{max-width:none}.home-copy h1{font-size:clamp(52px,15vw,76px)}.home-lede{font-size:13px}.home-actions{gap:16px}.home-visual{height:350px;min-height:0;margin-top:38px;transform:none}.orbit-a{width:330px;height:330px;left:4%}.orbit-b{width:230px;height:230px}.preview-card{width:180px}.preview-a{left:4%}.preview-b{right:-9%}.preview-c{left:2%}.hero-lens{width:138px;top:29%;left:32%}.hero-lens span{font-size:56px}.mode-strip{margin-top:44px}.home-footer{left:22px;right:22px}.home-footer span:last-child{display:none}.howto-screen{padding:76px 22px 56px;display:block}.howto-heading h2{font-size:clamp(48px,14vw,68px)}.howto-grid{grid-template-columns:1fr;margin:38px 0 24px}.howto-grid article{grid-template-columns:70px 1fr;column-gap:18px;min-height:0;padding:22px 4px;display:grid}.howto-grid article+article{border-left:0;border-top:1px solid var(--line)}.howto-grid article>span{grid-column:1}.howto-icon{grid-area:2/1/4;width:56px;height:56px;margin-top:16px}.howto-grid h3{grid-column:2;margin:14px 0 7px}.howto-grid p{grid-column:2}.lens-icon:after{inset:20px}.howto-screen>.primary-button{width:100%}.room-screen{padding:76px 22px 56px}.room-dashboard-grid{grid-template-columns:1fr}.room-dashboard-actions .primary-button,.room-dashboard-actions .secondary-button,.room-wait-state{width:100%}.room-invite-panel{grid-template-columns:1fr}.room-invite-url-row{align-items:stretch}.invite-copy-button{min-height:38px}.room-invite-panel .room-qr-frame{width:min(154px,70vw);height:min(154px,70vw);margin:4px auto 0}.game-screen{padding:16px 12px 22px}.game-topbar{margin-bottom:14px}.game-topbar-tools{flex-direction:column;align-items:flex-end;gap:7px}.screen-wake-button{min-height:28px;padding:0 8px;font-size:8px}.match-context{gap:12px}.match-meta{gap:3px 8px}.match-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:135px;overflow:hidden}.round-timer{min-width:88px;padding-left:12px}.round-timer>strong{font-size:30px}.round-identity h2{font-size:16px}.game-layout{display:block}.stage-column{width:100%}.telemetry{border-top:1px solid var(--line);order:2;grid-template-columns:repeat(4,1fr);width:100%;display:grid}.telemetry .section-label,.telemetry-rule,.telemetry-note,.meter{display:none}.metric,.primary-metric{border-bottom:0;min-width:0;padding:10px 7px}.metric+.metric{border-left:1px solid var(--line)}.metric strong,.primary-metric strong{font-size:14px}.actions-panel{order:3;grid-template-columns:1fr 1.2fr;gap:8px;width:100%;display:grid}.action-button{padding:10px}.action-button small{display:none}.canvas-shell{aspect-ratio:16/10}.play-hud{grid-template-columns:1fr;gap:12px;padding-top:12px}.play-controls{justify-content:space-between}.movement-pad{grid-template-columns:repeat(4,minmax(38px,44px))}.play-controls .action-button{min-width:132px}.stage-caption span{display:none}.clue-strip{grid-template-columns:1fr}.clue-strip.has-clues{max-height:150px}.clue-chip{display:grid}.choice-grid{grid-template-columns:1fr}.result-card{width:auto;bottom:16px;left:16px;right:16px}.summary-grid{grid-template-columns:1fr}.summary-grid div+div{border-left:0;border-top:1px solid var(--line)}.run-breakdown{grid-template-columns:1fr}.run-breakdown article+article{border-left:0;border-top:1px solid var(--line)}.complete-actions{flex-direction:column;width:min(360px,90vw)}.complete-actions .primary-button,.complete-actions .secondary-button{width:100%}.room-mode-grid{grid-template-columns:1fr}.room-settings-row{grid-template-columns:1fr 1fr}.room-settings-row .room-field-label{margin-top:4px}}@media (width<=430px){.mode-strip div{grid-template-columns:24px 1fr;padding-right:8px}.mode-strip div+div{padding-left:8px}.result-card{padding:24px 20px}.information-gauge strong{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.catalog-screen{min-height:calc(100vh - 74px);padding:clamp(44px,7vh,82px) clamp(24px,7vw,112px) 78px;display:block;overflow:hidden}.catalog-screen:before{content:"PINHOLE LAB";color:#a6dce406;letter-spacing:-.075em;white-space:nowrap;pointer-events:none;font-size:clamp(76px,14vw,216px);font-weight:900;position:absolute;bottom:-4.8vw;left:-1.5vw}.catalog-intro{z-index:2;text-align:center;max-width:760px;margin:0 auto clamp(34px,5vh,58px);position:relative}.catalog-intro .eyebrow{justify-content:center}.catalog-intro h1{letter-spacing:-.06em;margin:21px 0 17px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.96}.catalog-intro h1 em{color:var(--gold);font-weight:400}.catalog-intro .home-lede{color:#a6b7bc;word-break:keep-all;max-width:490px;margin:0 auto;font-size:14px;line-height:1.75}.catalog-share-button{min-width:190px;min-height:42px;color:var(--paper);letter-spacing:.08em;cursor:pointer;background:#f3bd630e;border:1px solid #f3bd636b;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:0 14px 0 17px;font-size:10px;display:inline-flex}.catalog-share-button:hover,.catalog-share-button:focus-visible{border-color:var(--gold);background:#f3bd631f}.catalog-share-button b{color:var(--gold);font-size:14px;font-weight:500}.game-catalog{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto;display:grid;position:relative}.game-card{background:linear-gradient(145deg,#09151beb,#03070bf5);border:1px solid #b4f5ff38;flex-direction:column;min-width:0;min-height:610px;padding:21px 22px 22px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000003d}.game-card:after{content:"";pointer-events:none;opacity:.45;background:linear-gradient(135deg,#7eeafa0d,#0000 42%,#f3bd6306);position:absolute;inset:0}.game-card:hover,.game-card:focus-within{border-color:#b4f5ff8c;transform:translateY(-4px);box-shadow:0 30px 96px #00000061}.game-card-head{z-index:1;color:var(--muted);letter-spacing:.19em;justify-content:space-between;font-size:9px;display:flex;position:relative}.game-card-head b{color:var(--cyan);font-size:9px;font-weight:600}.game-card-visual{z-index:1;height:250px;margin:15px -4px;position:relative;overflow:hidden}.pinhole-card-visual{border-bottom:1px solid #7eeafa21}.catalog-orbit{border:1px solid #7eeafa26;border-radius:50%;position:absolute}.catalog-orbit-a{width:300px;height:300px;top:-58px;left:50%;transform:translate(-50%)}.catalog-orbit-b{border-style:dashed;width:190px;height:190px;animation:50s linear infinite rotate;top:26px;left:50%;transform:translate(-50%)}.catalog-preview{background:linear-gradient(145deg,#10222b,#04090d 70%);border:1px solid #d2f5f833;width:190px;height:118px;position:absolute;box-shadow:0 20px 38px #00000061}.catalog-preview:before{content:"";border:1px solid #bff8ff2b;border-radius:50%;position:absolute;inset:18%}.catalog-preview span{color:#afc4c8;letter-spacing:.17em;font-size:8px;position:absolute;bottom:8px;left:10px}.catalog-preview-a{top:22px;left:9%;transform:rotate(-8deg)}.catalog-preview-b{background:linear-gradient(145deg,#0b1a21,#03070a 72%);bottom:17px;right:7%;transform:rotate(7deg)}.catalog-lens{z-index:2;aspect-ratio:1;background:#010609d6;border:1px solid #b5f9ffbd;border-radius:50%;place-items:center;width:140px;animation:4.5s ease-in-out infinite lens-breathe;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 14px #7eeafa0a,0 0 52px #3dd2e847,inset 0 0 45px #3dd2e821}.catalog-lens span{color:var(--cyan-bright);font-family:Bodoni MT,Georgia,serif;font-size:55px;font-weight:300}.sum-grid{background-image:linear-gradient(#f2b6ff24 1px,#0000 1px),linear-gradient(90deg,#f2b6ff24 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:17px 21%;transform:perspective(420px)rotateX(18deg)rotate(-4deg);box-shadow:0 0 50px #8855be33}.sum-block,.sum-target{z-index:2;aspect-ratio:1;color:#fff6ff;border:1px solid #ffffff4d;place-items:center;width:54px;font-size:24px;font-weight:700;display:grid;position:absolute;box-shadow:0 14px 28px #00000052}.sum-block-a{background:#7154c9;top:39px;left:27%;transform:rotate(-7deg)}.sum-block-b{background:#d274ba;top:97px;right:27%;transform:rotate(8deg)}.sum-block-c{color:#24152c;background:#ffd166;top:151px;left:46%;transform:rotate(-4deg)}.sum-target{color:#ffd166;background:#ffd16614;border-color:#ffd166b3;width:88px;font-size:30px;bottom:8px;right:50%;transform:translate(50%);box-shadow:0 0 28px #ffd1662b}.game-card-copy{z-index:1;position:relative}.game-card-copy h2{color:var(--paper);letter-spacing:.05em;margin:0;font-size:clamp(32px,4vw,51px);font-weight:700}.game-card-tagline{color:var(--gold);letter-spacing:.04em;margin:8px 0;font-size:13px;font-weight:600}.game-card-copy>p:last-child{color:#8fa2a8;word-break:keep-all;max-width:390px;margin:0;font-size:12px;line-height:1.7}.game-card-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:27px;display:flex;position:relative}.game-card-actions .primary-button,.game-card-actions .secondary-button{flex:150px;min-width:0}.game-card-tertiary-actions{align-items:center;gap:14px;display:inline-flex}.game-card-actions .text-link-button{flex:none}.home-footer{z-index:2}.build-stamp{color:#3d4b50;letter-spacing:.12em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}@media (width<=900px){.game-card{min-height:570px}.game-card-visual{height:220px}}@media (width<=760px){.catalog-screen{min-height:calc(100vh - 58px);padding:44px 18px 76px;overflow:visible}.catalog-screen:before{font-size:20vw;bottom:-2vw}.catalog-intro{margin-bottom:31px}.catalog-intro h1{font-size:clamp(48px,15vw,70px)}.catalog-intro .home-lede{font-size:13px}.game-catalog{grid-template-columns:1fr;gap:13px}.game-card{min-height:548px;padding:18px 17px}.game-card-visual{height:205px;margin-top:12px}.game-card-actions{align-items:stretch}.game-card-actions .primary-button,.game-card-actions .secondary-button{flex-basis:calc(50% - 5px)}.game-card-actions .text-link-button{text-align:left;width:100%}.share-url-row{grid-template-columns:1fr}.share-url-row .invite-copy-button{width:100%}.share-modal{width:min(100vw - 20px,540px)}.share-qr-frame{width:min(220px,70vw)}.home-footer{margin-top:25px;position:relative;bottom:auto;left:auto;right:auto}.home-footer span:last-child{display:inline}.home-footer{flex-wrap:wrap;row-gap:8px}.build-stamp{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){.game-card,.catalog-lens,.catalog-orbit-b{transition:none;animation:none}}body.guide-open{overflow:hidden}.header-tools{align-items:center;gap:22px;display:flex}.app-guide-button{aspect-ratio:1;width:38px;color:var(--cyan-bright);cursor:pointer;background:#7eeafa09;border:1px solid #b4f5ff61;border-radius:50%;place-items:center;padding:0;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.app-guide-button:before{content:"";border-radius:inherit;border:1px dashed #f3bd634d;position:absolute;inset:4px}.app-guide-button span{font-family:Georgia,serif;font-size:17px;line-height:1;position:relative}.app-guide-button:hover,.app-guide-button[aria-expanded=true]{border-color:var(--cyan);background:#7eeafa1f;transform:rotate(8deg);box-shadow:0 0 26px #3dd2e826}.app-guide-screen{z-index:160;scroll-behavior:smooth;background:linear-gradient(#7eeafa06 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#7eeafa06 1px,#0000 1px) 0 0/56px 56px,radial-gradient(circle at 76% 11%,#219caf29,#0000 32rem),radial-gradient(circle at 15% 72%,#f3bd6314,#0000 28rem),#03070a;scroll-padding-top:102px;animation:.24s ease-out guide-screen-in;position:fixed;inset:0;overflow:auto}.app-guide-screen:after{content:"FIELD MANUAL";z-index:-1;color:#b8ebf205;letter-spacing:-.07em;white-space:nowrap;pointer-events:none;font-size:clamp(76px,13vw,205px);font-weight:900;line-height:.8;position:fixed;bottom:-3vw;right:-1vw}.app-guide-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03070ae6;border-bottom:1px solid #99ccd733;justify-content:space-between;align-items:center;min-height:74px;padding:0 clamp(22px,4vw,68px);display:flex;position:sticky;top:0}.app-guide-header>div{align-items:baseline;gap:15px;display:flex}.app-guide-header span{color:var(--paper);letter-spacing:.18em;font-size:12px;font-weight:750}.app-guide-header b{color:var(--gold);letter-spacing:.2em;font-size:8px;font-weight:500}.app-guide-close-button{color:#9fb4b9;letter-spacing:.1em;cursor:pointer;background:#7eeafa08;border:1px solid #b4f5ff40;align-items:center;gap:13px;min-height:38px;padding:0 12px 0 15px;font-size:9px;display:inline-flex}.app-guide-close-button:hover{border-color:var(--cyan);color:var(--paper);background:#7eeafa14}.app-guide-close-button kbd{color:var(--cyan);font:inherit;border:1px solid #b4f5ff38;padding:3px 5px}.app-guide-layout{grid-template-columns:230px minmax(0,1fr);width:min(1540px,100%);margin:0 auto;display:grid}.app-guide-nav{border-right:1px solid var(--line);align-self:start;gap:4px;margin:40px 0 0;padding:0 30px 24px clamp(22px,4vw,58px);display:grid;position:sticky;top:104px}.app-guide-nav>p{color:#52676d;letter-spacing:.24em;margin:0 0 13px;font-size:8px}.app-guide-nav a{color:#80949a;grid-template-columns:27px 1fr;align-items:center;gap:8px;min-height:34px;font-size:10px;text-decoration:none;display:grid}.app-guide-nav a span{color:var(--gold);letter-spacing:.12em;font-size:8px}.app-guide-nav a:hover,.app-guide-nav a:focus-visible{color:var(--cyan-bright)}.app-guide-nav small{color:#5f747a;word-break:keep-all;margin-top:24px;font-size:9px;line-height:1.65;display:block}.app-guide-content{min-width:0;padding:0 clamp(24px,6vw,92px) 60px}.guide-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);align-items:center;gap:clamp(36px,7vw,100px);min-height:min(720px,100vh - 74px);padding:clamp(72px,10vh,125px) 0;display:grid}.guide-hero-copy h2{letter-spacing:-.065em;max-width:820px;margin:23px 0 26px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(56px,7vw,104px);font-weight:400;line-height:.91}.guide-hero-copy h2 em{color:var(--gold);font-weight:400}.guide-hero-copy>p:last-child{color:#9fb1b6;word-break:keep-all;max-width:670px;margin:0;font-size:14px;line-height:1.9}.guide-manifesto{background:linear-gradient(145deg,#7eeafa0f,#02070ab8);border:1px solid #7eeafa40;align-content:end;gap:13px;min-height:305px;padding:29px;display:grid;position:relative;overflow:hidden}.guide-manifesto:before{content:"?";color:#7eeafa14;font-family:Georgia,serif;font-size:220px;line-height:1;position:absolute;top:-42px;right:-5px}.guide-manifesto>span{color:var(--cyan);letter-spacing:.22em;font-size:8px;position:absolute;top:27px;left:29px}.guide-manifesto strong{font-family:Bodoni MT,Georgia,serif;font-size:clamp(26px,2.6vw,38px);font-weight:400;line-height:1.05;position:relative}.guide-manifesto strong:nth-of-type(2){color:var(--gold)}.guide-section{border-bottom:1px solid var(--line);padding:clamp(72px,10vh,120px) 0}.guide-section-heading{grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:42px;display:grid}.guide-section-heading>span{color:var(--gold);letter-spacing:.18em;padding-top:8px;font-size:9px}.guide-section-heading h3{letter-spacing:-.045em;max-width:780px;margin:0;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:.98}.guide-step-grid{border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guide-step-grid article{background:#7eeafa05;min-height:245px;padding:24px}.guide-step-grid article+article{border-left:1px solid var(--line)}.guide-step-grid b{color:var(--cyan);letter-spacing:.18em;font-size:9px;font-weight:500}.guide-step-grid h4{margin:53px 0 12px;font-size:18px;font-weight:550}.guide-step-grid p{color:#879ba1;word-break:keep-all;margin:0;font-size:12px;line-height:1.75}.guide-step-grid p strong{color:#bfd0d4;font-size:inherit;letter-spacing:0}.guide-game-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:clamp(72px,10vh,120px) 0;display:grid}.guide-game{background:linear-gradient(155deg,#0a191feb,#03080bf2);border:1px solid #7eeafa38;flex-direction:column;min-width:0;min-height:635px;padding:clamp(26px,4vw,46px);display:flex;position:relative;overflow:hidden}.guide-game:after{content:"01";color:#7eeafa09;font-size:176px;font-weight:900;line-height:.8;position:absolute;top:28px;right:-13px}.guide-game-index{z-index:1;color:#6f858b;letter-spacing:.18em;justify-content:space-between;font-size:8px;display:flex;position:relative}.guide-game-index b{color:var(--cyan);font-weight:600}.guide-game h3{z-index:1;letter-spacing:.04em;margin:86px 0 14px;font-size:clamp(38px,5vw,64px);line-height:.9;position:relative}.guide-game-lede{z-index:1;color:#99acb1;word-break:keep-all;min-height:70px;margin:0 0 28px;font-size:13px;line-height:1.75;position:relative}.guide-game dl{z-index:1;border-top:1px solid #aee7ef26;margin:0;position:relative}.guide-game dl>div{border-bottom:1px solid #aee7ef1f;grid-template-columns:76px 1fr;gap:10px;padding:13px 0;display:grid}.guide-game dt{color:var(--gold);letter-spacing:.18em;font-size:8px}.guide-game dd{color:#b3c3c7;margin:0;font-size:11px;line-height:1.55}.guide-tip{z-index:1;margin-top:auto;padding-top:28px;position:relative}.guide-tip span{color:var(--cyan);letter-spacing:.18em;font-size:8px}.guide-tip p{color:#768c92;word-break:keep-all;margin:8px 0 0;font-size:10px;line-height:1.65}.guide-room-section{padding-bottom:clamp(76px,11vh,130px)}.guide-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.guide-room-grid article{border:1px solid var(--line);background:#7eeafa05;min-height:230px;padding:24px}.guide-room-grid span{color:var(--cyan);letter-spacing:.15em;font-size:8px}.guide-room-grid article:nth-child(2) span{color:var(--gold)}.guide-room-grid h4{margin:58px 0 12px;font-size:17px;font-weight:550}.guide-room-grid p{color:#83979c;word-break:keep-all;margin:0;font-size:11px;line-height:1.75}.guide-framework-section{border-bottom:0}.guide-framework-lede{color:#9badb2;word-break:keep-all;max-width:760px;margin:-10px 0 40px calc(32% + 20px);font-size:14px;line-height:1.85}.framework-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;display:grid}.framework-flow div{background:#7eeafa06;border:1px solid #7eeafa3b;align-content:center;gap:10px;min-height:132px;padding:20px;display:grid}.framework-flow div:last-of-type{background:#f3bd6309;border-color:#f3bd6357}.framework-flow span{color:var(--cyan);letter-spacing:.18em;font-size:8px}.framework-flow div:last-of-type span{color:var(--gold)}.framework-flow strong{font-size:12px;font-weight:550;line-height:1.5}.framework-flow>i{color:#52676d;font-size:18px;font-style:normal}.guide-future-note{border-left:1px solid var(--gold);color:#8fa2a8;background:#f3bd6309;margin:28px 0 0;padding:18px 20px;font-size:11px;line-height:1.7}.guide-future-note span{color:var(--gold);letter-spacing:.18em;margin-right:12px;font-size:8px}.app-guide-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:150px;display:flex}.app-guide-footer>div{gap:5px;display:grid}.app-guide-footer>div span{color:var(--paper);letter-spacing:.15em;font-size:13px;font-weight:750}.app-guide-footer>div strong{color:#5f747a;letter-spacing:.2em;font-size:8px;font-weight:500}@media (width<=1000px){.app-guide-layout{display:block}.app-guide-nav{z-index:4;border-right:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;background:#03070af0;gap:6px;margin:0;padding:10px 22px;display:flex;top:74px;overflow-x:auto}.app-guide-nav::-webkit-scrollbar{display:none}.app-guide-nav>p,.app-guide-nav small{display:none}.app-guide-nav a{border:1px solid #7eeafa24;flex:none;min-height:32px;padding:0 10px;display:inline-flex}.app-guide-content{padding-inline:clamp(22px,5vw,56px)}.guide-hero{min-height:auto;padding-top:90px}.guide-game{min-height:610px}}@media (width<=760px){.header-tools{gap:11px}.app-guide-button{width:34px}.app-guide-header{min-height:58px;padding-inline:18px}.app-guide-header>div b{display:none}.app-guide-close-button{min-height:34px;padding-inline:10px}.app-guide-close-button>span{display:none}.app-guide-nav{padding-inline:14px;top:58px}.app-guide-content{padding-inline:18px}.guide-hero{grid-template-columns:1fr;gap:42px;padding:74px 0 68px}.guide-hero-copy h2{font-size:clamp(50px,15vw,76px)}.guide-manifesto{min-height:260px}.guide-section-heading{display:block}.guide-section-heading>span{margin-bottom:16px;display:block}.guide-step-grid,.guide-game-grid,.guide-room-grid{grid-template-columns:1fr}.guide-step-grid article{min-height:195px}.guide-step-grid article+article{border-left:0;border-top:1px solid var(--line)}.guide-step-grid h4{margin-top:38px}.guide-game{min-height:590px}.guide-game h3{margin-top:74px}.guide-framework-lede{margin:-8px 0 30px}.framework-flow{grid-template-columns:1fr}.framework-flow>i{text-align:center}.app-guide-footer{flex-direction:column;align-items:stretch;padding:38px 0}.app-guide-footer .primary-button{width:100%}}@media (width<=430px){.guide-hero-copy>p:last-child{font-size:13px}.guide-game{padding:25px 20px}.guide-game dl>div{grid-template-columns:62px 1fr}}@media (prefers-reduced-motion:reduce){.app-guide-screen,.app-guide-button{scroll-behavior:auto;transition:none;animation:none}}.sum-drop-launch-button{color:#e9d9ff;border-color:#d88cff75}.sum-drop-launch-button:hover{background:#d88cff1f;border-color:#d88cff}.sum-drop-screen{background:radial-gradient(circle at 50% 45%,#6850be29,#0000 34rem);min-height:calc(100vh - 74px);padding:56px clamp(18px,5vw,70px) 42px;position:relative;overflow:hidden}.sum-drop-heading{text-align:center;max-width:720px;margin:0 auto}.sum-drop-heading h2{letter-spacing:-.055em;margin:17px 0 10px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:.98}.sum-drop-heading h2 em{color:#f2b6ff;font-weight:400}.sum-drop-heading>p:last-child{color:#a9b7d7;max-width:620px;margin:0 auto;font-size:12px;line-height:1.7}.sum-drop-hud{background:#080c1fb3;border:1px solid #aeb9ff33;grid-template-columns:repeat(5,minmax(0,1fr));width:min(620px,100%);margin:24px auto 14px;display:grid}.sum-drop-hud>div{text-align:center;min-width:0;padding:10px 13px}.sum-drop-hud>*+*{border-left:1px solid #aeb9ff21}.sum-drop-hud span{color:#8c9ac2;letter-spacing:.17em;font-size:8px;display:block}.sum-drop-hud strong{color:#f3dcff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(17px,2.8vw,25px);font-weight:600;display:block;overflow:hidden}.sum-drop-hud>div:nth-child(2) strong{color:#ffd166}.sum-drop-stage{background:#02040eb8;border:1px solid #d88cff59;width:min(390px,100%);height:min(58vh,560px);min-height:430px;margin:0 auto;padding:8px;position:relative;box-shadow:0 20px 90px #624bbe2e,inset 0 0 40px #373f9b1a}.sum-drop-stage canvas{touch-action:none;outline:0;width:100%;height:100%;display:block}.sum-drop-controls{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:48px;gap:8px;width:min(390px,100%);margin:14px auto 0;display:grid}.sum-drop-controls,.sum-drop-controls button,.sum-drop-stage,.sum-drop-stage canvas,.sum-drop-pause-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sum-drop-controls button{color:#f5eaff;cursor:pointer;touch-action:manipulation;background:#d7c4ff12;border:1px solid #d7c4ff47;min-height:48px;font:700 16px Bahnschrift,sans-serif}.sum-drop-controls button:nth-child(3){color:#151028;letter-spacing:.08em;background:#f2b6ff;border-color:#f2b6ff;font-size:11px}.sum-drop-controls button:hover,.sum-drop-controls button:focus-visible{background:#f2b6ff33;border-color:#f2b6ff}.sum-drop-controls button:nth-child(3):hover,.sum-drop-controls button:nth-child(3):focus-visible{color:#151028;background:#ffd8ff}.sum-drop-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.sum-drop-actions .primary-button,.sum-drop-actions .secondary-button{min-height:43px}.sum-drop-screen[data-sum-drop-mode=endless] .sum-drop-time-stat{display:none}.sum-drop-pause-button{z-index:3;color:#f2b6ff;letter-spacing:.1em;cursor:pointer;touch-action:manipulation;background:#f2b6ff14;border:0;place-content:center;min-width:0;min-height:100%;padding:5px 3px;font:700 8px Bahnschrift,sans-serif;display:grid;position:static}.sum-drop-pause-button kbd{color:#f7e7ff;letter-spacing:0;margin-top:4px;font:700 16px Bahnschrift,sans-serif;display:block}.sum-drop-pause-button:hover,.sum-drop-pause-button:focus-visible{background:#f2b6ff24;border-color:#f2b6ff}.sum-drop-stage:after{display:none}.sum-drop-mode-modal{background:linear-gradient(145deg,#14102dfa,#080c1ffa);border-color:#f2b6ff61;width:min(620px,100vw - 32px)}.sum-drop-mode-modal:before{background:#f2b6ff}.sum-drop-mode-modal .modal-kicker{color:#f2b6ff}.sum-drop-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.sum-drop-mode-card{color:#e9ecff;text-align:left;cursor:pointer;background:#191836a6;border:1px solid #d7c4ff40;align-content:start;gap:9px;min-height:180px;padding:20px;display:grid;position:relative}.sum-drop-mode-card:hover,.sum-drop-mode-card:focus-visible{border-color:#f2b6ff;transform:translateY(-2px)}.sum-drop-mode-card.is-featured{background:#f2b6ff14;border-color:#f2b6ff}.sum-drop-mode-card span{color:#b9a8db;letter-spacing:.16em;font-size:9px}.sum-drop-mode-card strong{color:#f3dcff;letter-spacing:.1em;font-size:16px}.sum-drop-mode-card small{color:#a9b7d7;font-size:11px;line-height:1.6}.sum-drop-mode-card b{color:#f2b6ff;font-size:16px;font-weight:400;position:absolute;bottom:15px;right:17px}.sum-drop-stage-map{border-top:1px solid #d7c4ff29;margin-top:18px;padding-top:16px}.sum-drop-stage-map-title{justify-content:space-between;align-items:baseline;margin:0 0 10px;display:flex}.sum-drop-stage-map-title span{color:#b9a8db;letter-spacing:.16em;font-size:9px}.sum-drop-stage-map-title b{color:#ffd166;letter-spacing:.06em;font-size:11px;font-weight:600}.sum-drop-stage-map-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-height:168px;display:grid;overflow-y:auto}.sum-drop-stage-tile{color:#e9ecff;cursor:pointer;font:inherit;background:#191836a6;border:1px solid #d7c4ff38;justify-items:center;gap:2px;padding:7px 2px;display:grid}.sum-drop-stage-tile strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.sum-drop-stage-tile small{color:#ffd166;letter-spacing:0;white-space:nowrap;font-size:8px}.sum-drop-stage-tile.is-bonus{border-color:#62e6b573}.sum-drop-stage-tile.is-boss{border-color:#ff8e868c}.sum-drop-stage-tile.is-current{background:#f2b6ff24;border-color:#f2b6ff}.sum-drop-stage-tile:hover:not(:disabled),.sum-drop-stage-tile:focus-visible{border-color:#f2b6ff;transform:translateY(-1px)}.sum-drop-stage-tile.is-locked{opacity:.38;cursor:not-allowed}.sum-drop-stage-panel{z-index:4;text-align:center;background:#040712e6;align-content:center;justify-items:center;gap:8px;padding:18px;display:grid;position:absolute;inset:8px}.sum-drop-stage-panel.is-hidden{display:none}.sum-drop-stage-panel .modal-kicker{color:#f2b6ff;margin:0}.sum-drop-stage-panel h3{color:#f3dcff;margin:0;font-size:22px}.sum-drop-stage-stars{color:#ffd166;letter-spacing:.12em;margin:2px 0;font-size:30px}.sum-drop-stage-panel-copy{color:#a9b7d7;max-width:300px;margin:0;font-size:12px;line-height:1.6}.sum-drop-stage-panel-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.sum-drop-stage-panel-actions .is-hidden{display:none}.sum-drop-screen[data-sum-drop-mode=stage] .sum-drop-hud{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=760px){.sum-drop-screen{padding:50px 14px 30px}.sum-drop-heading h2{font-size:clamp(39px,12vw,58px)}.sum-drop-hud{margin-top:18px}.sum-drop-hud>div{padding:8px 5px}.sum-drop-mode-grid{grid-template-columns:1fr}.sum-drop-stage-map-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.sum-drop-mode-card{min-height:130px}.sum-drop-stage{width:min(390px,100%);height:min(64vh,540px);min-height:390px}body.sum-drop-focus .site-header{display:none}body.sum-drop-focus main{min-height:100dvh}body.sum-drop-focus{overscroll-behavior:none;width:100%;position:fixed;inset:0;overflow:hidden}body.sum-drop-focus .sum-drop-screen{height:100dvh;min-height:100dvh;max-height:100dvh;padding:max(8px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:8px;display:grid;overflow:hidden}body.sum-drop-focus .sum-drop-screen>.screen-back{z-index:2;top:max(6px, env(safe-area-inset-top));min-height:32px;padding:0 4px;font-size:10px;left:8px}body.sum-drop-focus .sum-drop-heading{display:none}body.sum-drop-focus .sum-drop-heading .eyebrow{letter-spacing:.14em;margin:0;font-size:8px}body.sum-drop-focus .sum-drop-heading h2,body.sum-drop-focus .sum-drop-heading>p:last-child,body.sum-drop-focus .sum-drop-screen[data-sum-drop-mode=endless]>.screen-back,body.sum-drop-focus .sum-drop-screen[data-sum-drop-mode=stage]>.screen-back{display:none}body.sum-drop-focus .sum-drop-screen[data-sum-drop-mode=endless],body.sum-drop-focus .sum-drop-screen[data-sum-drop-mode=stage]{grid-template-rows:auto minmax(0,1fr) auto}body.sum-drop-focus .sum-drop-hud{grid-template-columns:repeat(5,minmax(0,1fr));width:min(390px,100%);margin:0 auto}body.sum-drop-focus .sum-drop-hud>div{padding:5px 3px}body.sum-drop-focus .sum-drop-hud span{letter-spacing:.1em;font-size:7px}body.sum-drop-focus .sum-drop-hud strong{margin-top:2px;font-size:16px}body.sum-drop-focus .sum-drop-stage{width:min(390px,100%);height:100%;min-height:0;margin:0 auto;padding:6px}body.sum-drop-focus .sum-drop-pause-button{top:max(8px, env(safe-area-inset-top));min-height:32px;right:10px}body.sum-drop-focus .sum-drop-screen[data-paused=true] .sum-drop-stage:after{content:"PAUSED\a 화면을 쉬는 중입니다";white-space:pre;text-align:center;color:#f2b6ff;letter-spacing:.12em;pointer-events:none;background:#040511c7;place-content:center;font:700 14px/1.8 Bahnschrift,sans-serif;display:grid;position:absolute;inset:6px}body.sum-drop-focus .sum-drop-controls{align-self:start;gap:6px;width:min(390px,100%);height:52px;min-height:52px;margin:0 auto}body.sum-drop-focus .sum-drop-controls button{height:52px;min-height:52px;max-height:52px}body.sum-drop-focus .sum-drop-actions{margin:0;display:none}body.sum-drop-focus .sum-drop-screen[data-game-status=complete][data-multiplayer=false] .sum-drop-actions,body.sum-drop-focus .sum-drop-screen[data-game-status=game_over][data-multiplayer=false] .sum-drop-actions{display:flex}body.sum-drop-focus .sum-drop-screen[data-game-status=complete] .sum-drop-controls,body.sum-drop-focus .sum-drop-screen[data-game-status=game_over] .sum-drop-controls{display:none}body.sum-drop-focus .sum-drop-screen[data-multiplayer=true] .sum-drop-actions{display:none!important}body.sum-drop-focus .sum-drop-screen[data-multiplayer=true]>.screen-back{visibility:hidden;pointer-events:none}}@media (width<=1100px) and (pointer:coarse){body.sum-drop-focus{overscroll-behavior:none;width:100%;position:fixed;inset:0;overflow:hidden}body.sum-drop-focus .site-header{display:none}body.sum-drop-focus main{min-height:100dvh}body.sum-drop-focus .sum-drop-screen{height:100dvh;min-height:100dvh;max-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;display:grid;overflow:hidden}body.sum-drop-focus .sum-drop-heading,body.sum-drop-focus .sum-drop-screen[data-sum-drop-mode=endless]>.screen-back,body.sum-drop-focus .sum-drop-screen[data-sum-drop-mode=stage]>.screen-back{display:none}body.sum-drop-focus .sum-drop-hud{width:min(520px,100%);margin:0 auto}body.sum-drop-focus .sum-drop-stage{width:min(520px,100%);height:100%;min-height:0;margin:0 auto;padding:8px}body.sum-drop-focus .sum-drop-controls{align-self:start;width:min(520px,100%);height:52px;min-height:52px;margin:0 auto}body.sum-drop-focus .sum-drop-controls button{height:52px;min-height:52px;max-height:52px}body.sum-drop-focus .sum-drop-actions{display:none}body.sum-drop-focus .sum-drop-pause-button{top:max(12px, env(safe-area-inset-top));right:16px}body.sum-drop-focus .sum-drop-screen[data-paused=true] .sum-drop-stage:after{content:"PAUSED\a 화면을 쉬는 중입니다";white-space:pre;text-align:center;color:#f2b6ff;letter-spacing:.12em;pointer-events:none;background:#040511c7;place-content:center;font:700 15px/1.8 Bahnschrift,sans-serif;display:grid;position:absolute;inset:8px}}.game-card--sum-drop{background:linear-gradient(145deg,#120b20f0,#050711fa);border-color:#d88cff4d}.game-card--sum-drop:hover,.game-card--sum-drop:focus-within{border-color:#f2b6ffb3}.game-card--sum-drop .game-card-head b{color:#f2b6ff}.sum-drop-card-visual{background:radial-gradient(circle at 50% 48%,#d88cff24,#0000 48%);border-bottom:1px solid #f2b6ff26}.game-card--sum-drop .game-card-copy h2{color:#f5eaff}.game-card--sum-drop .game-card-tagline{color:#f2b6ff}.game-card--sum-drop .primary-button{color:#171020;background:#f2b6ff;border-color:#f2b6ff;box-shadow:0 10px 42px #d88cff24}.game-card--sum-drop .primary-button:hover{background:#ffd8ff}.game-card--sum-drop .secondary-button{color:#f5eaff;border-color:#f2b6ff6b}.game-card--sum-drop .secondary-button:hover{background:#f2b6ff1f;border-color:#f2b6ff}.guide-game--sum-drop{background:linear-gradient(155deg,#180e27ed,#050710f7);border-color:#d88cff45}.guide-game--sum-drop:after{content:"10";color:#f2b6ff0b}.guide-game--sum-drop .guide-game-index b{color:#f2b6ff}.guide-game--sum-drop h3{color:#f4ddff}.guide-game--sum-drop dt,.guide-game--sum-drop .guide-tip span{color:#f2b6ff}@media (orientation:portrait) and (width<=760px),(orientation:portrait) and (width<=1100px) and (pointer:coarse){body.sum-drop-focus{width:100%;height:var(--sum-drop-viewport-height,100dvh);overscroll-behavior:none;background:#070a16;position:fixed;inset:0;overflow:hidden}body.sum-drop-focus main{width:100%;height:100%;min-height:0;overflow:hidden}body.sum-drop-focus .sum-drop-screen{width:100%;height:100%;min-height:0;max-height:none;padding:max(8px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;display:flex;overflow:hidden}body.sum-drop-focus .sum-drop-screen>.screen-back,body.sum-drop-focus .sum-drop-heading,body.sum-drop-focus .sum-drop-actions{display:none}body.sum-drop-focus .sum-drop-hud{flex:0 0 54px;width:min(100%,520px);height:54px;margin:0}body.sum-drop-focus .sum-drop-hud>div{place-content:center;min-height:52px;padding:3px 2px;display:grid}body.sum-drop-focus .sum-drop-hud span{font-size:7px}body.sum-drop-focus .sum-drop-hud strong{margin-top:3px;font-size:clamp(15px,4.5vw,20px)}body.sum-drop-focus .sum-drop-stage{width:min(calc(100vw - 20px), calc((var(--sum-drop-viewport-height,100dvh) - 142px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .6667), 520px);aspect-ratio:2/3;flex:none;height:auto;min-height:0;max-height:none;margin:0;padding:6px}body.sum-drop-focus .sum-drop-controls{flex:0 0 54px;grid-auto-rows:54px;align-self:center;gap:6px;width:min(100%,520px);height:54px;min-height:54px;margin:0}body.sum-drop-focus .sum-drop-controls button{height:54px;min-height:54px;max-height:54px;font-size:17px}body.sum-drop-focus .sum-drop-controls button:nth-child(3){font-size:11px}body.sum-drop-focus .sum-drop-pause-button{top:max(9px, env(safe-area-inset-top));right:10px}body.sum-drop-focus .sum-drop-screen[data-game-status=complete][data-multiplayer=false] .sum-drop-actions,body.sum-drop-focus .sum-drop-screen[data-game-status=game_over][data-multiplayer=false] .sum-drop-actions{right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:4;background:#070a16eb;margin:0;padding:8px;display:flex;position:absolute;left:10px}}body.sum-drop-focus .sum-drop-screen[data-sum-drop-mode=stage][data-stage-panel=open][data-multiplayer=false] .sum-drop-actions{display:none}.sum-drop-fx{z-index:3;pointer-events:none;display:none;position:absolute}.sum-drop-fx.is-active{display:block}.sum-drop-hud>div.is-level-up{animation:.9s ease-out sum-drop-level-cell}.sum-drop-hud>div.is-level-up strong{animation:.9s cubic-bezier(.2,1.6,.4,1) sum-drop-level-number}.sum-drop-stage:has(.sum-drop-fx.is-active){animation:1s ease-out sum-drop-level-glow}@keyframes sum-drop-level-cell{0%{background:#f2b6ff52;box-shadow:inset 0 0 0 1px #f2b6ffcc}to{background:0 0;box-shadow:inset 0 0 0 1px #0000}}@keyframes sum-drop-level-number{0%{transform:scale(1)}30%{color:#fff;transform:scale(1.35)}to{transform:scale(1)}}@keyframes sum-drop-level-glow{0%{box-shadow:0 0 0 1px #f2b6ffe6,0 0 60px #d88cff8c,inset 0 0 40px #d88cff40}to{box-shadow:0 20px 90px #624bbe2e,inset 0 0 40px #373f9b1a}}@media (prefers-reduced-motion:reduce){.sum-drop-hud>div.is-level-up strong{animation:none}}