@font-face{font-family:Arcade;src:url('ui-font.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#0c142b;--card:#17233b;--line:#2a3750;--text:#f1f4ff;--muted:#a5b3cc;--accent:#ffc76b;--mint:#91e7d6;font-family:Arcade,system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:active{transform:translateY(1px)}button:disabled{transform:none}.icons{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button svg{display:block}.icon-button{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:transparent;border-radius:14px;font-size:28px}.icon-button:hover{background:#ffffff09}.lobby{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{height:88px;max-width:1120px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff0b}.brand{color:var(--mint);text-decoration:none;font-size:34px;font-weight:900;display:flex;align-items:center;gap:12px}.brand>span{font-size:16px;letter-spacing:2px;color:var(--text)}.brand small{display:block;font-size:9px;letter-spacing:3.5px;color:var(--muted);margin-top:1px}.local-badge{margin-left:auto;color:var(--mint);font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.local-badge i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}.catalogue{max-width:1016px;margin:auto;padding:44px 30px 24px}.section-label{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:750}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1.6px;line-height:1.16;margin:14px 0 10px}h1 span{color:var(--accent)}.intro{color:var(--muted);font-size:14px;margin:0 0 28px}.game-card{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--card)}.cover{min-height:402px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 90%,#7b453929,transparent 60%),#20283b}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent)}.edition{position:absolute;left:28px;top:27px;font-size:9px;color:#b5b4b7;letter-spacing:2px}.new-badge{position:absolute;right:23px;top:21px;border:1px solid #dba96944;color:var(--accent);border-radius:5px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:1px}.cover-title{position:relative;padding:80px 28px 0;font-size:clamp(44px,5vw,65px);line-height:.93;font-weight:900;letter-spacing:-3px;transform:rotate(-3deg);color:#ffdfab}.cover-title span{color:var(--accent)}.cover-subtitle{position:relative;padding:17px 31px;font-size:9px;letter-spacing:3px;color:#e9b69b}.illustration{position:absolute;inset:0;pointer-events:none}.mini-floor{position:absolute;bottom:47px;left:0;width:53%;height:26px;background:#bd7a51;border-top:5px solid #efb477}.mini-floor.second{left:70%;width:30%;bottom:74px}.mini-block{position:absolute;left:32%;bottom:109px;width:37px;height:43px;background:var(--accent);box-shadow:6px 6px 0 #060e2240;transform:rotate(-12deg);border-radius:7px 7px 3px 3px;display:flex;gap:6px;padding:12px 0 0 15px}.mini-block i{width:4px;height:9px;background:#1b2638}.mini-spikes{position:absolute;left:43%;bottom:73px;width:54px;height:23px;background:#e78b81;clip-path:polygon(0 100%,17% 0,34% 100%,50% 0,67% 100%,84% 0,100% 100%)}.mini-portal{position:absolute;right:11%;bottom:100px;width:38px;height:60px;border:3px solid var(--mint);border-radius:20px 20px 2px 2px;background:#91e7d615;box-shadow:0 0 40px #91e7d61a}.falling-cube{position:absolute;right:29%;bottom:170px;width:38px;height:38px;border:1px solid #ab82635e;transform:rotate(14deg)}.cover-bottom{position:absolute;bottom:18px;left:28px;right:23px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#c4a991}.card-info{padding:32px;display:flex;flex-direction:column}.game-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}.genre{font-size:8px;letter-spacing:1.3px;color:var(--mint);font-weight:750}.game-heading h2{font-size:27px;letter-spacing:-1px;margin:8px 0}.game-icon{padding:12px;border:1px solid var(--line);border-radius:15px;color:var(--accent)}.card-info p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 18px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.tags span{font-size:9px;background:#ffffff06;border:1px solid var(--line);padding:6px 8px;border-radius:6px;color:#d8dfec}.progress-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:auto;margin-bottom:8px}.progress-caption strong{color:var(--text)}.progress-track{height:4px;background:#ffffff0b;border-radius:4px;margin-bottom:20px;overflow:hidden}.progress-track>div{height:100%;background:var(--mint);width:0}.primary,.secondary{width:100%;min-height:52px;padding:15px 20px;border-radius:12px;font-size:13px;font-weight:800}.primary{background:var(--accent);color:#212634;display:flex;align-items:center;justify-content:space-between;gap:10px}.primary:hover{background:#ffd48c}.primary span{font-size:20px}.secondary{margin-top:10px;background:#ffffff08;border:1px solid var(--line)}.text-button{min-height:48px;background:transparent;font-size:12px;color:var(--muted)}.text-button:hover{color:var(--text)}.text-button span{margin-left:8px}.shelf-note{margin:20px 0 30px;border:1px dashed var(--line);border-radius:16px;padding:19px 22px;display:flex;align-items:center;gap:18px;color:var(--muted)}.shelf-note>svg{width:28px;height:28px}.shelf-note strong{font-size:12px;color:#d9e0ef}.shelf-note p{font-size:11px;margin:5px 0 0}.shelf-note>span{margin-left:auto;font-size:26px}footer{display:flex;justify-content:space-between;color:#7c8ca9;font-size:8px;letter-spacing:1.5px}footer span{letter-spacing:0}.storage-notice{font-size:12px;color:var(--accent)}
[hidden]{display:none!important}.game{height:100dvh;height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-topbar{height:72px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 26px;border-bottom:1px solid #ffffff0a}.game-brand{font-size:13px;letter-spacing:1px;font-weight:850}.game-brand span{display:block;font-size:10px;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:5px}.game-actions{margin-left:auto;display:flex;gap:4px}.sound-off{position:absolute;transform:rotate(-15deg);font-size:28px;color:var(--accent)}.hud{height:48px;display:flex;align-items:center;gap:28px;padding:0 40px;flex-shrink:0;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.hud b{color:var(--text);margin-left:8px}.hud .live-dot{margin-right:8px}.hud>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--accent)}.stage{position:relative;flex:1;min-height:100px;background:#121d31;overflow:hidden;border-block:1px solid #ffffff05}canvas{width:100%;height:100%;display:block;touch-action:none}.game-toast{position:absolute;top:20px;left:50%;transform:translateX(-50%);border-radius:24px;background:#0c142bed;padding:12px 18px;font-size:12px;text-align:center;max-width:90%;width:max-content;color:var(--accent);opacity:0;transition:opacity .15s;pointer-events:none}.game-toast.visible{opacity:1}.bottom-game{flex-shrink:0;padding:14px 32px 20px}.hint{text-align:center;font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px}.controls{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:auto;gap:12px;touch-action:none;user-select:none;-webkit-user-select:none}.direction-controls{display:flex;gap:10px}.controls button{width:72px;height:64px;font-size:30px;border-radius:17px;background:#21304a;border:1px solid #3b4963;touch-action:none;box-shadow:0 4px 0 #080e1d}.controls button.pressed{background:#3c5271;transform:translateY(3px);box-shadow:0 1px 0 #080e1d}.controls .jump{display:flex;align-items:center;justify-content:center;gap:10px;width:106px;background:var(--accent);border-color:var(--accent);color:var(--bg)}.jump small{font-size:10px;font-weight:900;letter-spacing:1px}.controls .jump.pressed{background:#ffe0a6}.control-caption{font-size:8px;line-height:1.6;letter-spacing:1.8px;color:#7e8faa}.keyboard-help{text-align:center;font-size:9px;color:#dae3f5;margin-top:18px;letter-spacing:1px}.keyboard-help span{color:var(--muted);letter-spacing:0;margin-left:3px}
dialog{border:1px solid #34425c;border-radius:24px;padding:30px;background:var(--card);color:var(--text);width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#050b1bcc;backdrop-filter:blur(6px)}dialog p{color:var(--muted);font-size:13px;line-height:1.7}dialog h2{font-size:28px;letter-spacing:-1px;margin:12px 0}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-top h2{font-size:24px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.level-grid button{position:relative;height:65px;border:1px solid #3b4963;border-radius:12px;background:#25344e;font-size:19px;font-weight:800}.level-grid button:disabled{opacity:.4;background:transparent}.level-grid button.done{color:var(--mint);border-color:#91e7d64d}.level-grid button small{display:block;margin-top:4px;font-size:8px;font-weight:400;color:var(--muted)}.fineprint{font-size:10px!important}#gameDialog{text-align:center}#gameDialog .text-button{width:100%;margin-top:7px}.dialog-mark{width:58px;height:58px;margin:0 auto 22px;border-radius:17px;background:#ffc76b14;color:var(--accent);font-size:32px;display:grid;place-items:center}.dialog-mark.death{background:#ff8d8214;color:#ff8d82}#gameDialog .primary{margin-top:24px}body.playing{overflow:hidden}
@media(max-width:680px){.topbar{height:75px;padding:0 14px;gap:7px}.brand{font-size:29px}.brand>span{font-size:13px}.brand small{font-size:8px}.local-badge{font-size:7px;letter-spacing:1px;gap:5px}.catalogue{padding:29px 20px 24px}h1{letter-spacing:-1.2px;font-size:30px}.section-label{font-size:8px;letter-spacing:1.6px}.intro{font-size:12px;margin-bottom:23px}.game-card{display:block;border-radius:20px}.cover{min-height:320px}.cover-title{font-size:53px;padding-top:66px}.edition{font-size:8px;top:23px}.new-badge{top:17px;font-size:8px}.cover-subtitle{padding-top:13px}.mini-block{bottom:83px;left:40%}.mini-portal{bottom:84px;right:11%;height:51px;width:32px}.mini-floor{bottom:40px}.mini-floor.second{bottom:58px}.mini-spikes{bottom:66px;left:21%}.falling-cube{bottom:142px;right:18%}.cover-bottom{bottom:14px;font-size:7px}.card-info{padding:22px 24px 12px}.game-heading h2{font-size:25px}.card-info p{margin:7px 0 14px;font-size:12px}.tags{margin-bottom:21px}.game-icon{padding:10px}.shelf-note{padding:16px;gap:13px;margin-bottom:24px}.shelf-note strong{font-size:11px}.shelf-note p{font-size:10px}footer{font-size:7px;letter-spacing:1px}footer span{max-width:130px;text-align:right}.game-topbar{height:64px;padding:0 6px;gap:4px}.game-brand{font-size:11px}.game-brand span{font-size:9px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-actions{gap:0}.game-actions .icon-button{width:44px}.hud{height:43px;padding:0 20px;gap:15px;font-size:8px;letter-spacing:1px}.hud b{margin-left:4px}.bottom-game{padding:15px 20px 24px}.hint{font-size:11px;min-height:36px;margin-bottom:18px}.controls button{width:65px;height:64px}.controls .jump{width:95px}.keyboard-help{display:none}.control-caption{font-size:7px}.game-toast{top:14px;font-size:11px}dialog{padding:24px}.level-grid{gap:7px}}
@media(max-width:360px){.catalogue{padding-inline:15px}.local-badge{font-size:6px}.control-caption{display:none}.cover-title{font-size:49px}.game-brand{font-size:10px}.game-brand span{max-width:105px}.game-topbar>.icon-button{width:40px}.game-actions .icon-button{width:40px}}
@media(orientation:landscape) and (max-height:560px){.game-topbar{height:49px;padding:0 15px}.game-brand span{display:none}.hud{height:30px;padding:0 30px}.bottom-game{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));padding:0;pointer-events:none}.hint,.keyboard-help,.control-caption{display:none}.controls{max-width:none}.controls button{pointer-events:auto;background:#21304ae6;height:55px;width:64px}.controls .jump{background:#ffc76be6;width:90px}.stage{border:0}.game-toast{top:12px}dialog{padding:20px}#gameDialog .dialog-mark{display:none}#gameDialog h2{margin:8px}#gameDialog p{margin:8px}#gameDialog .primary{margin-top:12px;min-height:44px}.secondary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
canvas:focus{outline:none}
@media(max-width:680px){.cover{min-height:280px}.cover-title{padding-top:57px;font-size:47px}.cover-subtitle{padding-top:12px;font-size:8px}.mini-block{bottom:65px;left:43%}.mini-floor{bottom:35px}.mini-floor.second{bottom:50px}.mini-portal{bottom:76px}.mini-spikes{bottom:61px}.tags{margin-bottom:16px}}
@media(orientation:landscape) and (max-height:560px){.stage{margin-bottom:74px}}
.gem-hud{color:var(--mint)!important}.collection-text{font-size:10px!important;color:var(--accent)!important;margin:0 0 12px!important}.route-track{height:3px;background:#ffffff08;flex-shrink:0}.route-track>div{height:100%;background:var(--mint);width:0;transition:width .08s linear}.jump-pips{display:flex;gap:5px;justify-content:center;margin-bottom:7px}.jump-pips i{width:10px;height:5px;border-radius:3px;background:var(--mint)}.jump-pips[data-remaining="1"] i:last-child,.jump-pips[data-remaining="0"] i{background:#ffffff22}.control-caption{text-align:center}.respawn-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0b142bdd;backdrop-filter:blur(8px);padding:18px 25px;border:1px solid #ffffff20;border-radius:16px;text-align:center;min-width:220px;pointer-events:none}.respawn-banner strong{font-size:14px;color:var(--accent)}.respawn-banner>div{height:3px;background:#ffffff14;margin-top:12px;overflow:hidden}.respawn-banner i{height:100%;width:100%;display:block;background:var(--accent);transform-origin:left}.medal-hint{font-size:11px!important;padding:12px;border:1px solid #ffc76b30;border-radius:10px;background:#ffc76b07}.medal-1{color:#e6a477;background:#e6a47715}.medal-2{color:#bddeef;background:#bddeef15}.medal-3{color:#ffdc84;background:#ffdc8420;box-shadow:0 0 40px #ffc76b12}.game[data-world="1"] .route-track>div{background:#ffb579}.game[data-world="2"] .route-track>div{background:#c5b0ff}
@media(max-width:680px){.hud{padding-inline:16px;gap:12px;font-size:7px}.hud .live-dot{margin-right:4px}.hud b{margin-left:3px}.gem-hud{letter-spacing:0}.bottom-game{padding-top:10px;padding-bottom:18px}.hint{min-height:32px;margin-bottom:12px;font-size:10px}.controls .jump{width:105px}.game-toast{font-size:10px;max-width:94%}.control-caption{letter-spacing:1px}}
@media(orientation:landscape) and (max-height:560px){.hint{display:none}.control-caption{display:block;opacity:.7}.jump-pips{margin-bottom:3px}.game-toast{top:8px}.respawn-banner{padding:12px 20px}.medal-hint{padding:8px;margin:8px 0!important}}

.arcade-brand img{filter:invert(85%) sepia(35%) saturate(900%)}.arcade-brand>span{font-size:18px;letter-spacing:2px}.local-badge{font-size:11px}.lobby .intro,.card-info p{font-size:16px}.lobby .tags span,.lobby .text-button{font-size:14px}