@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070e17;--bg2:#0d1723;--surface:#12202d;--panel:#111d29;--border:#263747;--muted:#8797a6;--text:#e9f2f4;--green:#60ecb3;--green2:#2dd49b;--yellow:#f4c673;--red:#ff817d;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}a{color:inherit;text-decoration:none}strong{font-weight:800}.hidden{display:none!important}em{font-style:normal;color:var(--green)}.screen{position:relative}.background-flares{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 9% 14%,#102d2e77,transparent 73%),radial-gradient(ellipse 50% 60% at 100% 42%,#18264364,transparent 73%)}
.site-header{position:relative;z-index:3;height:88px;border-bottom:1px solid #25364389;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.5vw,90px);background:#0a121bd9}.logo{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-size:27px;font-weight:700;letter-spacing:-1.7px}.logo sup{font-family:var(--font);font-size:9px;color:#91a0a8;vertical-align:top;margin-left:3px;letter-spacing:0}.logo-highlight{color:var(--green)}.logo-mark{height:36px;width:36px;display:grid;place-items:center;border:2px solid var(--green);border-radius:50%;position:relative;transform:rotate(-22deg);box-shadow:0 0 0 5px #58ecae15}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1.5px solid var(--green);border-radius:50%;height:100%;width:45%}.logo-mark:after{width:100%;height:45%}.logo-planet{font-size:7px;color:var(--green)}.header-nav{display:flex;align-items:center;gap:25px;font-size:11px;letter-spacing:1.4px;color:#a4b4bf;font-weight:700}.server-state{display:flex;gap:8px;align-items:center;text-transform:uppercase}.state-dot,.eyebrow-pulse,.status-ping{width:7px;height:7px;background:var(--yellow);border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor}.state-dot.ok{background:var(--green);color:var(--green)}.header-separator{height:24px;width:1px;background:#344551}.accent-dot{color:var(--green);font-size:19px;line-height:0}.nav-note{color:var(--green);display:flex;gap:10px;align-items:center}
.home-screen{min-height:calc(100vh - 149px);background:radial-gradient(circle at 48% 70%,#0f212a 0,transparent 35%)}.home-screen:before{content:"";position:absolute;width:min(900px,80vw);height:min(900px,80vw);top:2%;left:16%;background:repeating-radial-gradient(circle,#61cfae15 0 1px,transparent 1px 54px);mask-image:linear-gradient(to right,transparent,#000,transparent);opacity:.3;pointer-events:none}.home-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.75fr);gap:5vw;max-width:1480px;margin:auto;padding:clamp(64px,8vh,118px) clamp(24px,5.5vw,90px) clamp(55px,8vh,100px);align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-weight:800;letter-spacing:2.4px;font-size:11px}.eyebrow-pulse{height:8px;width:8px;background:var(--green);color:var(--green)}h1,h2,p{margin-top:0}.hero-copy h1{font-family:var(--display);font-size:clamp(56px,5.3vw,86px);line-height:1.09;letter-spacing:-4px;margin:23px 0 25px;max-width:830px}.hero-copy h1 em{position:relative;white-space:nowrap}.hero-copy h1 em:after{position:absolute;content:"";height:7px;background:linear-gradient(90deg,#44dba35e,transparent);bottom:1px;left:4px;width:91%;border-radius:30px}.hero-sub{font-size:17px;line-height:1.85;max-width:550px;color:#94a8b4}.hero-sub strong{color:#dce7ea}.hero-stats{display:flex;align-items:center;gap:26px;margin:39px 0 55px}.hero-stats>div:not(.stat-separator){display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-family:var(--display);font-size:28px;color:#e8f1f1;letter-spacing:-1.1px}.hero-stats span{font-size:12px;color:#8194a2}.stat-separator{height:39px;width:1px;background:#304151}.how-steps{display:flex;align-items:center;gap:16px;color:#b9c8ce;font-size:12px}.how-steps>div:not(.step-arrow){display:flex;align-items:center;gap:9px}.step-index{color:var(--green);font-weight:800;font-size:12px}.step-arrow{color:#3a6871}.entry-side{position:relative;max-width:500px;justify-self:end;width:100%}.entry-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse,#3dd9a91f,transparent 65%);filter:blur(24px)}.entry-card{position:relative;z-index:1;border:1px solid #344d58;border-radius:20px;background:linear-gradient(155deg,#172b36ee,#101a26 72%);box-shadow:0 25px 95px #0008,0 0 1px var(--green);padding:clamp(26px,3vw,42px)}.entry-card:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;border:1px solid #99ffd00d}.entry-card-top{display:flex;align-items:center;gap:9px}.mini-globe{border:1px solid #326450;background:#193d37;color:var(--green);border-radius:9px;font-size:19px;width:32px;height:32px;display:grid;place-items:center}.card-kicker,.entry-tag{font-size:11px;letter-spacing:1.5px;color:#8aa9a7;font-weight:800}.entry-tag{margin-left:auto;border:1px solid #347958;border-radius:20px;padding:7px 10px;background:#14503b69;color:var(--green);font-size:9px}.entry-card h2{font-family:var(--display);font-size:32px;letter-spacing:-1.4px;margin:20px 0 6px}.entry-card p{font-size:13px;color:#9eafb9;margin-bottom:29px}.form-label{display:block;color:#a4b4bf;letter-spacing:1.5px;font-size:10px;font-weight:800;margin:20px 0 11px}.field{width:100%;min-height:49px;border:1px solid #355061;border-radius:9px;padding:12px 15px;background:#0a1723;color:#efffff;transition:border .2s,background .2s}.field::placeholder{color:#607687}.field:focus{background:#102332;border-color:var(--green);outline:0}.entry-divider{display:flex;align-items:center;gap:11px;margin:23px 0;color:#66818c;white-space:nowrap;font-size:10px;letter-spacing:1.3px;font-weight:700}.entry-divider:before,.entry-divider:after{content:"";height:1px;background:#344651;flex:1}.primary-button{border:0;background:var(--green);color:#06281f;border-radius:9px;min-height:52px;padding:12px 19px;font-weight:800;letter-spacing:.4px;box-shadow:0 7px 27px #36dca51a;transition:transform .16s,background .16s,box-shadow .16s}.primary-button:hover:not(:disabled){transform:translateY(-2px);background:#8af8cb;box-shadow:0 10px 31px #36dca538}.action-button{display:flex;align-items:center;gap:11px;width:100%;font-size:14px;text-align:left}.action-button>span:first-child{font-size:21px}.button-arrow{margin-left:auto;font-size:20px}.join-input-group{display:flex;gap:8px}.code-field{flex:1;min-width:0;font-family:var(--display);letter-spacing:4px;text-align:center;font-weight:700;text-transform:uppercase}.secondary-button{border:1px solid #486c69;border-radius:9px;padding:0 18px;color:var(--green);background:#183a39;font-weight:800;white-space:nowrap}.secondary-button:hover{background:#1e514c}.secondary-button span{margin-left:8px}.card-foot{display:flex;justify-content:center;align-items:center;color:#708a91;gap:9px;font-size:11px;margin:27px 0 0}.card-foot>span:first-child{font-size:17px;color:var(--green)}.tiny-dot{opacity:.5}.side-caption{text-align:center;margin-top:23px;color:#7892a0;font-size:10px;letter-spacing:2px;font-weight:800}.side-caption span{color:var(--green);margin-right:5px}.bottom-strip{display:flex;justify-content:space-between;align-items:center;min-height:63px;border-top:1px solid #2b3b46;border-bottom:1px solid #253542;background:#0e1a24a9;padding:0 clamp(24px,5.5vw,90px);color:#758b9a;font-size:10px;letter-spacing:2px;font-weight:800;gap:10px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#556b7a;padding:25px clamp(24px,5.5vw,90px);letter-spacing:.7px}.footer-diamond{color:var(--green);padding:0 5px}
.lobby-screen,.reveal-screen,.finish-screen{max-width:1450px;margin:0 auto;padding:32px clamp(24px,5vw,75px) 100px;min-height:calc(100vh - 157px)}.interior-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.subtle-back{background:transparent;border:0;color:#92a9b7;padding:12px 0;font-size:12px}.subtle-back:hover{color:var(--green)}.small-eyebrow{font-size:10px}.small-ping{font-size:8px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.65fr);gap:28px}.lobby-headline{font-family:var(--display);font-weight:700;font-size:clamp(43px,4vw,66px);letter-spacing:-2.5px;line-height:1.09}.lobby-description{color:#91a8b5;font-size:15px;max-width:510px;margin:23px 0 38px;line-height:1.7}.room-code-card{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #3f615e;background:linear-gradient(108deg,#1b433f,#112b31);border-radius:13px;padding:27px 29px;margin-bottom:28px}.room-label{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#8dbdb4;margin-bottom:5px}.room-code{font-family:var(--display);color:var(--green);font-size:40px;font-weight:700;letter-spacing:7px}.room-code-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.outline-button{border:1px solid #385260;background:#142633;color:#cde2e4;padding:12px 14px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap}.outline-button:hover{background:#1e3847;border-color:#6fe0b1;color:#fff}.players-panel,.settings-panel,.reveal-results-card,.final-board{background:#111e2a;border:1px solid #2c404d;border-radius:14px;padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:20px;border-bottom:1px solid #2c3e4b;margin-bottom:8px}.panel-head strong{font-size:15px}.panel-icon{color:var(--green);font-size:20px;margin-right:6px}.small-count{color:#8da5b0;font-weight:800;font-size:11px;letter-spacing:1px}.player-list{display:grid;gap:9px;padding-top:10px}.player-row{display:flex;align-items:center;gap:13px;padding:13px 12px;background:#162635;border:1px solid #294050;border-radius:9px}.avatar{border-radius:11px;width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;background:#27473f;color:#78edc0;font-weight:800;font-family:var(--display);font-size:18px}.avatar.variant-1{background:#333950;color:#b1c1ff}.avatar.variant-2{background:#4a3b32;color:#ffcc94}.avatar.variant-3{background:#493245;color:#fcbbe0}.player-row-name{font-size:13px;font-weight:800}.player-row-tag{color:#88a1ab;font-size:11px;margin-top:2px}.crown{font-size:10px;margin-left:auto;padding:5px 8px;border:1px solid #5e5440;border-radius:5px;color:#f1c971}.settings-panel{padding:25px 27px}.settings-badge{background:#213d35;border:1px solid #306750;color:#66e7b1;border-radius:5px;padding:5px 8px;font-size:9px;letter-spacing:1px}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8'%3E%3Cpath d='m1 1 5.5 5L12 1' fill='none' stroke='%238ab1b8' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:30px}.select-field option{background:#101b29}.settings-info{color:#75949a;font-size:11px;margin:9px 0 20px;line-height:1.5}.settings-rule{display:flex;gap:13px;align-items:flex-start;margin:26px 0;border:1px solid #345750;border-radius:9px;padding:14px;background:#16392d71}.settings-rule span{font-size:19px;color:var(--green)}.settings-rule p{margin:0;color:#b6c8c7;font-size:12px;line-height:1.75}.settings-rule strong{color:#e2ffed}.start-button{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:15px}.start-button span{font-size:23px}.host-hint{text-align:center;margin:13px 0 0;color:#79919f;font-size:11px;line-height:1.5}
.game-screen{min-height:calc(100vh - 155px);padding:18px clamp(14px,2vw,30px) 26px}.game-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.game-breadcrumb{display:flex;align-items:center;gap:12px}.game-chip{color:#77e8bb;border:1px solid #346857;background:#17372e;border-radius:6px;font-weight:800;font-size:10px;letter-spacing:1.3px;padding:10px 12px}.status-ping{color:var(--green);background:var(--green);width:6px;height:6px;margin-right:7px}.game-code{font-family:var(--display);color:#839faa;letter-spacing:2px;font-size:12px}.round-counter{font-size:13px;color:#b3c9cd;letter-spacing:1.6px;font-weight:800}.round-counter strong{color:var(--green);font-size:24px;font-family:var(--display);margin-left:10px}.round-divider{margin:0 9px;color:#526c75}.timer-box{display:flex;align-items:center;justify-content:center;gap:11px;min-width:105px;border:1px solid #3b5d59;border-radius:9px;padding:11px 14px;color:var(--green);background:#19362f;font-family:var(--display);font-size:19px;font-weight:800}.timer-box.urgent{background:#452725;border-color:#ab5350;color:var(--red);animation:alarm 1s infinite}.timer-icon{font-size:24px;font-weight:normal}@keyframes alarm{50%{box-shadow:0 0 0 4px #fa6e6230}}.game-arena{display:grid;grid-template-columns:minmax(0,1fr) clamp(290px,25vw,370px);gap:16px;min-height:620px;height:calc(100vh - 230px);max-height:970px}.pano-shell{position:relative;border:1px solid #3b5360;border-radius:15px;overflow:hidden;background:#192b33;min-height:480px}.pano-canvas,.google-panorama,.flat-panorama{height:100%;width:100%;display:block;position:absolute;inset:0}.pano-canvas{touch-action:none;cursor:grab}.pano-canvas:active{cursor:grabbing}.flat-panorama{background:#142535;overflow:hidden}.flat-panorama img{width:100%;height:100%;object-fit:cover}.scene-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#06111ba1 0,transparent 27%,transparent 75%,#08111baf 100%)}.scene-top-left{pointer-events:none;position:absolute;top:28px;left:29px;text-shadow:0 2px 9px #000a}.scene-number{display:inline-block;color:#8df3ca;letter-spacing:1.7px;font-size:10px;font-weight:800;margin-bottom:8px}.scene-top-left h2{font-family:var(--display);letter-spacing:-1.5px;font-size:30px;margin:0 0 5px}.scene-top-left p{font-size:13px;margin:0;color:#d6e6e9}.view-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:9px;pointer-events:none}.drag-hint{color:#e2f4f2;font-size:11px;text-shadow:0 1px 9px #000}.view-tools,.map-zooms{display:flex;gap:5px;pointer-events:auto}.view-tools button,.map-zooms button,.mini-map-header button{background:#10242fd9;color:#e4f6f0;border:1px solid #385261;border-radius:7px;width:37px;height:37px;font-size:21px}.view-tools button:hover,.map-zooms button:hover,.mini-map-header button:hover{color:var(--green);border-color:var(--green)}.pano-loading{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse,#1f4b4b,#0c1d29);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.pano-loading strong{font-family:var(--display);font-size:20px}.pano-loading small{color:#88a6ae}.loader{width:44px;height:44px;border-radius:50%;border:4px solid #37645d;border-top-color:#67efb9;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.pano-loading.error strong{color:#ffcec6}.game-sidebar{display:flex;flex-direction:column;gap:13px;min-height:0}.guesser-map-card{display:flex;flex-direction:column;position:relative;flex:0 0 49%;min-height:285px;border:1px solid #344e5b;border-radius:12px;overflow:hidden;background:#152838;isolation:isolate}.mini-map-header{background:#142634;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;height:47px;color:#b2c6cf;font-size:10px;letter-spacing:1px;font-weight:800}.mini-map-header button{width:29px;height:29px;line-height:1;font-size:23px}.map-pin-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.map-viewport{flex:1;min-height:100px;position:relative;background:#b8cec4;touch-action:none;cursor:crosshair;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.map-viewport.dragging{cursor:grabbing}.map-viewport.readonly{cursor:grab}.reveal-map{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.reveal-map.dragging{cursor:grabbing}.pano-shell{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.map-attribution{position:absolute;bottom:54px;right:5px;z-index:3;background:#ffffffe6;color:#354f5a;font-size:9px;padding:2px 4px;border-radius:3px}.map-footer{height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:9px;background:#142634;color:#91aab5;font-size:11px}.map-footer .map-zooms button{height:27px;width:27px;font-size:16px;background:#243c4a}.guess-button{width:100%;min-height:54px;text-align:left;font-size:12px;letter-spacing:1.2px;display:flex;align-items:center;justify-content:center;gap:8px}.guess-button span{font-size:20px;margin-left:auto}.game-score-panel{border:1px solid #2c414e;border-radius:12px;background:#11202d;min-height:132px;overflow:hidden;flex:1}.game-score-head{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3f4b;color:#9bb7c0;font-size:10px;font-weight:800;letter-spacing:1px}.game-score-head span:first-child{color:var(--green)}.live-scores{overflow-y:auto;max-height:260px;padding:5px 15px}.live-score{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #ffffff0f;font-size:12px}.live-rank{color:#7291a0;width:16px}.live-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.live-score-value{font-family:var(--display);font-weight:700;color:#c9dfdf}.checkmark{color:var(--green);font-weight:700}.waiting-dot{color:#657c88}.game-tip{font-size:11px;color:#7e9ba3;text-align:center;margin:0 5px 3px}.map-backdrop{position:fixed;inset:0;background:#000b;z-index:29}.guesser-map-card.expanded{position:fixed;z-index:30;top:10vh;left:8vw;right:8vw;bottom:10vh;height:auto;min-height:0;flex:auto;box-shadow:0 25px 120px #000b}.guesser-map-card.expanded .map-viewport{min-height:0}.guesser-map-card.expanded .map-attribution{bottom:54px}
.map-tiles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.map-tiles img{position:absolute;width:256px;height:256px;max-width:none;user-select:none;-webkit-user-drag:none}.map-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.map-line-layer{width:100%;height:100%;position:absolute;overflow:visible}.map-pin{position:absolute;box-sizing:border-box;translate:-50% -120.71%;font-size:13px;filter:drop-shadow(0 2px 4px #0009);border:3px solid #fff;background:var(--green);color:#072821;border-radius:50% 50% 50% 0;transform-origin:center;rotate:-45deg;width:26px;height:26px;display:grid;place-items:center;pointer-events:none}.map-pin .pin-inner{width:7px;height:7px;background:#174e46;border-radius:50%}.map-pin.answer-pin{background:#ffcc68;border-color:#fff7d5;width:32px;height:32px;z-index:2}.map-pin.answer-pin .pin-inner{background:#815200}.map-pin.rival-pin{background:#8bc7ff;border-color:#e1f4ff;width:23px;height:23px}.map-pin.rival-pin .pin-inner{width:6px;height:6px;background:#225b8b}.map-pin.player-pin{background:var(--green)}.map-pin-label{position:absolute;transform:translate(-50%,10px);padding:4px 7px;background:#0a1925ed;color:#fff;border-radius:5px;font-size:10px;font-weight:800;white-space:nowrap;border:1px solid #3d5662;pointer-events:none;z-index:4}.map-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:1;color:#2f4755;background:#b8cec4;padding:20px;font-size:12px}
.reveal-screen{padding-top:46px}.reveal-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:33px}.reveal-heading h2{font-family:var(--display);font-size:clamp(30px,3.5vw,49px);letter-spacing:-1.7px;margin:12px 0 8px}.reveal-heading p{color:var(--green);font-size:17px;font-weight:700;margin:0}.reveal-next{display:flex;flex-direction:column;align-items:center;gap:5px;color:#829ca6;font-size:10px;font-weight:800;letter-spacing:1px;border:1px solid #3a5960;border-radius:11px;background:#15302f;padding:13px 22px}.reveal-next strong{font-family:var(--display);font-size:34px;color:var(--green)}.reveal-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:stretch;min-height:540px}.reveal-map-card{position:relative;overflow:hidden;border:1px solid #2e4b55;border-radius:14px;background:#183542;min-height:540px}.reveal-map{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.reveal-map-card .map-attribution{bottom:10px}.reveal-map-hint{position:absolute;top:15px;left:15px;background:#102735e8;color:#e9f4f2;border-radius:8px;padding:12px 15px;z-index:4;font-size:12px;font-weight:800;border:1px solid #41606e}.reveal-results-card{padding:22px;overflow:auto}.round-ranking{display:grid;gap:9px;margin:17px 0}.round-entry{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:12px 9px;background:#192b39;border:1px solid #2c4450;border-radius:9px}.rank-place{font-family:var(--display);font-size:18px;font-weight:800;color:var(--green)}.rank-player{font-weight:800;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-distance{color:#91a7b1;font-size:10px;margin-top:4px}.rank-points{font-family:var(--display);font-size:17px;font-weight:700;color:#f3db9c}.rank-points span{font-size:10px;color:#76959d;margin-left:3px}.photo-credit{border-top:1px solid #2c414f;color:#7895a0;font-size:10px;line-height:1.6;margin-top:20px;padding-top:15px}.photo-credit a{color:#6beeb8;text-decoration:underline}
.finish-screen{text-align:center;max-width:990px}.finish-glow{position:absolute;width:640px;height:530px;border-radius:50%;background:#30ca8240;filter:blur(120px);top:-60px;left:50%;transform:translateX(-50%);pointer-events:none}.finish-title{position:relative}.victory-symbol{font-size:44px;color:var(--yellow);margin:21px 0 8px}.finish-title h2{font-family:var(--display);font-size:clamp(40px,5vw,66px);letter-spacing:-2.8px;line-height:1.12;margin:8px 0 13px}.finish-title p{color:#9fb1bd;font-size:15px}.podium{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:20px;margin:55px auto 25px;max-width:680px;min-height:230px}.podium-person{width:33%;display:flex;flex-direction:column;align-items:center}.podium-medal{height:45px;width:45px;display:grid;place-items:center;font-size:20px;font-weight:800;background:#294b4a;color:var(--green);border:2px solid #5ceeb2;border-radius:50%;margin-bottom:13px}.podium-name{font-weight:800;font-size:14px;margin-bottom:7px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.podium-score{font-size:12px;color:#87a6ad;margin-bottom:12px}.podium-block{width:100%;background:linear-gradient(135deg,#245451,#153c3c);border:1px solid #3d7e6a;border-radius:12px 12px 0 0;display:grid;place-items:center;font-size:38px;color:#79efbd;font-family:var(--display);font-weight:700}.podium-person.first .podium-block{height:150px;background:linear-gradient(#69583d,#423828);border-color:#ab8655;color:var(--yellow)}.podium-person.first .podium-medal{background:#6c542a;border-color:var(--yellow);color:var(--yellow)}.podium-person.second .podium-block{height:112px}.podium-person.third .podium-block{height:83px}.final-board{position:relative;text-align:left;margin-top:30px}.final-rankings{display:grid;gap:6px;padding-top:7px}.final-entry{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:11px 14px;border-radius:8px;background:#172a38;font-size:13px;gap:9px}.final-entry:nth-child(1){background:#40372796}.final-position{font-family:var(--display);font-size:19px;font-weight:700;color:#b3c7cf}.final-entry:first-child .final-position{color:var(--yellow)}.final-player{font-weight:800}.final-total{font-family:var(--display);font-weight:800;color:var(--green);font-size:19px}.finish-actions{position:relative;display:flex;justify-content:center;gap:12px;margin-top:23px}.finish-actions .primary-button,.finish-actions .outline-button{min-width:180px}
.toast-layer{position:fixed;top:103px;right:26px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(420px,90vw)}.toast{background:#19372f;border:1px solid #4ea080;border-radius:9px;box-shadow:0 12px 25px #0006;padding:13px 17px;color:#defff0;font-size:13px;line-height:1.5;animation:toastin .2s ease}.toast.error{background:#472628;border-color:#a05056;color:#ffdadd}@keyframes toastin{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:1100px){.home-content{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:30px}.hero-copy h1{font-size:clamp(42px,5vw,61px);letter-spacing:-2.9px}.hero-sub{font-size:14px}.how-steps{flex-wrap:wrap;row-gap:10px}.lobby-layout{grid-template-columns:1fr 340px}.game-arena{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:800px){.site-header{height:70px;padding:0 19px}.logo{font-size:23px}.logo-mark{width:30px;height:30px}.header-nav{gap:8px}.header-separator,.nav-note{display:none}.home-content{grid-template-columns:1fr;gap:38px;padding:54px 23px}.hero-copy h1{font-size:clamp(44px,10vw,67px)}.hero-sub{max-width:560px}.hero-stats{margin:29px 0}.entry-side{justify-self:stretch;max-width:none}.bottom-strip{padding:15px 22px;flex-wrap:wrap;min-height:57px}.bottom-strip span:nth-child(2){display:none}.site-footer{padding:22px;flex-wrap:wrap}.lobby-layout,.reveal-layout{grid-template-columns:1fr}.lobby-screen,.reveal-screen,.finish-screen{padding:25px 20px 70px}.lobby-headline{font-size:45px}.reveal-layout{min-height:0}.reveal-map-card{min-height:420px}.game-arena{height:auto;min-height:0;grid-template-columns:1fr}.pano-shell{min-height:calc(60vh);height:calc(60vh)}.game-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.guesser-map-card{height:330px;grid-row:span 3}.guess-button{min-height:51px}.game-score-panel{height:230px}.game-tip{display:none}.game-screen{padding:12px 10px}.game-topbar{padding:0 8px}.reveal-heading{gap:15px}.podium{gap:10px}}
@media(max-width:520px){.hero-copy h1{font-size:46px;letter-spacing:-2.5px}.hero-sub{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-stats{gap:17px}.hero-stats strong{font-size:23px}.hero-stats span{font-size:10px}.how-steps{font-size:10px;gap:7px}.entry-card{padding:26px 21px}.room-code-card{flex-direction:column;align-items:flex-start}.room-code-actions{justify-content:flex-start}.room-code{font-size:36px}.lobby-headline{font-size:40px}.game-topbar{height:51px}.game-chip{font-size:8px;padding:7px}.game-code{font-size:9px}.round-counter{font-size:10px}.round-counter strong{font-size:20px;margin-left:4px}.timer-box{min-width:82px;font-size:16px;padding:8px}.game-arena{gap:9px}.pano-shell{height:45vh;min-height:305px}.scene-top-left{top:18px;left:18px}.scene-top-left h2{font-size:25px}.view-bottom{left:12px;right:12px;bottom:11px}.drag-hint{font-size:9px;max-width:67%}.game-sidebar{display:flex;gap:9px}.guesser-map-card{height:300px;flex:none}.game-score-panel{height:auto;min-height:100px;flex:none}.live-scores{max-height:130px}.reveal-heading h2{font-size:31px}.reveal-heading p{font-size:14px}.reveal-next{padding:9px 12px}.reveal-next strong{font-size:26px}.reveal-map-card{min-height:370px}.podium{gap:8px;min-height:170px}.podium-block{font-size:26px}.podium-person.first .podium-block{height:100px}.podium-person.second .podium-block{height:70px}.podium-person.third .podium-block{height:53px}.podium-name{font-size:11px}.podium-medal{width:35px;height:35px}.finish-actions{flex-direction:column}.finish-actions button{width:100%}.guesser-map-card.expanded{top:7vh;left:4vw;right:4vw;bottom:7vh;height:auto}}
