@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#fff5de;background:#9dbabd;--cream:#fff3d5;--ink:#263b35;--gold:#efc66b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{opacity:.65;cursor:wait}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,36,31,.46),transparent 67%),linear-gradient(0deg,rgba(15,36,31,.56),transparent 22%,transparent 80%,rgba(22,38,33,.25));transition:opacity .7s}body.walking .vignette{opacity:.3}.topbar{position:absolute;top:0;left:0;width:100%;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:3}.brand{display:flex;align-items:center;gap:11px;color:var(--cream);text-decoration:none;pointer-events:auto}.brand>svg{width:37px;height:37px}.brand>span{font-family:'Manrope',sans-serif;letter-spacing:.16em;font-weight:800;font-size:19px}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:.28em;margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.study-chip{font-size:9px;letter-spacing:.14em;font-weight:700;margin-right:9px;display:flex;align-items:center;gap:8px}.study-chip i{height:5px;width:5px;background:var(--gold);border-radius:50%}.icon-button{width:44px;height:44px;border:1px solid #fff3d545;border-radius:50%;background:#263b353b;backdrop-filter:blur(10px);color:var(--cream);display:grid;place-items:center}.icon-button:hover{background:#263b359e}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.intro{position:absolute;left:7%;top:50%;transform:translateY(-47%);width:min(570px,48vw);transition:opacity .5s,transform .5s;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.15em;color:#e9dfc6}.tiny-line{width:22px;height:1px;background:#e9dfc67a}h1{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(40px,5vw,76px);line-height:1.13;letter-spacing:-.055em;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.035em}.intro>p{font-size:15px;line-height:1.8;color:#f2edd8dc;max-width:340px;margin:0 0 30px}.primary{display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--gold);color:var(--ink);border:0;border-radius:7px;padding:17px 22px;min-width:240px;font-weight:700;font-size:13px;box-shadow:0 8px 28px #263b3520;transition:background .15s,transform .15s}.primary:hover{background:#fadd99;transform:translateY(-2px)}.primary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.intro-controls{display:flex;gap:19px;align-items:center;margin-top:23px;color:#eee6d0b8;font-size:10px}.intro-controls>span{display:flex;align-items:center;gap:4px}.intro-controls svg{width:13px;height:17px;fill:none;stroke:currentColor;stroke-width:1}kbd{border:1px solid #fff3d54d;border-radius:3px;font:10px 'DM Sans',sans-serif;padding:3px 4px;min-width:17px;text-align:center}.touch-note{display:none!important}.intro-foot{font-size:10px;margin-top:51px;display:flex;align-items:center;gap:8px;color:#ede5ceaa}.note-dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}.postcard{position:absolute;right:4%;bottom:21%;width:235px;padding:22px;border:1px solid #fff3d53d;background:#263b3533;backdrop-filter:blur(12px);border-radius:3px;transform:rotate(3deg);transition:opacity .5s;z-index:2}.postcard-top{display:flex;justify-content:space-between;align-items:center}.postcard-num{font-size:7px;letter-spacing:.13em;color:#fff3d5ba}.postcard-top svg{width:20px;height:20px;fill:none;stroke:var(--cream);stroke-width:1.1}.postcard h2{font:500 27px/1.17 'Manrope',sans-serif;letter-spacing:-.04em;margin:22px 0 15px}.postcard p{font-size:10px;line-height:1.8;color:#fff3d5b0;margin-bottom:22px}.postcard-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #fff3d533;padding-top:12px;font-size:7px;letter-spacing:.15em}.postcard-bottom>span:last-child{font-size:19px}.bottom-bar{position:absolute;bottom:0;left:0;width:100%;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;z-index:3;pointer-events:none}.location{display:flex;align-items:center;gap:11px}.location-dot{width:7px;height:7px;border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 0 5px #efc66b15}.location strong{font:600 12px 'Manrope',sans-serif;display:block;letter-spacing:.01em}.location span:not(.location-dot){display:block;font-size:9px;color:#fff3d58c;margin-top:4px}.compass{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:10px}.compass svg{height:23px;width:23px;fill:var(--gold)}.compass-sub{font-size:7px;letter-spacing:.16em;opacity:.5}.about-link{pointer-events:auto;background:none;border:0;color:#fff3d5ba;font-size:8px;letter-spacing:.12em;display:flex;gap:17px;align-items:center;padding:10px 0}.about-link span{font-size:16px}.crosshair{position:fixed;top:50%;left:50%;width:5px;height:5px;background:#fff8df99;border:1px solid #263b3533;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.walk-hint{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);background:#263b3580;backdrop-filter:blur(6px);padding:10px 18px;border-radius:20px;color:#fff3d5cd;font-size:10px;pointer-events:none;white-space:nowrap}.panel-dialog{color:var(--cream);background:#263b35f7;backdrop-filter:blur(25px);border:1px solid #fff3d533;border-radius:15px;padding:30px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 25px 120px #0007;overflow:auto}.panel-dialog::backdrop{background:#172e2859;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.close-button{border:1px solid #fff3d533;background:none;color:var(--cream);width:30px;height:30px;border-radius:50%;font-size:12px}.panel-dialog h2{font:500 34px/1.15 'Manrope',sans-serif;letter-spacing:-.045em;margin:24px 0 12px}.panel-dialog p{color:#e8e4d2b5;font-size:12px;line-height:1.8;margin:0 0 21px}.panel-dialog strong{color:var(--cream)}.destinations{display:grid;gap:8px;margin:23px 0}.destinations button{display:flex;align-items:center;gap:16px;text-align:left;color:var(--cream);background:#fff8e507;border:1px solid #fff3d51c;border-radius:7px;padding:15px}.destinations button:hover{background:#fff8e514;border-color:#efc66b66}.destinations strong{display:block;font-size:12px;font-weight:500}.destinations small{display:block;font-size:10px;color:#e8e4d27a;margin-top:4px}.destination-icon{font-size:27px;width:27px;text-align:center;color:var(--gold)}.destinations b{margin-left:auto;font-size:20px;font-weight:400;color:var(--gold)}.control-guide{display:flex;flex-wrap:wrap;gap:10px 17px;color:#fff3d599;font-size:9px;padding:0 0 23px}.control-guide kbd{font-size:8px}.panel-dialog .primary{width:100%;min-width:0}.map-dialog{width:min(650px,calc(100vw - 32px))}#map{display:block;width:100%;height:auto;border-radius:6px;background:#d0d5af;border:1px solid #fff3d529}.map-legend{display:flex;align-items:center;gap:18px;margin-top:15px;font-size:10px;color:#fff3d5aa}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{display:inline-block}.legend-home{width:7px;height:7px;border:1px solid #fff3d5;transform:rotate(45deg)}.legend-you{width:7px;height:7px;background:var(--gold);border-radius:50%}.elevation-key{margin-left:auto;font-size:8px;letter-spacing:.08em}.elevation-key i{width:45px;height:5px;background:linear-gradient(90deg,#8b9c79,#dfd5a9)}.about-dialog{width:min(520px,calc(100vw - 32px))}.source-links{display:flex;flex-wrap:wrap;gap:12px}.source-links a{color:var(--gold);font-size:10px}.toast{position:absolute;left:50%;top:105px;transform:translateX(-50%);background:#263b35e8;backdrop-filter:blur(10px);border:1px solid #efc66b44;border-radius:8px;padding:12px 20px;font-size:11px;z-index:5}.touch-controls{position:fixed;bottom:110px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:4}.touch-controls[hidden]{display:none}.joystick{width:105px;height:105px;border-radius:50%;border:1px solid #fff3d54d;background:#263b352a;backdrop-filter:blur(5px);pointer-events:auto;touch-action:none;display:grid;place-items:center}.joystick>div{width:43px;height:43px;background:#fff3d54a;border:1px solid #fff3d56b;border-radius:50%;pointer-events:none}.touch-right{display:flex;flex-direction:column;align-items:center;gap:18px}.touch-right>span{font-size:7px;letter-spacing:.15em;color:#fff3d577}.touch-right button{width:54px;height:54px;border-radius:50%;border:1px solid #fff3d54d;background:#263b3559;backdrop-filter:blur(5px);color:var(--cream);font-size:29px;pointer-events:auto;touch-action:none}.error-panel{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;background:#263b35f5;border-radius:15px;width:min(440px,90vw)}.error-panel h2{font:500 25px 'Manrope',sans-serif}.error-panel p{font-size:12px;line-height:1.7}.error-panel button{background:var(--gold);color:var(--ink);border:0;border-radius:5px;padding:12px 22px}body.walking .intro{opacity:0;transform:translateY(-43%);pointer-events:none}body.walking .postcard{opacity:0;pointer-events:none}[hidden]{display:none!important}
@media(max-width:800px){.topbar{padding:22px}.brand>span{font-size:16px}.brand>svg{width:30px;height:30px}.study-chip{display:none}.top-actions{gap:8px}.icon-button{height:38px;width:38px}.intro{left:7%;width:70vw;top:48%}.intro h1{font-size:clamp(40px,8vw,65px)}.postcard{display:none}.bottom-bar{padding:22px}.about-link{font-size:7px;gap:7px}.compass{left:auto;right:24px;transform:none;bottom:78px}.compass-sub{display:none}.intro-foot{margin-top:35px}.intro>p{font-size:13px}.panel-dialog{padding:23px}.panel-dialog h2{font-size:29px}}
@media(max-width:480px){.intro{width:86vw;top:48%}.eyebrow{font-size:7px;gap:7px}.intro h1{font-size:45px;line-height:1.15}.intro>p{max-width:280px}.intro-controls{gap:14px}.intro-controls>span:nth-child(1),.intro-controls>span:nth-child(2){display:none}.touch-note{display:flex!important}.intro-foot{font-size:9px;margin-top:27px}.primary{padding:16px 19px;min-width:220px}.brand small{font-size:6px;letter-spacing:.21em}.brand>span{font-size:14px}.topbar{padding:19px}.about-link{font-size:0}.about-link span{font-size:22px}.walk-hint{display:none!important}.map-legend{gap:12px;font-size:9px}.touch-controls{bottom:105px}.location strong{font-size:11px}.bottom-bar{padding:22px}.location span:not(.location-dot){font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.games-dialog{width:min(650px,calc(100vw - 32px))}.games-dialog h2{margin-bottom:14px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-card{display:flex;align-items:center;gap:12px;text-align:left;color:var(--cream);background:#fff3d508;border:1px solid #fff3d525;border-radius:8px;padding:13px;min-height:76px}.mode-card:first-child{grid-column:1/-1;min-height:64px}.mode-card[aria-pressed=true]{border-color:var(--gold);background:#efc66b14;box-shadow:inset 0 0 0 1px #efc66b35}.mode-card:disabled{cursor:default;opacity:.67}.mode-card[aria-pressed=true]:disabled{opacity:1}.mode-symbol{font-size:25px;color:var(--gold);width:28px;text-align:center;flex-shrink:0}.mode-card strong{display:block;font-size:12px}.mode-card small{display:block;color:#d9ddc3;font-size:10px;line-height:1.6;margin-top:5px}.mode-rules{margin-top:22px;padding:20px;background:#132a2445;border:1px solid #fff3d51b;border-radius:8px}.mode-rules h3{font:600 21px 'Manrope',sans-serif;margin:12px 0 8px}.mode-rules p{margin:0}.mode-rules .game-arena-note{border-top:1px solid #e3dfb82b;padding-top:12px;margin-top:13px;font-size:10px;color:#b8c7ad}.game-notice{margin:16px 0 0!important;color:var(--gold)!important}.game-error{color:#ffc9af!important;font-size:11px!important;margin:10px 0!important;min-height:0}.game-error:empty{display:none}.game-dialog-actions{display:flex;gap:10px;margin-top:18px}.game-secondary{background:#fff3d50b;color:var(--cream);border:1px solid #fff3d545;padding:12px 20px;border-radius:7px;font-size:12px}.game-roster-head{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border-bottom:1px solid #fff3d52b;padding-bottom:10px}.game-roster-head h3{font-size:12px;font-weight:500;margin:0}.game-roster-head>span{font-size:8px;letter-spacing:.12em;color:#d4ddbc}.game-scoreboard{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.game-scoreboard li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #fff3d516}.game-scoreboard strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.game-scoreboard small{display:block;font-size:10px;color:#c3cfb4;margin-top:5px}.game-scoreboard b{font:600 20px 'Manrope',sans-serif;color:var(--gold)}.game-scoreboard li[data-role=zombie] small{color:#b0d57c}.game-scoreboard li[data-role=cop] small,.game-scoreboard li[data-role=teal] small{color:#8fc4cf}.game-scoreboard li[data-role=robber] small,.game-scoreboard li[data-role=gold] small{color:#e8c471}.game-control-guide{padding:18px 0 0;line-height:1.8}.game-hud{position:fixed;top:102px;left:38px;width:330px;max-width:calc(100vw - 76px);background:#263b35e8;backdrop-filter:blur(12px);border:1px solid #e7d7a63d;border-radius:10px;padding:14px 17px;z-index:3;pointer-events:none}.game-hud-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.game-hud-heading>div>span{font-size:7px;letter-spacing:.15em;color:#dfd7b8;display:block;margin-bottom:5px}.game-hud-heading strong{font:600 17px 'Manrope',sans-serif;letter-spacing:-.02em}.game-hud-heading time{font:600 22px 'Manrope',sans-serif;color:var(--gold);letter-spacing:.02em;white-space:nowrap}.game-hud-heading time:empty{display:none}.game-hud-state{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:10px;border-top:1px solid #fff3d52b}.game-hud-state>strong{font-size:11px;color:var(--gold)}.game-hud-state>span{font-size:8px;letter-spacing:.05em;color:#dfdec5}.game-hud>p{font-size:10px;line-height:1.65;color:#e1e2c8;margin:8px 0 0}.game-blind{position:fixed;inset:0;z-index:2;background:#1f332c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 30px;pointer-events:none}.game-blind>strong{font:500 clamp(75px,15vw,135px) 'Manrope',sans-serif;color:var(--gold);line-height:1.2;margin:20px 0 12px}.game-blind>p{font-size:15px;line-height:1.8;max-width:365px;margin:0 0 18px}.game-blind>span:last-child{font-size:10px;color:#c3cfaf;line-height:1.7}.game-action-wrap{position:fixed;right:38px;bottom:102px;z-index:4;display:flex;align-items:flex-end;flex-direction:column;gap:9px;pointer-events:none;max-width:250px}.game-action{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #fff3d53d;border-radius:12px;background:var(--gold);color:var(--ink);padding:15px 20px;box-shadow:0 7px 25px #14231c33;pointer-events:auto;touch-action:manipulation;min-width:130px}.game-action>span{font-size:14px;font-weight:700}.game-action>small{font-size:8px;letter-spacing:.06em;opacity:.65}.game-action-error{font-size:11px;line-height:1.6;margin:0;text-align:right;background:#263b35ec;padding:8px 12px;border-radius:7px;color:#ffd6b5}.game-action-error:empty{display:none}body.round-playing .toast{top:280px}body.round-playing .walk-hint{display:none}body:not(.walking) .game-hud{opacity:.85}
@media(max-width:800px){.game-hud{left:22px;top:88px;max-width:calc(100vw - 44px)}.game-action-wrap{right:22px}.game-blind>p{font-size:13px}}
@media(max-width:600px){.game-hud{top:80px;left:16px;max-width:calc(100vw - 32px);width:300px;padding:12px 14px}.game-hud-heading strong{font-size:15px}.game-hud-heading time{font-size:20px}.game-hud-state{margin-top:9px;padding-top:8px}.game-hud>p{font-size:10px;line-height:1.5}.game-action-wrap{right:24px;bottom:255px;max-width:200px}.game-action{min-width:100px;padding:14px 17px;gap:12px}.game-action>small{display:none}.mode-card{padding:11px;gap:8px}.mode-symbol{width:23px;font-size:22px}.mode-card small{font-size:9px}.mode-card strong{font-size:11px}.game-roster-head{margin-top:20px}body.round-playing .toast{top:240px;max-width:calc(100vw - 40px)}.game-blind{padding-top:260px;justify-content:flex-start}.game-blind>strong{font-size:75px}.game-blind>p{font-size:12px;max-width:280px}.game-hud-heading time{font-size:17px}.game-hud-heading time[aria-label="Time remaining"]{letter-spacing:0}}
@media(max-width:420px){.topbar{padding:16px}.top-actions{gap:4px}.icon-button{width:32px;height:32px}.brand>svg{display:none}.brand>span{font-size:11px;letter-spacing:.11em}.brand small{font-size:5px;letter-spacing:.16em}.game-hud{width:280px}.mode-options{gap:7px}.mode-card{padding:10px 9px}.mode-symbol{width:20px;font-size:20px}.mode-rules{padding:16px}.game-blind>strong{font-size:65px}.game-action-wrap{right:22px;bottom:247px}}
.audio-volume{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#d2d8bc;margin:20px 0}.audio-volume input{width:45%;accent-color:#e4bc63}.icon-button{position:relative}.icon-button.muted{opacity:.5}.icon-button.muted::after{content:"";position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(-45deg)}
.owner-tools-entry{display:block;width:100%;text-align:left;color:var(--gold);margin:3px 0 8px}.owner-tools-entry span{margin-left:5px}.admin-dialog{width:min(570px,calc(100vw - 32px))}.admin-dialog h2{font-size:31px}.admin-identity-row{display:flex;align-items:center;gap:10px;margin:22px 0 8px}.admin-identity-row strong{font-size:12px;line-height:1.6}.admin-owner-badge{font-size:8px;letter-spacing:.13em;color:var(--gold);border:1px solid #e4bc6366;border-radius:4px;padding:5px 7px}.admin-dialog #admin-access-note{font-size:11px;margin-bottom:14px}.admin-sign-in-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:10px 0 20px}.admin-sign-in-row .primary{display:inline-flex;width:auto;min-width:0;font-size:11px;text-decoration:none;padding:12px 18px}.admin-sign-in-row .text-action{font-size:10px;padding:8px 0}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.admin-actions button{padding:17px;text-align:left;color:var(--cream);background:#fff8e508;border:1px solid #fff3d52e;border-radius:8px;font:inherit;transition:background .15s,border-color .15s}.admin-actions button:hover:not(:disabled){background:#fff8e512;border-color:#e4bc6380}.admin-actions button[data-admin-action="stop"]{border-color:#db805f66}.admin-actions button:disabled{opacity:.42;cursor:not-allowed}.admin-actions strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.admin-actions small{display:block;font-size:10px;color:#e8e4d29e;line-height:1.65;margin-top:7px}.admin-dialog .admin-notice{color:#d0dfb4;font-size:12px;margin:15px 0 7px}.admin-dialog .admin-footnote{font-size:10px;color:#e8e4d27a;border-top:1px solid #fff3d51c;padding-top:15px;margin:20px 0 0}.admin-dialog #admin-error{margin:8px 0 0}@media(max-width:420px){.admin-actions{grid-template-columns:1fr}.admin-actions button{padding:14px 16px}.admin-dialog h2{font-size:28px}}
.join-dialog{max-width:450px}.join-dialog label,.address-search label{display:block;font-size:12px;margin:20px 0 9px;color:#e7dec4}.join-dialog input,.address-search input,.chat-panel input{width:100%;font:inherit;border:1px solid #f2e7c342;border-radius:6px;background:#183c322e;color:#fff4dc;padding:13px;outline-offset:3px}.join-dialog .primary{margin-top:20px;width:100%}#join-error,#chat-error{font-size:12px;color:#f6c6a9;line-height:1.5}.text-action{background:transparent;color:#e4dbc0;border:0;font-size:12px;padding:12px 0;text-decoration:underline}.address-search>div{display:flex;gap:8px}.address-search button,.chat-panel form button{background:var(--gold);color:var(--ink);border:0;border-radius:6px;padding:9px 15px;font:inherit;font-size:12px}.address-search p{font-size:11px!important;margin:8px 0!important}.chat-panel{position:fixed;right:28px;bottom:100px;width:350px;max-width:calc(100vw - 32px);height:420px;max-height:70dvh;background:#263b35f5;backdrop-filter:blur(16px);border:1px solid #e4d5aa55;border-radius:13px;padding:16px;z-index:7;box-shadow:0 15px 40px #14271d40;display:flex;flex-direction:column}.chat-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.chat-head strong{font-size:14px}.chat-head small{display:block;font-size:10px;color:#c4d4b0;margin-top:4px}.chat-head .close-button{flex-shrink:0}.online-players{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #dddbb52a;max-height:64px;overflow:auto}.online-players span{font-size:10px;background:#f5e9cb11;padding:4px 6px;border-radius:4px}.online-players i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.chat-messages{flex:1;overflow-y:auto;min-height:80px;padding:12px 1px}.chat-messages p{font-size:12px;line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere}.chat-messages b{font-size:11px;margin-right:7px}.chat-empty{color:#bac7b1;font-size:11px!important}.chat-panel form{display:flex;gap:7px;margin-top:6px}.chat-panel input{font-size:12px;min-width:0;padding:10px}.chat-panel form button{padding:9px 12px}.chat-panel #chat-error{font-size:10px;margin:4px 0 0}.chat-panel [disabled]{opacity:.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#chat-toggle{position:relative}#chat-unread{position:absolute;right:-4px;top:-5px;border-radius:50%;background:var(--gold);color:var(--ink);min-width:17px;height:17px;font-size:9px;display:grid;place-items:center}@media(max-width:600px){.chat-panel{right:16px;bottom:88px;height:340px}.top-actions{gap:5px}.icon-button{width:34px;height:34px}.brand>svg{width:25px;height:25px}.brand{gap:7px}.brand small{font-size:5px}.brand>span{font-size:12px}.chat-panel input{font-size:16px}}@media(max-width:350px){.brand>svg{display:none}}

.mini-map-panel{position:fixed;right:28px;bottom:98px;width:180px;z-index:3;background:#263b35ee;border:1px solid #e4d5aa4a;border-radius:10px;padding:9px;box-shadow:0 8px 25px #14271d30;pointer-events:none;color:#f1e5c7}.mini-map-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;height:21px;padding-bottom:6px}.mini-map-heading>span{font-size:8px;font-weight:600;letter-spacing:.13em}.mini-map-heading button{pointer-events:auto;width:21px;height:21px;border-radius:50%;border:1px solid #fff3d52e;background:transparent;color:var(--cream);font-size:15px;line-height:1;padding:0}.mini-map-panel canvas{display:block;width:100%;height:auto;border-radius:5px;background:#a6b38b}.mini-map-caption{display:flex;flex-direction:column;gap:4px;padding-top:8px}.mini-map-caption strong{font-size:8px;font-weight:500;letter-spacing:.06em}.mini-map-caption span{font-size:8px;color:#e8e4d28f;line-height:1.4}.mini-map-panel.collapsed .mini-map-caption{display:none}.mini-map-panel.collapsed{width:152px}.chat-panel:not([hidden])~.mini-map-panel{visibility:hidden}body.walking .game-action-wrap{bottom:344px}@media(max-width:600px){.mini-map-panel{right:22px;bottom:174px;width:150px;padding:8px}.mini-map-heading>span{font-size:7px}.mini-map-caption{gap:3px;padding-top:6px}.mini-map-caption span{font-size:7px}body.walking .game-action-wrap{right:22px;bottom:385px;max-width:190px}.mini-map-panel.collapsed{width:145px}}
/* Glitch reporting stays in the menu, with compact readable details on phones. */
.glitch-menu-action{display:block;min-height:44px}.glitch-dialog{width:min(600px,calc(100vw - 32px))}.glitch-dialog h2,.glitch-reports-dialog h2{margin-bottom:16px}.glitch-dialog #glitch-includes{font-size:11px;line-height:1.65}.glitch-summary{white-space:pre-line;border:1px solid #fff3d52b;border-radius:8px;background:#132a2445;padding:13px 15px;font-size:11px!important;line-height:1.8!important;overflow-wrap:anywhere}.glitch-dialog label{display:block;font-size:12px;margin:18px 0 8px;color:var(--cream)}.glitch-dialog label span{color:#c5ceb6;font-size:10px}.glitch-dialog textarea{display:block;resize:vertical;min-height:92px;max-height:220px;width:100%;font:13px/1.6 'DM Sans',sans-serif;color:var(--cream);background:#132a2459;border:1px solid #fff3d53d;border-radius:7px;padding:12px;outline:none}.glitch-dialog textarea:focus{border-color:var(--gold)}.glitch-dialog textarea::placeholder{color:#d1d6be99}.glitch-actions{display:flex;gap:10px;align-items:stretch;margin-top:12px}.glitch-actions .primary{min-width:0;flex:1;justify-content:center}.glitch-actions .game-secondary{flex:0 1 auto;min-height:48px}.glitch-notice{font-size:11px!important;line-height:1.65!important;color:#dddbb9!important;overflow-wrap:anywhere}.glitch-notice:empty{display:none}.glitch-notice.is-error{color:#ffc9af!important}.glitch-details{border-top:1px solid #fff3d52b;margin-top:15px;padding-top:14px}.glitch-details summary,.glitch-reports-list summary{font-size:11px;cursor:pointer;min-height:32px;color:#d8dabe}.glitch-details pre,.glitch-reports-list pre{font:10px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:230px;overflow:auto;background:#152b2559;border-radius:6px;padding:11px;color:#e8e6d4}.glitch-reports-dialog{width:min(720px,calc(100vw - 32px))}.glitch-reports-list{list-style:none;margin:18px 0 0;padding:0}.glitch-reports-list>li{border-top:1px solid #fff3d52b;padding:18px 0}.glitch-reports-list>li>strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.glitch-reports-list>li>p{font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.glitch-reports-list .glitch-report-location{font-size:10px;color:#c3cfb4}.glitch-reports-list .game-secondary{min-height:44px;padding:10px 15px}@media(max-width:480px){.glitch-dialog #glitch-includes{font-size:10px}.glitch-summary{padding:11px;font-size:10px!important}.glitch-actions{flex-direction:column}.glitch-actions .primary,.glitch-actions .game-secondary{width:100%;min-height:47px}.glitch-dialog textarea{font-size:16px}.glitch-dialog h2,.glitch-reports-dialog h2{font-size:30px}.glitch-details pre,.glitch-reports-list pre{max-height:180px}}
.decorations-dialog{width:min(600px,calc(100vw - 32px))}.decorations-dialog label{display:block;font-size:12px;margin:20px 0 9px}.decorations-dialog select{width:100%;font:inherit;font-size:14px;line-height:1.5;background:#203c32;color:var(--cream);border:1px solid #fff3d545;border-radius:7px;padding:12px;min-height:46px}.decoration-themes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.decoration-card{display:flex;gap:12px;align-items:center;text-align:left;padding:15px;border:1px solid #fff3d52e;background:#fff3d509;color:var(--cream);border-radius:9px;min-height:94px}.decoration-card>span:first-child{font-size:26px;color:var(--gold);width:28px;flex-shrink:0}.decoration-card strong{display:block;font-size:12px}.decoration-card small{display:block;font-size:10px;line-height:1.6;color:#d5dcc4;margin-top:6px}.decoration-card[aria-pressed=true]{border-color:var(--gold);background:#efc66b16}.decorations-dialog .decoration-status{font-size:11px;line-height:1.6;min-height:35px;color:#d9dfbb}.decorations-dialog .decoration-footnote{font-size:10px;border-top:1px solid #fff3d526;padding-top:15px;color:#cbd5b8}.decorations-dialog #decoration-season{color:var(--gold);font-size:12px}@media(max-width:480px){.decoration-card{padding:12px;gap:7px}.decoration-card>span:first-child{width:20px;font-size:22px}.decorations-dialog select{font-size:16px}.decoration-themes{gap:8px}}

.weather-controls{border-top:1px solid #fff3d52b;margin-top:24px;padding-top:20px}.weather-controls h3{font-size:16px;margin:0 0 8px}.weather-controls>p{font-size:11px!important;line-height:1.6!important}.weather-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.weather-settings label{font-size:11px;color:var(--cream);display:flex;flex-direction:column;gap:8px}.weather-settings select{min-height:46px;width:100%;font:inherit;font-size:13px;color:var(--cream);background:#203c32;border:1px solid #fff3d545;border-radius:7px;padding:10px}.weather-controls [disabled]{opacity:.55}.weather-controls>button{min-height:46px;width:100%}@media(max-width:480px){.weather-settings{grid-template-columns:1fr;gap:14px}.weather-settings select{font-size:16px}}
/* Adares After Hours keeps the familiar neighborhood palette with a porchlight mark. */
.brand .brand-lockup{display:grid;gap:3px;line-height:1;letter-spacing:normal}
.brand .brand-name{font:800 21px/1 'Manrope',sans-serif;letter-spacing:.17em}
.brand .brand-after{font:700 10px/1.1 'DM Sans',sans-serif;letter-spacing:.23em;color:var(--gold)}
.brand .brand-lockup small{font:600 6.5px/1 'DM Sans',sans-serif;letter-spacing:.16em;margin-top:5px;color:#fff3d5b3}
.intro .game-title{font-size:clamp(46px,6.5vw,88px);line-height:1.03;letter-spacing:-.055em;margin:22px 0 25px}
.game-title>span{white-space:nowrap}.game-title em{letter-spacing:-.045em}
.postcard .postcard-num{font-size:6.5px;letter-spacing:.10em}
@media(max-width:800px){.brand .brand-name{font-size:18px}.brand .brand-after{font-size:9px}.brand .brand-lockup small{font-size:6px;letter-spacing:.13em}.intro .game-title{font-size:clamp(46px,8.6vw,72px)}}
@media(max-width:600px){.brand>svg{display:none}.brand{gap:0;flex-shrink:0}.brand .brand-name{font-size:17px}.brand .brand-after{font-size:8.5px;letter-spacing:.18em}.brand .brand-lockup small{font-size:5.5px;letter-spacing:.12em}.intro .eyebrow{font-size:7px;letter-spacing:.1em;gap:8px}}
@media(max-width:480px){.intro .game-title{font-size:clamp(42px,12vw,56px);line-height:1.05;margin:22px 0}.intro .intro-foot{font-size:9px;margin-top:24px}.brand .brand-name{font-size:16px}.brand .brand-after{font-size:8.3px}.brand .brand-lockup small{margin-top:4px}}
@media(max-width:350px){.brand .brand-name{font-size:15px;letter-spacing:.14em}.brand .brand-after{font-size:7.8px;letter-spacing:.14em}.brand .brand-lockup small{font-size:5px;letter-spacing:.09em}.intro .eyebrow{font-size:6px;gap:6px}.intro .tiny-line{width:14px}.intro .game-title{font-size:42px}.intro>p{font-size:12px}}

/* Porchlight surfaces and a single, hand-drawn stroke icon language. */
:root{--panel:#233c34;--panel-edge:#e8d9ae30;--quiet:#c9d2ba;--ease:cubic-bezier(.2,.65,.25,1)}
.icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ui-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.top-actions{gap:9px}.icon-button{background:linear-gradient(145deg,#314e44ba,#1b342cc4);border-color:#fff3d542;box-shadow:inset 0 1px #fff3d512,0 3px 12px #10271d15;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.icon-button:hover{background:#365546;border-color:#efc66b99;transform:translateY(-2px)}.icon-button svg{stroke-linecap:round;stroke-linejoin:round}.icon-button:active{transform:translateY(0) scale(.96)}
.panel-dialog{background:radial-gradient(ellipse at 95% 0%,#5a634537,transparent 48%),linear-gradient(155deg,#2d483e,#20382ffb);border-color:var(--panel-edge);border-radius:20px;box-shadow:0 30px 110px #081b1666,inset 0 1px #fff3d518;padding:30px;scrollbar-width:thin;scrollbar-color:#b3b78c55 #172f2633}.panel-dialog::backdrop{background:#122a2370;backdrop-filter:blur(9px)}.dialog-head{gap:16px}.dialog-head .eyebrow{font-size:8px;line-height:1.6;letter-spacing:.17em;color:#dacb9f}.panel-dialog h2{font-size:33px;line-height:1.16;letter-spacing:-.045em;margin:22px 0 14px}.panel-dialog>p{font-size:12px;line-height:1.8;color:#dce1cdba}.close-button{display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;padding:0;background:#fff3d506;border-color:#fff3d52b;transition:background .18s,border-color .18s,transform .18s}.close-button .ui-icon{width:16px;height:16px}.close-button:hover{background:#fff3d514;border-color:#efc66b88}.close-button:active{transform:scale(.94)}
.destinations{gap:9px;margin:24px 0}.destinations button{gap:13px;padding:12px;border-radius:12px;background:linear-gradient(110deg,#fff3d508,#fff3d503);border-color:#fff3d51d;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);min-height:75px}.destinations button:hover{background:#fff3d510;border-color:#efc66b74;transform:translateX(2px)}.destinations button>span:nth-child(2){min-width:0}.destination-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;color:#e8c97e;background:#e6c46b0c;border:1px solid #e6c46b25}.destination-icon .ui-icon{width:22px;height:22px}.destinations strong{font-weight:600;font-size:12px;line-height:1.5}.destinations small{color:#cbd4b69e;font-size:10px;line-height:1.55;margin-top:3px}.destinations b{display:grid;place-items:center;flex-shrink:0;color:#d1c79b;opacity:.7}.destinations b .ui-icon{width:15px;height:15px}
.primary{background:linear-gradient(125deg,#f0ce80,#e8bb5d);border:1px solid #fff3d533;border-radius:10px;min-height:50px;box-shadow:0 7px 20px #10281d25,inset 0 1px #fff3d555;transition:filter .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.primary:hover:not(:disabled){background:linear-gradient(125deg,#f7daa0,#efc873);box-shadow:0 10px 25px #10281d40,inset 0 1px #fff3d555;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 10px #10281d25}.primary:disabled{transform:none;filter:saturate(.5)}.game-secondary{min-height:45px;border-radius:10px;border-color:#fff3d535;background:#fff3d508;transition:background .18s,border-color .18s}.game-secondary:hover:not(:disabled){background:#fff3d514;border-color:#efc66b80}
.control-guide{gap:11px 15px;line-height:1.8;padding:16px 0 20px;border-top:1px solid #fff3d51a;color:#cbd4b3a8}.control-guide>span{display:inline-flex;align-items:center;gap:5px}kbd{background:#142b2445;border-color:#e2d4b039;border-radius:5px;box-shadow:0 2px #10271f55;color:#e8ddbf;font-size:9px;line-height:1.5}.audio-volume{font-size:11px;color:#cfd7bd;padding:4px 0}.audio-volume input{height:24px;cursor:pointer}
.text-action{font-size:11px;color:#dce0c9;text-decoration:none;min-height:44px;transition:color .18s,background .18s}.text-action:hover{color:var(--gold)}.glitch-menu-action,.owner-tools-entry{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;margin:6px 0;padding:11px 13px;text-align:left;border:1px solid #fff3d514;border-radius:10px;background:#18352c38;line-height:1.6}.glitch-menu-action>.ui-icon:first-child,.owner-tools-entry>.ui-icon:first-child{width:17px;height:17px;color:#d3bc82}.glitch-menu-action>.ui-icon:last-child,.owner-tools-entry>.ui-icon:last-child{width:14px;height:14px;margin-left:auto;color:#b6c3a9;opacity:.7}.glitch-menu-action:hover,.owner-tools-entry:hover{background:#fff3d508;border-color:#efc66b40}.owner-tools-entry span{margin:0}.owner-tools-entry{color:#e9d6a2}#leave-neighborhood{display:flex;align-items:center;gap:11px;width:100%;padding:10px 13px;color:#d4b4a1}#leave-neighborhood .ui-icon{width:17px;height:17px}#resume{margin-top:16px}
.mode-card,.decoration-card,.admin-actions button{border-radius:12px;background:linear-gradient(125deg,#fff3d509,#fff3d503);border-color:#fff3d523;transition:background .18s,border-color .18s,box-shadow .18s}.mode-card:not(:disabled):hover,.decoration-card:not(:disabled):hover,.admin-actions button:not(:disabled):hover{background:#fff3d50e;border-color:#efc66b70}.mode-card[aria-pressed=true],.decoration-card[aria-pressed=true]{background:linear-gradient(130deg,#e9c9711d,#e9c97109);border-color:#e9c971c7;box-shadow:inset 0 0 0 1px #e9c97120}.mode-symbol,.decoration-card>span:first-child{display:grid;place-items:center;width:34px;flex-shrink:0}.mode-symbol .ui-icon,.decoration-card>span:first-child .ui-icon{width:27px;height:27px}.mode-card strong,.decoration-card strong{font-weight:600;line-height:1.5}.mode-card small,.decoration-card small{color:#cbd4b6;line-height:1.65}.mode-rules,.glitch-summary{background:#132e254d;border-color:#fff3d51c;border-radius:12px}.game-roster-head{border-color:#fff3d520}.game-scoreboard li{border-color:#fff3d513}
.join-dialog input,.address-search input,.chat-panel input,.glitch-dialog textarea,.decorations-dialog select,.weather-settings select{border-radius:10px;border-color:#e6ddb735;background:#142e2666;box-shadow:inset 0 2px 4px #0b201d20;min-height:46px}.join-dialog input:focus,.address-search input:focus,.chat-panel input:focus,.glitch-dialog textarea:focus,.decorations-dialog select:focus,.weather-settings select:focus{border-color:#e9c971ab;outline:2px solid #e9c97122;outline-offset:2px}input::placeholder,textarea::placeholder{color:#c8cfb580}.address-search button,.chat-panel form button{border-radius:9px;min-height:44px;font-weight:600}.chat-panel,.game-hud,.mini-map-panel{background:linear-gradient(145deg,#2b463bed,#20382ff5);border-color:#e6ddb735;box-shadow:0 8px 35px #0d251c33,inset 0 1px #fff3d50d}.chat-panel{border-radius:17px}.online-players span{border:1px solid #fff3d515;border-radius:6px;background:#fff3d507}.postcard{border-radius:9px;border-color:#e4d8ac4a;background:linear-gradient(135deg,#2a483d75,#1f392f80);box-shadow:0 12px 40px #0b241820}.postcard-bottom .ui-icon{width:18px;height:18px}.about-link .ui-icon{width:17px;height:17px}.touch-right button .ui-icon{width:23px;height:23px}
@media(max-width:600px){.panel-dialog{padding:24px;border-radius:17px;max-height:calc(100dvh - 24px)}.panel-dialog h2{font-size:29px}.panel-dialog .close-button{width:40px;height:40px}.top-actions{gap:5px}.icon-button{width:44px;height:44px}.topbar{padding:17px 16px}.mode-symbol,.decoration-card>span:first-child{width:27px}.mode-symbol .ui-icon,.decoration-card>span:first-child .ui-icon{width:24px;height:24px}.game-control-guide{font-size:9px}.audio-volume{gap:12px}.audio-volume input{width:46%}}
@media(max-width:420px){.topbar{padding:13px 12px}.top-actions{gap:4px}.icon-button{width:44px;height:44px}.panel-dialog{width:calc(100vw - 24px);padding:20px}.panel-dialog h2{font-size:28px}.dialog-head .eyebrow{font-size:7px;letter-spacing:.13em}.destinations button{gap:11px;padding:11px;min-height:76px}.destination-icon{width:36px;height:38px;border-radius:10px}.destination-icon .ui-icon{width:21px;height:21px}.destinations strong{font-size:11px}.destinations small{font-size:10px}.mode-card,.decoration-card{padding:12px 10px;gap:8px}.mode-card small,.decoration-card small{font-size:10px}.mode-card strong,.decoration-card strong{font-size:11px}.mode-card:first-child{min-height:70px}.game-dialog-actions{gap:8px}.game-dialog-actions .primary{gap:10px;padding:14px}.join-dialog input,.address-search input,.glitch-dialog textarea,.decorations-dialog select,.weather-settings select{font-size:16px}.weather-settings{grid-template-columns:1fr}}
@media(max-width:350px){.icon-button{width:40px;height:44px}.top-actions{gap:3px}.brand .brand-lockup{max-width:72px}.brand .brand-name{font-size:15px}.panel-dialog{padding:18px}.mode-options,.decoration-themes{grid-template-columns:1fr}.mode-card:first-child{grid-column:auto}.mode-card{min-height:72px}.decoration-card{min-height:82px}.audio-volume{font-size:10px}.glitch-menu-action,.owner-tools-entry{padding:10px;font-size:10px;gap:8px}}

.touch-right button .ui-icon{transform:rotate(-90deg)}