:root{--paper:#efeae1;--ink:#22242a;--muted:#6f6a60;--gold:#f0c33c;--panelbg:#fffdf5;--line:rgba(30,42,68,.18);--navy:#1e2a44;--navy-dk:#141c30;--pixel:"Press Start 2P",monospace;--game:"Pixelify Sans","Press Start 2P",monospace;--round:"Pixelify Sans",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--round);-webkit-font-smoothing:antialiased;overflow:hidden}canvas{display:block;touch-action:none}body{user-select:none;-webkit-user-select:none}.panel-in{user-select:text;-webkit-user-select:text}.nudge{position:fixed;top:0;left:0;right:0;z-index:3;text-align:center;color:#2b3038;font:400 9px/1.9 var(--pixel);letter-spacing:.02em;padding:22px 16px 0;margin:0;pointer-events:none;text-shadow:0 2px 0 rgba(255,255,255,.95),0 0 8px rgba(255,255,255,.9)}.foot{position:fixed;bottom:0;left:0;right:0;z-index:3;text-align:center;color:#2b3038;font:400 8px/1.9 var(--pixel);letter-spacing:.02em;padding:0 16px 18px;margin:0;pointer-events:none;text-shadow:0 2px 0 rgba(255,255,255,.95),0 0 8px rgba(255,255,255,.9)}.loading{color:var(--muted);font:400 10px/1.8 var(--pixel);white-space:nowrap}.back{position:fixed;top:20px;left:18px;z-index:7;text-decoration:none;color:#2b3038;opacity:.5;font:400 7px/1 var(--pixel);text-shadow:0 2px 0 rgba(255,255,255,.95),0 0 8px rgba(255,255,255,.9);transition:opacity .16s}.back:hover{opacity:.9}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#12161e80;opacity:0;pointer-events:none;transition:opacity .22s;z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scrim.on{opacity:1;pointer-events:auto}.panel{position:fixed;left:50%;top:50%;z-index:9;width:min(540px,92vw);max-height:min(76vh,660px);transform:translate(-50%,-50%) scale(.86);opacity:0;pointer-events:none;background:var(--panelbg);color:var(--ink);border:4px solid var(--navy);border-radius:20px;box-shadow:inset 0 0 0 3px #fffdf5,inset 0 0 0 6px #1e2a4424,0 8px 0 var(--navy-dk),0 30px 60px -24px #0009;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s cubic-bezier(.18,1.1,.32,1.5),opacity .14s}.panel.on{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.panel-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 0 16px;height:40px;background:linear-gradient(var(--navy),var(--navy-dk));border-bottom:3px solid var(--navy-dk)}.panel-bar .bar-label{font:400 9px/1 var(--pixel);letter-spacing:.02em;color:var(--gold);text-transform:lowercase;text-shadow:0 2px 0 rgba(0,0,0,.45);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.close{flex:0 0 auto;width:28px;height:28px;cursor:pointer;border:3px solid var(--navy-dk);border-radius:8px;background:#f7f3e6;color:var(--navy);font:400 9px/1 var(--pixel);box-shadow:0 3px #00000059}.close:hover{background:#fff}.close:active{transform:translateY(3px);box-shadow:none}.panel-in{padding:20px 24px 34px;overflow-y:auto}.panel .kicker{margin:0;color:#b8860b;font:400 8px/1.8 var(--pixel);letter-spacing:.02em}.panel h2{margin:9px 0 12px;font:700 27px/1.15 var(--game);letter-spacing:.01em;color:var(--navy)}.panel p{margin:0 0 13px;font:400 17px/1.7 var(--round)}.panel p.lede{margin-top:12px;font-weight:600}.panel img.hero{width:100%;max-height:220px;object-fit:contain;object-position:center top;border:3px solid var(--navy);border-radius:10px;margin:14px 0 16px;background:#f7f3ea;box-shadow:0 4px #1e2a4438}.panel .figs{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0 8px}.panel .fig{border:3px solid var(--navy);border-radius:10px;padding:11px 12px;background:#f8f4e8;box-shadow:0 4px #1e2a4433}.panel .fig b{display:block;font:400 13px/1.4 var(--pixel);color:var(--navy)}.panel .fig span{display:block;color:var(--muted);font:400 7.5px/1.7 var(--pixel);margin-top:6px}.panel .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:16px}.panel .grid img{width:100%;display:block;border:3px solid var(--navy);border-radius:9px;box-shadow:0 4px #1e2a4433}.panel .grid figcaption{color:var(--muted);font:400 7.5px/1.7 var(--pixel);margin-top:7px}.panel .two{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}.panel .two figure{margin:0}.panel .two img{width:100%;display:block;border:3px solid var(--navy);border-radius:9px;box-shadow:0 4px #1e2a4433}.panel .two figcaption{color:var(--muted);font:400 7.5px/1.7 var(--pixel);margin-top:7px}.panel-next{position:absolute;right:12px;bottom:8px;z-index:3;border:0;cursor:pointer;padding:5px 7px 6px;border-radius:8px;background:var(--panelbg);box-shadow:0 0 10px 8px var(--panelbg);color:var(--navy);font-size:13px;line-height:1;animation:blink 1s steps(1,end) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.05}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#e9e6df;transition:opacity .4s}.loader.gone{opacity:0;pointer-events:none}.loader p{margin:0;color:var(--navy);font:400 11px/1.9 var(--pixel);text-align:center}.loader .dots{display:inline-block;width:2.4em;text-align:left}@media (max-width:820px){.panel{width:calc(100vw - 24px);max-height:min(78vh,620px);border-width:3px}.panel-in{padding:16px 16px 30px}.panel h2{font-size:23px}.panel p{font-size:16px}.nudge{font-size:7.5px;padding-top:42px}.foot{font-size:6.5px}.back{top:16px;left:14px;font-size:6.5px}}.bubble{width:224px;transform-origin:50% 100%;background:var(--panelbg);color:var(--ink);border:3px solid var(--navy);border-radius:14px;padding:11px 13px 12px;position:relative;box-shadow:0 5px 0 var(--navy-dk),0 16px 26px -16px #00000080;transform:translate(-50%,-100%);margin-top:-16px;animation:pop .2s cubic-bezier(.18,1.1,.32,1.5)}.bubble b{display:flex;align-items:baseline;gap:7px;font:400 8px/1.7 var(--pixel);color:#b8860b;margin-bottom:6px}.bubble b span{color:var(--muted);opacity:.75;font-size:6.5px}.bubble p{margin:0;font:400 15px/1.55 var(--round)}.bubble .tail{position:absolute;left:50%;bottom:-11px;width:14px;height:14px;background:var(--panelbg);border-right:3px solid var(--navy);border-bottom:3px solid var(--navy);transform:translate(-50%) rotate(45deg)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.player{position:fixed;right:18px;top:56px;z-index:9;width:214px;background:var(--panelbg);color:var(--ink);border:3px solid var(--navy);border-radius:14px;box-shadow:0 6px 0 var(--navy-dk),0 20px 40px -24px #0000008c;animation:slidein .22s cubic-bezier(.18,1.1,.32,1.4);overflow:hidden}@keyframes slidein{0%{opacity:0;transform:translateY(-10px) scale(.92)}to{opacity:1;transform:none}}.player-top{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 8px 10px;background:linear-gradient(var(--navy),var(--navy-dk))}.player-title{font:400 7px/1.5 var(--pixel);color:var(--gold);text-transform:lowercase}.player-x{border:0;background:none;font:400 9px/1 var(--pixel);cursor:pointer;color:#f3efe2;padding:3px 5px}.player-empty{margin:0;padding:14px 13px 15px;font:400 14px/1.55 var(--round);color:var(--muted)}.player-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 0 7px}.player-controls button{border:3px solid var(--navy);background:#f8f4e8;cursor:pointer;width:30px;height:30px;border-radius:9px;font-size:11px;line-height:1;color:var(--navy);box-shadow:0 3px #1e2a4459}.player-controls button:active{transform:translateY(3px);box-shadow:none}.player-controls .player-play{width:36px;height:36px;font-size:12px;background:var(--navy);border-color:var(--navy-dk);color:#f7f3e6}.player-controls button:disabled{opacity:.35;cursor:default}.player-now{margin:0;padding:2px 11px 9px;font:400 13.5px/1.4 var(--round);text-align:center;color:var(--muted)}.player-now b{color:var(--ink);font-weight:700}.player-list{list-style:none;margin:0;padding:4px 0 5px;max-height:168px;overflow-y:auto;border-top:3px solid var(--navy)}.player-list li{display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:baseline;padding:6px 11px;font:400 14px/1.35 var(--round);cursor:pointer}.player-list li:hover{background:#f5f1e3}.player-list li.on{background:#e9edf6}.player-list li.on .t{font-weight:700}.player-list li.mute{opacity:.5}.player-list .n{color:#b8860b;font:400 7px/1.6 var(--pixel)}.player-list .a{color:var(--muted);font-size:12.5px}.player-foot{margin:0;padding:2px 11px 11px;font:400 7px/1.7 var(--pixel);color:var(--muted)}@media (max-width:820px){.player{left:10px;right:10px;top:auto;bottom:10px;width:auto}}