:root{color-scheme:dark;--ink:#edf1fb;--muted:#8290aa;--gold:#ffd568;--blue:#477dff;--bg:#080c18;--line:#202a40}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}
body.catman-page{background:radial-gradient(ellipse at 67% 35%,#111c36 0,transparent 55%),var(--bg);color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;padding:0 24px;touch-action:manipulation}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.hidden{display:none!important}
.catman-page .skarades-ambient,.catman-page .skarades-profile-bar{display:none}.catman-page .skarades-result-player{font-size:12px;margin:0 0 10px;justify-content:center}.catman-page .skarades-result-player .skarades-avatar{width:24px;height:24px}
.site-nav{max-width:1220px;height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.hub-link{font-size:12px;font-weight:700;letter-spacing:.12em;display:flex;gap:13px;align-items:center}.hub-link>span:first-child{font-size:20px;color:var(--muted)}.nav-divider{color:#364359}.nav-game{color:var(--muted);font-size:10px}.edition{font-size:10px;color:var(--muted);letter-spacing:.15em;display:flex;align-items:center;gap:9px}.edition i{height:5px;width:5px;border-radius:50%;background:var(--gold)}.nav-actions{display:flex;gap:6px}.icon-button{width:38px;height:38px;background:transparent;border:1px solid var(--line);color:#b6c3db;border-radius:50%;font-size:20px}.icon-button:hover{background:#1b263d;color:var(--gold)}
.arcade-layout{max-width:1030px;margin:30px auto;display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center}.editorial{padding-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.21em;color:var(--gold);display:flex;gap:9px;align-items:center}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--gold)}
.editorial h1{font-family:Orbitron,system-ui,sans-serif;font-size:clamp(44px,5.2vw,68px);letter-spacing:-.065em;line-height:1.15;margin:20px 0 7px;font-weight:900}.editorial h1 span{color:var(--gold)}.editorial h1 b{color:var(--gold);font-size:30px}.subtitle-text{color:var(--muted);letter-spacing:.46em;font-size:12px;font-weight:600}
.catman-page p.intro-copy{font-size:27px!important;line-height:1.35!important;letter-spacing:-.04em;margin:38px 0 24px}.intro-rule{width:40px;height:2px;background:var(--gold)}.catman-page p.detail-copy{font-size:14px!important;line-height:1.7!important;color:var(--muted);margin:22px 0 30px}
.legend{display:grid;gap:20px;max-width:330px}.legend>div{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.09em}.legend>div>span:first-child{display:grid;place-items:center;width:24px;font-size:25px}.legend small{display:block;color:var(--muted);font-size:11px;letter-spacing:0;margin-top:4px}.legend b{margin-left:auto;color:var(--gold);font-weight:500}.legend-candy,.legend-prize{color:var(--gold)}.legend-pumpkin{color:#ff973e;text-shadow:0 0 16px #ff973e50}
.pack-label{font-size:9px;letter-spacing:.16em;color:var(--muted);margin:35px 0 15px}.pack{display:flex;gap:17px}.pack span{font-size:8px;letter-spacing:.07em;color:var(--dog);display:flex;align-items:center;flex-direction:column;gap:8px}.pack span:before{content:"";display:block;width:21px;height:21px;background:radial-gradient(ellipse at 35% 45%,#17233e 0 2px,transparent 2.5px),radial-gradient(ellipse at 67% 45%,#17233e 0 2px,transparent 2.5px),var(--dog);border-radius:6px 6px 4px 4px;clip-path:polygon(0 0,30% 12%,70% 12%,100% 0,100% 100%,75% 85%,50% 100%,25% 85%,0 100%)}.keyboard-note{display:flex;gap:4px;align-items:center;margin-top:36px}.keyboard-note kbd{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:4px;color:#b4c0d8}.keyboard-note>span{font-size:10px;color:var(--muted);margin-left:8px}
.cabinet{width:min(468px,calc((100dvh - 244px)*13/19));min-width:280px}.scoreboard{display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:12px;margin-bottom:11px;align-items:end}.scoreboard>div>span{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-bottom:5px}.scoreboard strong{font:700 20px Orbitron,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums}.scoreboard .score-main strong{color:var(--gold);font-size:25px}.scoreboard>div:last-child{text-align:right}.scoreboard small{font:12px "Space Grotesk",sans-serif;color:var(--muted)}
.game-shell{position:relative;background:#050914;aspect-ratio:13/19;border:1px solid #31415f;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0007,0 0 0 5px #141d2f,0 0 0 6px #1a253a;isolation:isolate;transition:border-color .2s,box-shadow .2s}.game-shell.powered{border-color:var(--gold);box-shadow:0 24px 70px #0007,0 0 0 5px #252333,0 0 24px #ffd56822}.game-shell.hurt{border-color:#ff6082}
#game{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.board-top{pointer-events:none;position:absolute;left:10px;right:10px;top:9px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#93a5c8;text-shadow:0 1px 4px #000;background:linear-gradient(#050914b0,transparent);padding:3px 0 8px}#lives{color:#ff7189;font-size:13px;letter-spacing:3px}
.board-cover{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:linear-gradient(180deg,#070c18c9,#080d1aef 35%,#080d1af5 72%,#080d1acd);backdrop-filter:blur(3px)}.board-cover .eyebrow{font-size:8px;letter-spacing:.19em;justify-content:center}.board-cover h2{font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1.05;letter-spacing:-.055em;margin:19px 0 14px}.board-cover p{color:#9caac1;font-size:13px;line-height:1.6;margin:0 0 22px}
.primary-button{display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:8px;background:var(--gold);color:#191828;box-shadow:0 3px 0 #b28437;padding:16px 20px;min-width:218px;font-size:11px;letter-spacing:.12em;font-weight:700;transition:background .15s,transform .15s}.primary-button span{font-size:20px;line-height:12px}.primary-button:hover{background:#ffe395;transform:translateY(-1px)}.primary-button:active{transform:translateY(2px);box-shadow:none}.start-hint{margin-top:19px;letter-spacing:.15em;color:#677894;font-size:8px}.text-button{background:none;border:0;color:var(--muted);padding:16px;font-size:12px}
.start-art{display:flex;gap:12px;align-items:center;margin-bottom:32px}.start-art>i{height:5px;width:5px;background:var(--gold);border-radius:2px}.title-cat{width:54px;height:52px;border-radius:50%;background:var(--gold);clip-path:polygon(0 0,36% 13%,65% 0,100% 15%,100% 29%,50% 52%,100% 77%,100% 100%,0 100%);position:relative}.title-cat:after{content:"";width:5px;height:5px;background:#080c18;border-radius:50%;position:absolute;top:13px;left:26px}.title-dog{width:36px;height:38px;background:radial-gradient(ellipse at 30% 46%,#13233b 0 3px,#fff 3.5px 6px,transparent 6.5px),radial-gradient(ellipse at 70% 46%,#13233b 0 3px,#fff 3.5px 6px,transparent 6.5px),#ff6983;border-radius:10px 10px 4px 4px;clip-path:polygon(0 0,27% 13%,73% 13%,100% 0,100% 100%,75% 88%,50% 100%,25% 88%,0 100%)}
.run-status{height:33px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}#statusLight{width:5px;height:5px;border-radius:50%;background:#63dfd3;flex-shrink:0}#message{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#turnHint{margin-left:auto;font-size:17px;color:var(--gold)}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.touch-note,.control-tip{font-size:8px;letter-spacing:.08em;color:#b2bfd5}.touch-note small,.control-tip small{display:block;font-size:9px;letter-spacing:0;color:#687891;margin-top:5px}.control-tip{text-align:right}.dpad{display:flex;align-items:center;gap:4px}.dpad>div{display:flex;flex-direction:column;gap:4px}.dpad button{width:43px;height:32px;background:#121d31;color:#acbddb;border:1px solid #293950;border-radius:6px;font-size:21px;line-height:1;touch-action:none;user-select:none}.dpad button:active,.dpad button.pressed{background:#263d5c;border-color:#ffd568;color:#ffd568}.dpad>button{height:44px}
.power-indicator{position:absolute;z-index:2;bottom:14px;left:50%;transform:translateX(-50%);width:60%;padding:8px 11px;background:#0b142cf0;border:1px solid #ffd56870;border-radius:7px;display:flex;justify-content:space-between;color:var(--gold);font-size:8px;letter-spacing:.08em;flex-wrap:wrap;gap:7px}.power-indicator>div{height:3px;background:#3c3841;width:100%;overflow:hidden;border-radius:2px}.power-indicator i{display:block;width:100%;height:100%;background:var(--gold);transform-origin:left}.countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none;font:900 38px Orbitron,sans-serif;color:var(--gold);text-shadow:0 3px 0 #141020,0 0 40px #000;background:#05091444}
.final-score{font:900 42px Orbitron,monospace;color:var(--gold);margin-top:7px}.result-score-label{font-size:8px;letter-spacing:.23em;color:var(--muted);margin:7px 0 19px}.run-stats{display:flex;gap:23px;border-top:1px solid var(--line);padding:18px 0 23px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.run-stats b{display:block;font-size:15px;color:#d5dfef;letter-spacing:0;margin-bottom:5px}
.help-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#020510cc;backdrop-filter:blur(10px);padding:20px}.help-panel{width:min(440px,100%);max-height:90dvh;overflow:auto;background:#101929;border:1px solid #34435c;border-radius:17px;padding:30px}.help-panel h2{font-size:32px;letter-spacing:-.05em;margin:14px 0 20px}.help-panel ol{padding-left:19px;color:#9caec9;font-size:13px;line-height:1.65}.help-panel li{padding-left:6px;margin-bottom:13px}.help-panel b{color:#edf1fb}.help-panel p{font-size:12px;color:var(--muted);line-height:1.7;margin:22px 0}.help-panel .primary-button{width:100%}
@media(min-width:901px) and (max-height:820px){.arcade-layout{margin:20px auto}.intro-copy{margin-top:24px!important}.pack-label{margin-top:24px}.keyboard-note{margin-top:22px}.editorial{padding-bottom:0}.catman-page p.intro-copy{font-size:24px!important}.legend{gap:13px}}
@media(max-width:900px){body.catman-page{padding:0 16px}.site-nav{height:54px;max-width:560px}.edition{display:none}.arcade-layout{display:block;margin:18px auto 12px}.editorial{display:none}.cabinet{width:min(468px,100%,calc((100dvh - 211px)*13/19));min-width:0;margin:auto}.scoreboard strong{font-size:17px}.scoreboard .score-main strong{font-size:21px}.scoreboard>div>span{font-size:7px}.scoreboard{margin-bottom:10px}.board-cover h2{font-size:36px}.board-cover{padding:18px}.start-art{margin-bottom:25px}.nav-actions{gap:5px}.icon-button{width:34px;height:34px}.hub-link{font-size:10px;gap:9px}.touch-note,.control-tip{font-size:7px}.touch-note small,.control-tip small{font-size:8px}}
@media(max-width:380px),(max-height:730px){.site-nav{height:48px}.arcade-layout{margin-top:12px}.cabinet{width:min(440px,100%,calc((100dvh - 190px)*13/19))}.start-art{margin-bottom:16px;transform:scale(.8)}.board-cover h2{font-size:29px;margin:13px 0}.board-cover p{font-size:11px;margin-bottom:15px}.primary-button{padding:13px 16px;min-width:190px}.start-hint{margin-top:13px}.control-tip{display:none}.controls{justify-content:center;gap:25px}.final-score{font-size:33px}.run-stats{padding:12px 0 16px;gap:17px}.result-score-label{margin-bottom:12px}}
@media(max-height:530px) and (orientation:landscape){.site-nav{height:44px;max-width:100%}.arcade-layout{margin:9px auto;display:block}.cabinet{width:calc((100dvh - 118px)*13/19);min-width:180px}.controls{position:fixed;right:7vw;bottom:25%;flex-direction:column;gap:18px}.scoreboard{gap:5px;margin-bottom:7px}.scoreboard strong,.scoreboard .score-main strong{font-size:13px}.scoreboard>div>span{font-size:6px}.board-cover{padding:10px}.board-cover h2{font-size:22px;margin:9px 0}.board-cover p{font-size:10px;margin-bottom:10px}.start-art{display:none}.primary-button{min-width:150px;padding:11px;font-size:9px}.start-hint{font-size:6px;margin-top:10px}.board-top{font-size:6px;top:4px}.final-score{font-size:25px}.run-stats{padding:7px 0 10px}.result-score-label{margin:4px 0 8px}.run-stats b{font-size:11px}.run-stats{font-size:6px}}
.catman-page .board-cover p{font-size:13px!important;line-height:1.6!important}.catman-page .help-panel p{font-size:12px!important;line-height:1.7!important}
.dpad button{width:44px;height:44px}.dpad>button{height:52px}
@media(max-width:900px){.cabinet{width:min(468px,100%,calc((100dvh - 235px)*13/19))}}
@media(max-width:380px),(max-height:730px){.cabinet{width:min(440px,100%,calc((100dvh - 252px)*13/19))}}
@media(min-width:901px) and (max-height:760px){.cabinet{width:calc((100dvh - 224px)*13/19);min-width:260px}.arcade-layout{margin:18px auto;gap:65px}.editorial h1{margin-top:14px;font-size:58px}.catman-page p.intro-copy{margin:22px 0 17px!important;font-size:22px!important}.catman-page p.detail-copy{margin:17px 0 22px!important}.legend{gap:13px}.pack-label{margin-top:24px}.keyboard-note{margin-top:23px}.editorial{padding:0}}
@media(max-width:380px),(max-height:730px){.catman-page .board-cover p{font-size:11px!important}.board-cover .primary-button{min-width:180px}}
@media(max-height:530px) and (orientation:landscape){.catman-page .board-cover p{font-size:10px!important}.board-cover .primary-button{min-width:150px}}
@media(max-height:730px){.cabinet{width:min(440px,100%,calc((100dvh - 252px)*13/15))}.game-shell{aspect-ratio:13/15}}
@media(min-width:901px){.cabinet{width:min(468px,calc((100dvh - 284px)*13/19));min-width:0}.dpad>div{flex-direction:row}.dpad button,.dpad>button{height:44px}.controls{gap:10px}.control-tip{display:none}}
@media(min-width:901px) and (max-height:730px){.cabinet{width:calc((100dvh - 236px)*13/15);min-width:0}}
@media(max-height:530px) and (orientation:landscape){.cabinet{width:calc((100dvh - 140px)*13/11);min-width:180px}.game-shell{aspect-ratio:13/11}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}