:root{--red:#d7263d;--red-dark:#a91b2e;--ink:#1d2433;--muted:#6b7385;--bg:#f4f1ec;--card:#fff;--line:#e4e0d8;--radius:12px;--shadow:0 6px 24px #1418281f}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--red)}h1,h2{margin:0 0 .5rem;line-height:1.2}.muted{color:var(--muted)}.small{font-size:.875rem}code{background:#eee;border-radius:4px;padding:0 4px}.site-header{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.brand{color:#fff;font-size:1.15rem;font-weight:700;text-decoration:none}.site-header nav{align-items:center;gap:1rem;display:flex}.link-button{color:#fff;opacity:.8;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.link-button:hover{opacity:1;text-decoration:underline}.flashes{max-width:420px;margin:1rem auto 0;padding:0 1rem}.flash{background:#fff3cd;border-radius:8px;padding:.6rem 1rem}.flash-error{color:var(--red-dark);background:#fde2e4}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.btn{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:.65rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:#f7f7f7}.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn:disabled{color:#fff;cursor:not-allowed;background:#b9bcc6;border-color:#b9bcc6}label{margin-bottom:1rem;font-size:.9rem;font-weight:600;display:block}input{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;margin-top:.3rem;padding:.6rem .75rem;display:block}input:focus{outline:2px solid var(--red);outline-offset:-1px}.auth-page{justify-content:center;padding:3rem 1rem;display:flex}.auth-card{width:100%;max-width:380px}.auth-card .btn{width:100%;margin-bottom:.5rem}.field-hint{color:var(--muted);margin-top:.3rem;font-size:.8rem;font-weight:400;display:block}.forgot-link{text-align:right;margin:-.5rem 0 1rem}.code-input{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.4rem}.text-button{color:var(--red);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.text-button:disabled{color:var(--muted);cursor:default}.google-sign-in{margin:.5rem 0 1rem}.google-sign-in .flash{margin-top:.75rem}.google-button{justify-content:center;min-height:44px;display:flex}.divider{color:var(--muted);align-items:center;gap:.75rem;margin:.5rem 0 1rem;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}.home-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.5rem;max-width:1200px;margin:2rem auto;padding:0 1rem;display:grid}.home{gap:1.5rem;min-width:0;display:grid}@media (width<=960px){.home-layout{grid-template-columns:minmax(0,1fr);max-width:820px}}.hero{text-align:center;padding:2.5rem 1.5rem}.btn-play{border-radius:999px;margin:1rem 0 .5rem;padding:.8rem 3.5rem;font-size:1.4rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.stat{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.2rem;padding:1rem;display:flex}.stat-value{font-size:1.6rem;font-weight:700}.stat-label{color:var(--muted);font-size:.875rem}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem}.table th{color:var(--muted);font-size:.85rem;font-weight:600}.table .num{text-align:right;font-variant-numeric:tabular-nums}.game-page{--ad-h:0px;background:#000;overflow:hidden}.game-page.game-ad-wide{--ad-h:90px}.game-page.game-ad-narrow{--ad-h:50px}.pano{inset:0 0 var(--ad-h) 0;position:fixed}.game-ad{z-index:11;height:var(--ad-h);background:#11141c;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.pano-view{width:100%;height:100%}.hud{z-index:5;color:#fff;white-space:nowrap;background:#141828d9;border-radius:999px;align-items:center;gap:1.25rem;padding:.45rem 1.1rem;display:flex;position:fixed;top:12px;left:16px}.hud-home{color:#fff;font-weight:700;text-decoration:none}.hud-item{font-variant-numeric:tabular-nums;align-items:baseline;gap:.4rem;font-weight:700;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:.7rem;font-weight:600}.compass-bar{z-index:5;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#141828d9;border-radius:999px;width:min(480px,100vw - 32px);height:40px;position:fixed;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}.cb-ticks{position:absolute;inset:0 20px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.cb-tick{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.cb-mark{background:#fff6;width:1px;height:6px}.cb-label{font-weight:700;line-height:1}.cb-cardinal .cb-mark{background:#fff;width:2px;height:8px}.cb-cardinal .cb-label{margin-top:5px;font-size:1rem}.cb-intercardinal .cb-mark{background:#ffffffb3;height:7px}.cb-intercardinal .cb-label{opacity:.7;margin-top:7px;font-size:.75rem}.cb-north .cb-label{color:#ff5a6e}.cb-pointer{border:6px solid #0000;border-bottom-color:#f6b93b;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.compass-rose{left:16px;bottom:calc(34px + var(--ad-h));z-index:5;cursor:pointer;filter:drop-shadow(0 4px 10px #00000059);background:0 0;border:none;border-radius:50%;width:84px;height:84px;padding:0;position:fixed}.compass-rose svg{width:100%;height:100%;display:block}.compass-rose:focus-visible{outline-offset:2px;outline:2px solid #f6b93b}.cr-face{fill:#141828d9;stroke:#ffffffd9;stroke-width:2px}.cr-tick{stroke:#ffffff73;stroke-width:1.5px;stroke-linecap:round}.cr-letter{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:14px;font-weight:700}.cr-north{fill:#ff5a6e}.cr-needle-n{fill:var(--red)}.cr-needle-s{fill:#ffffffbf}.cr-hub{fill:#fff}.cr-pointer{fill:#f6b93b}.guess-panel{right:20px;bottom:calc(24px + var(--ad-h));z-index:5;opacity:.85;flex-direction:column;gap:8px;width:340px;transition:width .2s,opacity .2s;display:flex;position:fixed}.guess-panel[data-size="0"]{--open-w:min(440px, calc(100vw - 40px));--open-h:min(300px, 45vh)}.guess-panel[data-size="1"]{--open-w:min(600px, calc(100vw - 40px));--open-h:min(420px, 60vh)}.guess-panel[data-size="2"]{--open-w:min(1000px, calc(100vw - 40px));--open-h:max(230px, calc(100vh - 190px - var(--ad-h)))}.guess-panel:hover,.guess-panel.pinned{width:var(--open-w);opacity:1}.guess-map-wrap{position:relative}.guess-map{border-radius:var(--radius);height:230px;box-shadow:var(--shadow);border:3px solid #ffffffd9;transition:height .2s;overflow:hidden}.guess-panel:hover .guess-map,.guess-panel.pinned .guess-map{height:var(--open-h)}.guess-panel .btn{border-radius:999px;width:100%;padding:.75rem;font-size:1rem}.key-hint{font:inherit;vertical-align:.1em;opacity:.85;border:1px solid #ffffff8c;border-radius:5px;margin-left:.4rem;padding:.05rem .4rem;font-size:.7rem;font-weight:600}@media (hover:none){.key-hint{display:none}}.map-size-buttons{z-index:1;opacity:0;pointer-events:none;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:10px;left:10px}.guess-panel:hover .map-size-buttons,.guess-panel.pinned .map-size-buttons{opacity:1;pointer-events:auto}.map-size-buttons button{cursor:pointer;color:#fff;background:#141828d9;border:none;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid;box-shadow:0 2px 6px #0000004d}.map-size-buttons button:hover:not(:disabled){background:var(--ink);color:#f6b93b}.map-size-buttons button:disabled{opacity:.35;cursor:default}.map-size-buttons button:focus-visible{outline-offset:1px;outline:2px solid #f6b93b}.map-size-buttons svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.overlay{inset:0 0 var(--ad-h) 0;z-index:10;background:#0a0c14b3;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed}.overlay-light{color:#fff;background:#0a0c1473}.result-card{width:min(900px,100%);max-height:calc(100vh - 2rem - var(--ad-h));background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.result-map{flex-shrink:0;height:50vh;min-height:260px}.result-body{text-align:center;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.result-body h2{font-size:2rem}.result-body p{margin:.4rem 0}.result-body .table{margin:1rem 0}.final-card .result-map{height:45vh}.score-bar{background:#eee;border-radius:999px;max-width:420px;height:10px;margin:.5rem auto 1rem;overflow:hidden}.score-bar>div{background:linear-gradient(90deg, #f6b93b, var(--red));width:0;height:100%;transition:width .8s}.button-row{justify-content:center;gap:.75rem;display:flex}.next-btn{min-width:200px;margin-top:.75rem}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.hud{top:60px;left:50%;transform:translate(-50%)}}@media (width<=600px){.guess-panel,.guess-panel:hover,.guess-panel.pinned{width:calc(100vw - 40px)}.guess-map{height:180px}.guess-panel[data-size="0"]{--open-h:30vh}.guess-panel[data-size="1"]{--open-h:45vh}.guess-panel[data-size="2"]{--open-h:calc(100vh - 200px - var(--ad-h))}.hud{gap:.75rem;font-size:.9rem}.hud-brand{display:none}.compass-rose{width:64px;height:64px;bottom:calc(272px + var(--ad-h))}}.legend{justify-content:center;align-items:center;gap:.4rem;display:flex}.dot{border-radius:50%;width:10px;height:10px;margin-left:.6rem;display:inline-block}.dot-guess{background:#2d6cdf}.dot-actual{background:#d7263d}.auth-card .flash{margin-bottom:1rem}.hero .flash{margin-top:1rem}.error-card{color:var(--ink);text-align:center;max-width:420px}.site-header nav a{color:#fff;opacity:.75;font-weight:600;text-decoration:none}.site-header nav a:hover{opacity:1}.site-header nav a.active{opacity:1;box-shadow:inset 0 -2px 0 var(--red)}.site-header nav .username{border-left:1px solid #ffffff40;padding-left:1rem}@media (width<=640px){.site-header{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem}.site-header nav{flex-wrap:wrap;gap:.8rem;font-size:.9rem}}.page{gap:1.5rem;max-width:820px;margin:2rem auto;padding:0 1rem;display:grid}.card-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.btn-small{padding:.35rem .8rem;font-size:.875rem}.load-more{justify-content:center;margin-top:1rem;display:flex}.inline-error{color:var(--red-dark);font-size:.85rem}.count{background:var(--bg);min-width:1.5em;color:var(--muted);text-align:center;vertical-align:middle;border-radius:999px;padding:0 .45em;font-size:.8rem;display:inline-block}.games-table td{vertical-align:middle}.map-picker{text-align:left;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin:1.5rem 0 .5rem;display:grid}.map-option{border:2px solid var(--line);font:inherit;color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:.25rem;padding:.9rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}.map-option:hover{border-color:#c9c3b8}.map-option.selected{border-color:var(--red);box-shadow:0 0 0 3px #d7263d1f}.map-option:focus-visible{outline:2px solid var(--red);outline-offset:2px}.map-option-name{font-weight:700}.map-option-count{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:auto;padding-top:.25rem;font-size:.75rem;font-weight:600}.profile-head{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.profile-name{flex:1;min-width:0}.profile-name h1{margin:0}.avatar{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:700;display:grid}.avatar-small{width:32px;height:32px;font-size:.9rem}.friend-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.player-list{margin:0;padding:0;list-style:none}.player-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.player-list li:last-child{border-bottom:none}.player-link{color:var(--ink);align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.player-link:hover{color:var(--red)}.search-label{margin:1rem 0 .5rem}.summary-card{padding:0;overflow:hidden}.summary-map-wrap{position:relative}.summary-map{background:#e5e3df;height:50vh;min-height:280px}.summary-map-error{color:var(--muted);text-align:center;place-items:center;margin:0;padding:1rem;display:grid;position:absolute;inset:0}.friends-panel{padding:1.25rem;position:sticky;top:1rem}.friends-panel.chat-open{flex-direction:column;height:min(640px,100vh - 2rem);padding:0;display:flex;overflow:hidden}.friends-panel h2{font-size:1.1rem}.panel-section+.panel-section{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1.25rem}.panel-list{margin:0 0 .5rem;padding:0;list-style:none}.panel-request{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.panel-friend{box-sizing:content-box;width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;margin:0 -.6rem;padding:.5rem .6rem;font-weight:600;display:flex}.panel-friend:hover{background:var(--bg)}.panel-friend:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.panel-friend-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.panel-find{font-weight:600}.presence{background:#b9bcc6;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.presence.online{background:#2e9d5b;box-shadow:0 0 0 3px #2e9d5b2e}.badge{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:1.4em;padding:0 .4em;font-size:.75rem;font-weight:700;line-height:1.4em;display:inline-block}.nav-badge{vertical-align:.1em;margin-left:.35rem}.btn .badge{margin-left:.3rem}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.chat-back{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;font-size:1.5rem;line-height:1}.chat-back:hover{background:var(--bg)}.chat-name{min-width:0;color:var(--ink);text-overflow:ellipsis;flex:1;font-weight:700;text-decoration:none;overflow:hidden}.chat-name:hover{color:var(--red)}.chat-messages{background:#faf8f5;flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.chat-messages .load-more{margin:0 0 .5rem}.chat-empty{text-align:center;margin:auto}.chat-message{flex-direction:column;align-items:flex-start;max-width:85%;display:flex}.chat-message.mine{align-self:flex-end;align-items:flex-end}.chat-bubble{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:14px 14px 14px 4px;padding:.45rem .75rem}.chat-message.mine .chat-bubble{border-color:var(--red);background:var(--red);color:#fff;border-radius:14px 14px 4px}.chat-time{color:var(--muted);margin-top:.15rem;font-size:.7rem}.chat-error{padding:.4rem 1rem 0}.chat-form{border-top:1px solid var(--line);align-items:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.chat-form textarea{resize:none;border:1px solid var(--line);min-width:0;font:inherit;border-radius:8px;flex:1;padding:.5rem .65rem}.chat-form textarea:focus{outline:2px solid var(--red);outline-offset:-1px}@media (width<=960px){.friends-panel{position:static}.friends-panel.chat-open{height:min(560px,75vh)}}.site-footer{text-align:center;padding:1.5rem 1rem 2rem;font-size:.85rem}.site-footer a{color:var(--muted)}.prose h2{margin-top:1.5rem;font-size:1.15rem}.prose ul{padding-left:1.25rem}.prose li{margin-bottom:.4rem}