@import"https://fonts.googleapis.com/css2?family=Bungee&family=Nunito:wght@400;700;900&display=swap";:root{--ink: #231409;--cream: #fff3d6;--wood: #8a5a2c;--wood-dark: #4a2f16;--wood-deep: #6b4020;--bark: #3d2715;--red: #d0342c;--red-dark: #8c1f1a;--green: #2f7d3a;--green-dark: #1c5127;--gold: #ffc233;--gold-dark: #c8880d;--blue: #2e7fb8;--purple: #7a4a95;--sa-top: env(safe-area-inset-top, 0px);--sa-right: env(safe-area-inset-right, 0px);--sa-bottom: env(safe-area-inset-bottom, 0px);--sa-left: env(safe-area-inset-left, 0px);--font-display: "Bungee", "Arial Black", Impact, system-ui, sans-serif;--font-body: "Nunito", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#1a2a38;color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root,#controls{position:absolute;inset:0;pointer-events:none;z-index:10}#controls{z-index:9}.ljw-screen,.ctl-pad,.ctl-stick,.ljw-toast,.ljw-hud-btn{pointer-events:auto}.ctl-pad{position:absolute;bottom:calc(10px + var(--sa-bottom));border:4px solid rgba(35,20,9,.85);border-radius:18px;background:linear-gradient(180deg,#fff3d657,#6b402080);color:var(--cream);font-family:var(--font-display);font-size:clamp(15px,3.6vw,22px);letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;touch-action:none;transition:transform .06s ease,background .06s ease;backdrop-filter:blur(2px)}.ctl-pad.is-down{background:linear-gradient(180deg,#ffc233b8,#c8880d99);transform:translateY(3px) scale(.985)}.ctl-pad:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.ctl-pad--wide{left:calc(12px + var(--sa-left));right:calc(12px + var(--sa-right));height:22vh;min-height:96px}.ctl-pad--half{width:calc(50% - 18px);height:22vh;min-height:96px}.ctl-pad--third{width:calc(33.33% - 16px);height:20vh;min-height:88px}.ctl-pad--l{left:calc(12px + var(--sa-left))}.ctl-pad--r{right:calc(12px + var(--sa-right))}.ctl-pad--c{left:50%;transform:translate(-50%)}.ctl-pad--c.is-down{transform:translate(-50%) translateY(3px) scale(.985)}.ctl-pad--round{right:calc(20px + var(--sa-right));bottom:calc(22px + var(--sa-bottom));width:108px;height:108px;border-radius:50%}.ctl-pad--top{top:calc(10px + var(--sa-top));bottom:auto;transform:rotate(180deg);background:linear-gradient(180deg,#fff3d647,#2e7fb880)}.ctl-pad--top.is-down{transform:rotate(180deg) translateY(3px) scale(.985)}.ctl-stick{position:absolute;left:calc(22px + var(--sa-left));bottom:calc(22px + var(--sa-bottom));width:132px;height:132px;border-radius:50%;border:4px solid rgba(35,20,9,.7);background:radial-gradient(circle,#fff3d633,#23140957);touch-action:none;display:grid;place-items:center}.ctl-knob{width:62px;height:62px;border-radius:50%;border:4px solid var(--ink);background:linear-gradient(180deg,var(--cream),var(--wood));transition:transform .04s linear}.ljw-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(14px + var(--sa-top)) calc(14px + var(--sa-right)) calc(14px + var(--sa-bottom)) calc(14px + var(--sa-left));animation:ljw-fade .18s ease}.ljw-screen--dim{background:#0c0703b8;backdrop-filter:blur(3px)}.ljw-screen--clear{background:none}@media (min-width: 900px){.ljw-screen--clear{align-items:flex-end}.ljw-screen--clear .ljw-panel{width:min(440px,46vw);margin-right:3vw}}@keyframes ljw-fade{0%{opacity:0}to{opacity:1}}.ljw-panel{width:min(560px,100%);max-height:100%;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#6b4020,#3d2715);border:5px solid var(--ink);border-radius:20px;box-shadow:0 10px #00000059,inset 0 3px #ffffff29;padding:16px 14px 18px;text-align:center}.ljw-title{font-family:var(--font-display);font-size:clamp(26px,7vw,44px);line-height:1.05;margin:4px 0 2px;color:var(--gold);text-shadow:0 4px 0 var(--ink),0 6px 10px rgba(0,0,0,.45);letter-spacing:.02em}.ljw-sub{font-family:var(--font-display);font-size:clamp(11px,2.6vw,14px);letter-spacing:.22em;color:var(--cream);opacity:.86;margin:0 0 12px}.ljw-h2{font-family:var(--font-display);font-size:clamp(17px,4.2vw,22px);color:var(--gold);margin:14px 0 8px;text-shadow:0 3px 0 var(--ink)}.ljw-body{font-size:15px;line-height:1.45;margin:6px 0 12px;color:var(--cream)}.ljw-muted{opacity:.72;font-size:13px}.ljw-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;margin:8px 0;padding:10px 16px;border:4px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,#3f9a4a,var(--green-dark));box-shadow:0 5px #0006,inset 0 2px #ffffff3d;color:var(--cream);font-family:var(--font-display);font-size:clamp(15px,3.6vw,19px);letter-spacing:.03em;text-shadow:0 2px 0 rgba(0,0,0,.5);cursor:pointer;touch-action:manipulation;transition:transform .07s ease,box-shadow .07s ease,filter .07s ease}.ljw-btn:active:not([disabled]){transform:translateY(4px);box-shadow:0 1px #0006}.ljw-btn:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.ljw-btn[disabled]{filter:grayscale(.7) brightness(.72);cursor:default}.ljw-btn__icon{font-size:1.25em;line-height:1}.ljw-btn__label{flex:1;text-align:left}.ljw-btn__sub{font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:0;opacity:.85;text-align:right;max-width:44%}.ljw-btn--primary{background:linear-gradient(180deg,#f0a832,var(--gold-dark));color:#35200a;text-shadow:0 2px 0 rgba(255,255,255,.3)}.ljw-btn--red{background:linear-gradient(180deg,#e2564c,var(--red-dark))}.ljw-btn--blue{background:linear-gradient(180deg,#4a9fd8,#1c5a87)}.ljw-btn--purple{background:linear-gradient(180deg,#9a6ab5,#4f2f66)}.ljw-btn--wood{background:linear-gradient(180deg,#9a6a3a,var(--wood-dark))}.ljw-btn--ghost{background:#00000047;border-color:#231409b3}.ljw-btn--small{min-height:42px;font-size:14px;margin:5px 0}.ljw-row{display:flex;gap:8px;align-items:stretch}.ljw-row>.ljw-btn{margin:8px 0}.ljw-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ljw-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ljw-table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 10px}.ljw-table th,.ljw-table td{padding:7px 8px;text-align:left}.ljw-table th{font-family:var(--font-display);font-size:12px;color:var(--gold);letter-spacing:.06em}.ljw-table tbody tr{background:#00000038}.ljw-table tbody tr:nth-child(2n){background:#00000052}.ljw-table tbody tr.is-player{background:#ffc2333d;color:#fff;font-weight:900}.ljw-table td.num{text-align:right;font-variant-numeric:tabular-nums}.ljw-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;margin:3px;border:3px solid var(--ink);border-radius:999px;background:#0000004d;font-family:var(--font-display);font-size:12px;letter-spacing:.04em}.ljw-chip--gold{background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#35200a}.ljw-card{border:4px solid var(--ink);border-radius:14px;background:#00000047;padding:10px;text-align:center;cursor:pointer;touch-action:manipulation}.ljw-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 3px #ffc23366}.ljw-card__name{font-family:var(--font-display);font-size:13px;margin-top:6px}.ljw-preview{display:block;margin:0 auto;border-radius:10px;background:#00000038}.ljw-input{width:100%;padding:12px;border:4px solid var(--ink);border-radius:12px;background:#fff3d6f0;color:#35200a;font-family:var(--font-display);font-size:18px;text-align:center}.ljw-range{width:100%;height:34px;touch-action:pan-y;accent-color:var(--gold)}.ljw-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:6px;margin:10px 0 6px}.ljw-step{display:flex;flex-direction:column;align-items:center;padding:6px 4px 0;border-radius:12px}.ljw-step.is-you{background:#ffc23329}.ljw-step--1,.ljw-step--2,.ljw-step--3{margin-bottom:0}.ljw-step__medal{font-size:26px;line-height:1.1}.ljw-step__name{font-family:var(--font-display);font-size:12px;margin-top:4px;text-align:center;overflow-wrap:anywhere}.ljw-step__block{width:100%;margin-top:6px;border:4px solid var(--ink);border-bottom:none;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#9a6a3a,var(--wood-dark));font-family:var(--font-display);font-size:18px;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.5)}.ljw-step--1 .ljw-step__block{height:62px;line-height:58px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#35200a}.ljw-step--2 .ljw-step__block{height:42px;line-height:38px}.ljw-step--3 .ljw-step__block{height:30px;line-height:26px}.ljw-hud-btn{position:absolute;top:calc(12px + var(--sa-top));right:calc(12px + var(--sa-right));width:50px;height:50px;border:4px solid var(--ink);border-radius:13px;background:#140c0599;color:var(--cream);font-size:20px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.ljw-toast{position:absolute;left:50%;top:calc(18px + var(--sa-top));transform:translate(-50%);min-width:240px;padding:10px 16px;border:4px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#35200a;font-family:var(--font-display);font-size:14px;text-align:center;box-shadow:0 6px #00000059;animation:ljw-drop .3s ease}@keyframes ljw-drop{0%{transform:translate(-50%,-40px);opacity:0}to{transform:translate(-50%);opacity:1}}.ljw-error{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:2rem 1.2rem;text-align:center;background:linear-gradient(180deg,#3d2715,#1a1008);pointer-events:auto}.ljw-error__icon{font-size:60px}.ljw-error__detail{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:.78;max-width:90vw;word-break:break-word;background:#00000059;padding:8px 10px;border-radius:8px}.ljw-error .ljw-btn{width:auto;min-width:150px}@media (prefers-reduced-motion: reduce){.ljw-screen,.ljw-toast{animation:none}.ljw-btn{transition:none}}@media (pointer: fine) and (min-width: 820px){.ctl-pad--wide,.ctl-pad--half{height:78px;min-height:78px}.ctl-pad--third{height:72px;min-height:72px}.ctl-pad--round{width:84px;height:84px}.ctl-stick{width:112px;height:112px}.ctl-knob{width:52px;height:52px}}@media (max-height: 480px){.ctl-pad--wide,.ctl-pad--half{height:30vh;min-height:74px}.ctl-pad--third{height:28vh;min-height:68px}.ctl-stick{width:108px;height:108px}.ctl-knob{width:50px;height:50px}}