:root{--bg:#0b0814;--ink:#efe6ff;--muted:#9a90b8;--panel:#171126;--panel-2:#221a36;--edge:#3a2f55;--gold:#f5c542;--green:#3ddc84;--red:#ff5470;--pixel:"Press Start 2P", monospace;--body:"Pixelify Sans", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);font-variant-ligatures:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-size:18px;line-height:1.35;overflow:hidden}#game{width:100vw;height:100dvh;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;display:block;position:fixed;inset:0}button{font-family:var(--pixel);cursor:pointer}kbd{font-family:var(--pixel);color:var(--bg);background:var(--ink);margin:0 2px;padding:5px 6px 4px;font-size:8px;line-height:8px;display:inline-block;box-shadow:inset -2px -2px #b4a8d4,0 2px #000}.px-border,.panel-box,#prompt,.hud-buttons button,#btn-action,.intro-box{box-shadow:0 -4px 0 0 var(--edge), 0 4px 0 0 var(--edge), -4px 0 0 0 var(--edge), 4px 0 0 0 var(--edge), 0 0 0 4px #000, 8px 8px 0 4px #00000073}#hud{pointer-events:none;position:fixed;inset:0}#hud[hidden]{display:none}.hud-id{text-shadow:2px 2px #000;position:absolute;top:16px;left:16px}#hud-name{font-family:var(--pixel);color:var(--gold);letter-spacing:2px;font-size:16px;line-height:16px}#hud-tag{color:var(--muted);margin-top:8px}.hud-room{align-items:center;gap:6px;margin-top:4px;display:flex}.pin,.note{width:12px;height:14px;image-rendering:pixelated;background:50%/contain no-repeat;display:inline-block}.pin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23ff5470' d='M1 0h4v1h1v3h-1v1h-1v1h-1v1h-0v-1h-1v-1h-1v-1h-1v-3h1z'/%3E%3Cpath fill='%23fff' d='M2 2h2v1h-2z'/%3E%3C/svg%3E")}.note{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' shape-rendering='crispEdges'%3E%3Cpath fill='%23efe6ff' d='M2 0h4v4h-1v-3h-2v4h-1v1h-2v-2h2z M4 3h2v2h-2z'/%3E%3C/svg%3E");width:12px;height:12px}#btn-music.off .note,#btn-sfx.off .speaker{opacity:.3}.speaker{width:12px;height:12px;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' shape-rendering='crispEdges'%3E%3Cpath fill='%23efe6ff' d='M0 2h1v2h-1z M1 2h1v2h-1z M2 1h1v4h-1z M3 0h1v6h-1z M5 1h1v1h-1z M5 4h1v1h-1z M5 2h1v2h-1z'/%3E%3C/svg%3E") 50%/contain no-repeat;display:inline-block}.hud-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:64px;right:16px}#minimap{width:164px;height:108px;image-rendering:pixelated;border:3px solid var(--edge);background:#08060ebf;outline:3px solid #000}.hud-buttons{pointer-events:auto;gap:10px;display:flex}.hud-buttons button{background:var(--panel);color:var(--ink);border:0;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:8px;line-height:8px;display:grid}.hud-buttons .note,.hud-buttons .speaker{width:10px;height:10px}.hud-buttons button:hover,.hud-buttons button:focus-visible{background:var(--panel-2);color:var(--gold);outline:none}#room-toast{font-family:var(--pixel);color:var(--gold);text-shadow:2px 2px #000,-2px 0 #000,0 -2px #000;white-space:nowrap;opacity:0;font-size:16px;line-height:16px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}#room-toast.show{animation:2.6s steps(12,end) forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}#prompt{background:var(--panel);white-space:nowrap;pointer-events:none;z-index:5;padding:8px 12px;font-size:18px;animation:1s steps(2,end) infinite bob;position:fixed;top:0;left:0}#prompt span{margin-left:6px}@keyframes bob{50%{margin-top:-4px}}#btn-action{background:var(--gold);width:72px;height:72px;color:var(--bg);pointer-events:auto;border:0;font-size:22px;position:absolute;bottom:56px;right:28px}#intro{z-index:20;background:radial-gradient(#0b081459,#0b0814eb);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#intro.gone{display:none}.intro-box{text-align:center;background:#171126eb;width:100%;max-width:560px;padding:32px 28px 26px}.intro-sub{font-family:var(--pixel);color:var(--muted);letter-spacing:2px;font-size:8px;line-height:8px}#intro-title{font-family:var(--pixel);color:var(--gold);text-shadow:4px 4px #a8761c,8px 8px #000;letter-spacing:6px;margin:22px 0 10px;font-size:64px;line-height:64px}.candles{justify-content:center;align-items:flex-end;gap:8px;height:56px;margin:10px 0 24px;display:flex}.candles i{background:var(--green);width:10px;animation:1.6s steps(4,end) infinite alternate candle;position:relative}.candles i:first-child{height:18px}.candles i:nth-child(2){background:var(--red);height:30px;animation-delay:-.4s}.candles i:nth-child(3){height:24px;animation-delay:-.8s}.candles i:nth-child(4){height:40px;animation-delay:-.2s}.candles i:nth-child(5){background:var(--red);height:34px;animation-delay:-1s}.candles i:nth-child(6){height:46px;animation-delay:-.6s}.candles i:nth-child(7){height:54px;animation-delay:-1.2s}@keyframes candle{to{transform:scaleY(.7)}}#start{color:var(--ink);background:0 0;border:0;padding:12px;font-size:16px;line-height:24px}#start:focus-visible{outline:3px solid var(--gold)}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.intro-hint{color:var(--muted);margin-top:12px}#panel{z-index:30;--accent:var(--gold);background:#05030a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#panel[hidden]{display:none}.panel-box{background:var(--panel);flex-direction:column;width:min(520px,100%);max-height:min(84vh,760px);animation:.18s steps(3,end) pop;display:flex}.panel-box.wide{width:min(680px,100%)}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.panel-head{background:var(--panel-2);border-bottom:4px solid #000;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel-head h2{font-family:var(--pixel);color:var(--accent);text-shadow:2px 2px #000;margin:0;font-size:16px;line-height:16px}#panel-close{color:var(--ink);background:0 0;border:0;padding:4px 6px;font-size:16px;line-height:16px}#panel-close:hover,#panel-close:focus-visible{color:var(--accent);outline:none}#panel-body{-webkit-user-select:text;user-select:text;touch-action:pan-y;padding:14px 18px 18px;overflow-y:auto}#panel-body p{margin:0 0 12px}#panel-body a{color:var(--accent)}#panel-body h3{font-family:var(--pixel);color:var(--accent);margin:18px 0 10px;font-size:8px;line-height:8px}.lead{font-size:22px}.muted{color:var(--muted)}.big{font-family:var(--pixel);font-size:16px;line-height:24px}.rooms{margin:0 0 16px;padding:0;list-style:none}.rooms li{padding:4px 0}.controls{border:2px solid var(--edge);background:#0e0a18;gap:8px;padding:10px 12px;display:grid}.bio-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.avatar{width:64px;height:64px;font-family:var(--pixel);color:var(--bg);background:var(--accent);flex:none;place-items:center;font-size:32px;line-height:32px;display:grid;box-shadow:inset -6px -6px #00000040,0 0 0 4px #000}.facts{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.facts div,.stat{border:2px solid var(--edge);background:#0e0a18;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.facts span,.stat span{color:var(--muted);font-size:15px}.facts b{color:var(--ink);font-weight:400}.period{margin-bottom:10px}.stats{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:8px;margin-bottom:12px;display:grid}.stat b{font-family:var(--pixel);white-space:nowrap;font-size:16px;font-weight:400;line-height:24px}.stat.good b{color:var(--green)}.stat.bad b{color:var(--red)}canvas.equity{aspect-ratio:300/110;width:100%;image-rendering:pixelated;border:2px solid var(--edge);margin-bottom:4px;display:block}canvas.equity.big{aspect-ratio:300/140;margin-bottom:12px}.payouts{gap:6px;display:grid}.payouts div{border-left:4px solid var(--gold);background:#0e0a18;grid-template-columns:90px 1fr auto;gap:10px;padding:6px 10px;display:grid}.payouts span:first-child{color:var(--muted)}.payouts b{color:var(--green);font-weight:400}.disclaimer{color:var(--muted);border-top:2px dashed var(--edge);padding-top:10px;font-size:14px;margin-top:16px!important}.social-one{text-align:center;padding:10px 0 4px}.gem{background:var(--c);width:40px;height:40px;box-shadow:0 0 0 4px #000, 0 0 24px var(--c);margin:6px auto 18px;transform:rotate(45deg)}.btn{background:var(--c);font-family:var(--pixel);margin-top:6px;padding:12px 16px;font-size:8px;line-height:16px;text-decoration:none;display:inline-block;box-shadow:0 0 0 4px #000,4px 4px 0 4px #0006;color:#0b0814!important}.btn:hover{filter:brightness(1.15)}.social-list{gap:8px;margin-bottom:14px;display:grid}.social-list a{border:2px solid var(--edge);background:#0e0a18;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex;color:var(--ink)!important}.social-list a:hover,.social-list a:focus-visible{border-color:var(--c);outline:none}.social-list i{background:var(--c);width:14px;height:14px;box-shadow:0 0 10px var(--c);flex:none;transform:rotate(45deg)}.social-list span{flex-direction:column;flex:1;display:flex}.social-list b{font-weight:400}.social-list small{color:var(--muted);font-size:15px}.social-list em{color:var(--c);font-style:normal}.menu{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.menu button{color:var(--ink);border:2px solid var(--edge);font-family:var(--body);text-align:left;background:#0e0a18;align-items:center;gap:10px;padding:12px 10px;font-size:18px;font-weight:600;display:flex}.menu button:hover,.menu button:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}@media (width<=640px){html,body{font-size:17px}#hud-tag{font-size:14px}#minimap{width:123px;height:81px}.stat b{font-size:8px;line-height:16px}.facts{grid-template-columns:1fr}#room-toast{font-size:8px;line-height:8px}#intro-title{font-size:48px;line-height:48px}#start{font-size:8px;line-height:16px}.payouts div{white-space:nowrap;grid-template-columns:92px 1fr auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}#labels{pointer-events:none;z-index:2;position:fixed;inset:0}#labels[hidden]{display:none}.wlabel{font-family:var(--body);letter-spacing:1px;white-space:nowrap;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000;opacity:0;font-size:17px;font-weight:600;position:absolute;top:0;left:0}#lang{z-index:40;gap:10px;display:flex;position:fixed;top:16px;right:16px}#lang button{background:var(--panel);height:30px;color:var(--muted);box-shadow:0 0 0 3px var(--edge), 0 0 0 6px #000;opacity:.75;border:0;align-items:center;gap:6px;padding:0 8px;font-size:8px;line-height:8px;display:flex}#lang button.on{color:var(--gold);opacity:1;box-shadow:0 0 0 3px var(--gold), 0 0 0 6px #000}#lang button:hover,#lang button:focus-visible{opacity:1;outline:none}.flag{width:24px;height:16px;image-rendering:pixelated;display:block}.payouts .total{border-left-color:var(--green);background:#10202a}.payouts .total span:nth-child(2){color:var(--ink)}.menu .ico{font-size:20px}#draft-badge{z-index:50;background:var(--red);color:#fff;font-family:var(--pixel);padding:8px 10px;font-size:8px;line-height:8px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #000}#draft-badge[hidden]{display:none}.fact{align-items:flex-start;gap:14px;display:flex}.fact-ico{border:2px solid var(--edge);background:#0e0a18;flex:none;padding:8px;font-size:30px;line-height:1}.fact p{font-size:19px;margin:0!important}.btn-row{font-family:var(--body);color:var(--accent);border:2px solid var(--edge);background:#0e0a18;margin:16px 0 0 auto;padding:8px 14px;font-size:17px;font-weight:600;display:block}.btn-row:hover,.btn-row:focus-visible{border-color:var(--accent);outline:none}.logo-big,.logo-small{image-rendering:pixelated;display:block}.logo-big{width:84px;height:auto;filter:drop-shadow(0 0 14px var(--c));margin:4px auto 16px}.logo-small{flex:none;width:28px;height:auto}#prompt kbd[hidden]{display:none}#btn-admin{right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));background:var(--panel);width:24px;height:24px;box-shadow:0 0 0 2px var(--edge), 0 0 0 4px #000;opacity:.55;pointer-events:auto;border:0;place-items:center;padding:0;display:grid;position:absolute}#btn-admin:hover,#btn-admin:focus-visible{opacity:1;outline:none}.lock{width:10px;height:12px;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 6' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5c542' d='M1 0h3v1h-3z M0 1h1v2h-1z M4 1h1v2h-1z M0 3h5v3h-5z'/%3E%3Cpath fill='%230b0814' d='M2 4h1v1h-1z'/%3E%3C/svg%3E") 50%/contain no-repeat;display:block}.admin-login label{color:var(--muted);margin-bottom:4px;font-size:15px;display:block}.admin-login input{width:100%;font:17px var(--body);color:var(--ink);border:2px solid var(--edge);-webkit-user-select:text;user-select:text;background:#07050d;padding:8px 10px}.admin-login input:focus{border-color:var(--gold);outline:none}.admin-msg{min-height:20px;color:var(--gold);font-size:15px;margin:8px 0 0!important}
