@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(./bangers-latin-400-normal-DeHY8Ncq.woff2) format("woff2"),url(./bangers-latin-400-normal-BAEm-Pv0.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(./inter-latin-800-normal-BYj_oED-.woff2) format("woff2"),url(./inter-latin-800-normal-D1mf63XC.woff) format("woff")}:root{--bg: #17150f;--ink: #f6f1e7;--muted: #c9bea8;--accent: #ffcc00;--red: #e8553d;--green: #5ec26a;--card: #2a251c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}canvas{position:absolute;inset:0;display:block;touch-action:none}#hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));pointer-events:none}#hud[hidden]{display:none}.pill{background:#17150fdb;border:2px solid #000;border-radius:12px;padding:6px 12px;pointer-events:auto;box-shadow:0 3px #000}.pill.right{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lbl{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:800}#lvlname{font-family:Bangers,Impact,sans-serif;font-size:clamp(18px,2.2vw,28px);line-height:1;color:var(--accent);letter-spacing:1px;max-width:34vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#goalbar{margin-top:5px;width:clamp(110px,12vw,180px);height:8px;border-radius:99px;background:#3a342a;border:1.5px solid #000;overflow:hidden}#goalbar i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}#goalbar.won i{background:var(--green)}#goaltxt{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:800;margin-top:3px}button{font:inherit;font-weight:800;background:var(--accent);color:#1a1410;border:2px solid #000;border-radius:9px;padding:7px 13px;cursor:pointer;box-shadow:0 3px #000;min-height:38px}button:active{transform:translateY(2px);box-shadow:0 1px #000}button.ghost{background:#3a342a;color:var(--ink)}#followBtn{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}#followBtn[hidden]{display:none}#tipbar{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:min(640px,60vw);background:#17150feb;border:2px solid #000;padding:8px 16px;border-radius:14px;font-size:clamp(12px,1.2vw,15px);color:var(--ink);text-align:center;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;box-shadow:0 3px #000}#tipbar.show{opacity:1;transform:translate(-50%)}#tipbar b{color:var(--accent)}#overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0a09069e;overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}#overlay.show{display:flex}#overlay.title{background:linear-gradient(90deg,#0a09068c,#0a09061a 55%),url(../art/title.webp) right center / cover no-repeat,#63c0fc}@media(min-aspect-ratio:3/2){#overlay.title{background:linear-gradient(90deg,#0a09068c,#0a09061a 55%),url(../art/title.webp) right bottom / auto 100% no-repeat,linear-gradient(#63c0fc 81.2%,#2a1d12 81.2% 81.9%,#74af3c 81.9%)}}@media(min-width:900px){#overlay.title .card{margin-left:3vw;max-width:470px}}.mug{display:block;width:104px;height:104px;object-fit:contain;margin:-4px auto 2px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.5))}.card{background:var(--card);border:3px solid #000;border-radius:18px;box-shadow:0 8px #000;max-width:600px;width:100%;padding:22px 26px;text-align:center;margin:auto}.select .card{max-width:760px}.card h1{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:clamp(44px,8vw,84px);margin:0;line-height:.95;color:var(--accent);letter-spacing:2px;text-shadow:3px 3px 0 #000}.card h2{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:clamp(28px,4vw,46px);margin:2px 0 6px;color:var(--red);letter-spacing:1px;text-shadow:2px 2px 0 #000}.card h2.good{color:var(--green)}.card h3{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:26px;margin:0 0 6px;color:var(--accent);letter-spacing:1px}.tag{color:var(--muted);margin:8px 0 14px;font-style:italic}.fine{color:var(--muted);font-size:13px;margin:6px 0}.doc{width:100%;height:min(60vh,520px);border:2px solid #000;border-radius:10px;background:#f7f3ea}.foot{color:#8c8270;font-size:12px;margin-top:16px}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.card .row button{font-size:18px;padding:10px 20px}.intro{text-align:left;background:#00000040;border:2px solid #000;border-radius:12px;padding:12px 16px;margin:10px 0;line-height:1.5}.intro.twist{border-color:var(--accent)}.intro p{margin:0 0 6px}.intro ul{margin:0;padding-left:20px}.warn{display:inline-block;background:var(--accent);color:#000;border:2px solid #000;border-radius:4px;padding:0 6px;font-weight:800}.big{font-family:Bangers,Impact,sans-serif;font-size:52px;color:var(--accent);text-shadow:3px 3px 0 #000;line-height:1;margin-top:6px}.stats{display:flex;justify-content:center;gap:22px;margin:12px 0 4px;color:var(--muted);font-size:13px}.stats b{display:block;color:var(--ink);font-size:22px}.chapter{text-align:left;margin:12px 0}.chead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:2px solid #000;padding-bottom:4px;margin-bottom:8px}.chead b{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:22px;letter-spacing:1px;color:var(--accent)}.chead span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:1px}.chapter.locked{opacity:.55}.chapter.locked .chead b{color:var(--muted)}.rule{color:var(--muted);font-size:13px;font-style:italic}.grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.lv{position:relative;padding:0;min-height:44px;font-size:16px}.lv.done{background:var(--green)}.lv.lock{background:#2f2a22;color:#6b6150;box-shadow:none;cursor:default}.lv i{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);font-style:normal;font-size:8px;letter-spacing:1px;text-transform:uppercase;background:var(--red);color:#fff;border:1.5px solid #000;border-radius:4px;padding:0 3px;line-height:12px}#rotate{display:none;position:absolute;inset:0;background:var(--bg);color:var(--ink);align-items:center;justify-content:center;flex-direction:column;gap:10px;font-weight:800;font-size:18px;z-index:10}#rotate div{font-size:54px;color:var(--accent)}@media(orientation:portrait)and (max-width:700px){#rotate{display:flex}}@media(max-height:480px){.card{padding:14px 18px}.card h1{font-size:44px}.card{position:relative}.mug{position:absolute;left:12px;top:10px;width:58px;height:58px;margin:0}.select .card h2{min-height:54px}.card h2{margin:0 0 4px;font-size:32px}.tag{margin:4px 0 8px}.intro{margin:6px 0}.stats{margin:6px 0 0}.row{margin-top:8px}.big{font-size:40px}.intro{padding:8px 12px;font-size:14px;line-height:1.35}.grid{grid-template-columns:repeat(10,1fr);gap:4px}.lv{min-height:36px}#lvlname{font-size:18px}.pill{padding:4px 8px}button{min-height:34px;padding:5px 10px;font-size:14px}}.foot a{color:inherit}select.year{display:block;margin:0 auto 16px;font:600 17px Inter,system-ui,sans-serif;padding:10px 14px;border-radius:10px;border:2px solid #5b5040;background:#1e1a14;color:var(--ink);min-width:200px}label.tag{display:block;font-style:normal}