:root{color:#f7edcf;font-synthesis:none;text-rendering:optimizelegibility;--ink:#070a10;--night:#0e1420;--panel:#151c28;--panel-2:#20293a;--gold:#f4c95d;--gold-dark:#9a6428;--cyan:#65e6df;--cream:#f7edcf;--muted:#a9afba;background:#070a10;font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--ink);min-width:320px;image-rendering:pixelated;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),radial-gradient(circle at 70% 35%,#183044 0,#0000 35rem);background-size:4px 4px,4px 4px,auto}a{color:inherit}.connection-banner,.update-banner{z-index:1000;left:50%;top:max(10px,env(safe-area-inset-top));color:#f7edcf;background:#161f2df2;border:2px solid #f4c95d;align-items:center;gap:18px;max-width:calc(100vw - 24px);padding:10px 14px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:5px 5px #020305}.connection-banner strong{color:#ff917d}.connection-banner span,.update-banner span{white-space:nowrap}.update-banner button,.install-card button{color:#10171e;text-transform:uppercase;background:var(--gold);cursor:pointer;border:1px solid #fff0ad;padding:8px 11px;font:900 11px Courier New,monospace}.update-banner button:disabled{opacity:.45;cursor:not-allowed}.install-card{z-index:40;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));color:#f7edcf;background:#111925ed;border:2px solid #48576c;align-items:center;gap:14px;padding:12px;display:flex;position:fixed;box-shadow:5px 5px #020305}.install-card span,.install-card small{display:block}.install-card small{color:#9da8b5;margin-top:4px;font-size:10px}.orientation-guard{display:none}.app-shell{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.app-header{z-index:20;border-bottom:2px solid #2b3545;justify-content:space-between;align-items:center;gap:30px;width:min(100%,1500px);margin:0 auto;padding:20px 30px;display:flex}.brand{color:var(--cream);letter-spacing:.06em;align-items:center;gap:13px;text-decoration:none;display:flex}.brand-mark{color:#07141b;background:var(--cyan);clip-path:polygon(50% 0,100% 22%,90% 80%,50% 100%,10% 80%,0 22%);border:3px solid #b9fff6;place-items:center;width:44px;height:44px;font:900 26px Georgia,serif;display:grid;box-shadow:4px 4px #12666b,inset -5px -5px #3eaba8}.brand strong{letter-spacing:.14em;font:900 24px/1 Georgia,serif;display:block}.brand small{color:#7ed7d5;letter-spacing:.22em;margin-top:4px;font-size:10px;font-weight:700;display:block}.main-nav{gap:8px;display:flex}.nav-link{color:#a7adba;letter-spacing:.1em;text-transform:uppercase;border-bottom:3px solid #0000;min-height:42px;padding:12px 18px 10px;font-size:14px;font-weight:900;text-decoration:none;position:relative}.nav-link:hover{color:var(--cream)}.nav-link.active{color:var(--gold);border-color:var(--gold);text-shadow:2px 2px #5d381b}.app-main{flex:1;width:min(100%,1500px);margin:0 auto;padding:28px 30px 40px;display:flex}.home-screen{background:linear-gradient(110deg,#0c1019fa 0 38%,#0b121b73 65%,#070a10e6),#0c121d;border:3px solid #313b4d;grid-template-columns:minmax(400px,.9fr) minmax(520px,1.1fr);align-items:center;width:100%;min-height:min(750px,100vh - 150px);display:grid;position:relative;overflow:hidden;box-shadow:10px 10px #020305,inset 0 0 0 4px #0b0e15}.home-screen:before{content:"";pointer-events:none;border:1px solid #394356;position:absolute;inset:10px}.home-copy{z-index:4;padding:clamp(36px,6vw,88px);position:relative}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:14px;font-weight:900}h1{color:var(--cream);letter-spacing:-.035em;text-shadow:4px 4px #080a0f;margin:0 0 20px;font:900 clamp(42px,5.2vw,76px)/.96 Georgia,serif}.intro{color:#c5c3b7;max-width:620px;margin:0;font:700 clamp(16px,1.45vw,20px)/1.7 Courier New,monospace}.actions{flex-wrap:wrap;gap:15px;margin-top:34px;display:flex}.primary-button,.secondary-button{letter-spacing:.07em;text-transform:uppercase;border:2px solid;min-height:54px;padding:16px 24px 13px;font-size:15px;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;box-shadow:5px 5px #030406}.primary-button:hover,.secondary-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #030406}.primary-button span{margin-right:10px}.secondary-button{color:var(--cream);background:#202838;border-color:#566178}.key-hints{color:#77808d;text-transform:uppercase;flex-wrap:wrap;gap:24px;margin-top:35px;font-size:12px;font-weight:700;display:flex}kbd{color:#bdc5ce;text-align:center;background:#171e29;border:1px solid #596274;min-width:26px;margin-right:5px;padding:5px 6px 3px;display:inline-block;box-shadow:0 3px #090c12}.page-panel{background:linear-gradient(135deg,#171e2b,#0e131d);border:3px solid #354054;width:100%;max-width:1100px;margin:auto;padding:clamp(28px,5vw,60px);box-shadow:9px 9px #020305}.page-panel h1{font-size:clamp(40px,6vw,64px)}.page-panel p{color:#b9bec5;font-size:17px;line-height:1.65}.hero-grid{gap:20px;display:grid}.hero-card{background:#0d131d;border:2px solid #3b4759;grid-template-columns:170px 1fr auto;align-items:center;gap:26px;margin-top:0;padding:22px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #161e2b}.hero-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 5px #282315,0 0 28px #f4c95d1c}.hero-portrait{color:#b6fff7;background:radial-gradient(circle,#286d70,#111a26 63%);border:3px solid #667286;place-items:center;height:150px;font-size:72px;display:grid;box-shadow:7px 7px #05070b}.hero-portrait.ranger{color:#e1ed7a;background:radial-gradient(circle,#356c55,#111a26 63%)}.hero-portrait.arcanist{color:#e6a6ff;background:radial-gradient(circle,#684080,#111a26 63%)}.hero-class{letter-spacing:.15em;text-transform:uppercase;margin:0;font-weight:900;color:var(--gold)!important;font-size:13px!important}.hero-card h2{margin:8px 0 0;font:900 clamp(25px,4vw,38px) Georgia,serif}.stat-row{color:#aeb4bd;text-transform:uppercase;flex-wrap:wrap;gap:24px;margin-top:22px;font-size:13px;display:flex}.stat-row b{color:var(--gold);letter-spacing:3px;margin-top:7px;display:block}.select-hero{min-width:130px;color:var(--cream);text-transform:uppercase;cursor:pointer;background:#202a3a;border:2px solid #566378;padding:13px 15px;font:900 13px Courier New,monospace}.hero-card.selected .select-hero{color:#151a1f;background:var(--gold);border-color:#ffeaa3}.roster-play{margin:28px auto 0;display:table}.option-row{color:#cbd0d6;border-top:1px solid #384356;justify-content:space-between;gap:20px;padding:20px;font-weight:700;display:flex}.option-value{color:var(--cyan)}.hud-editor-heading{justify-content:space-between;align-items:center;gap:20px;margin-top:34px;display:flex}.hud-editor-heading h2{margin:0;font:900 30px Georgia,serif}.hud-editor-heading p{margin:8px 0 0;font-size:15px}.device-tabs{gap:8px;margin:22px 0;display:flex}.device-tabs button{color:#aeb6c2;text-transform:uppercase;cursor:pointer;background:#111722;border:2px solid #3d4859;padding:10px 16px;font:900 13px Courier New,monospace}.device-tabs button.active{color:#121820;background:var(--gold);border-color:#ffe49a}.hud-editor{background:#090d14;border:2px solid #3b4658;padding:18px}.hud-safe-area{aspect-ratio:16/9;touch-action:none;background-color:#121a25;background-image:linear-gradient(#65e6df0a 1px,#0000 1px),linear-gradient(90deg,#65e6df0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:5% 10%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px dashed #65e6df88;width:100%;max-height:520px;position:relative;overflow:hidden}.safe-label{color:#65e6df;text-transform:uppercase;font-size:12px;position:absolute;top:8px;left:10px}.hud-edit-element{color:#f7edcf;white-space:nowrap;cursor:grab;touch-action:none;background:#263246;border:2px solid #f4c95d;padding:9px 12px;font:900 12px Courier New,monospace;position:absolute;box-shadow:3px 3px #040609}.hud-edit-element.joystick{background:#173743aa;border-radius:50%;width:100px;height:100px}.hud-edit-element.ability1,.hud-edit-element.ability2{border-radius:12px;width:80px;height:80px}.hud-controls{flex-wrap:wrap;gap:22px;margin-top:18px;display:flex}.hud-controls label{color:#b8c0ca;gap:6px;font-size:13px;display:grid}.hud-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.hud-editor-actions button{cursor:pointer}.sync-note{border-left:3px solid #566378;padding:14px;color:#8f98a5!important;margin:22px 0 0!important;font-size:14px!important}.settings-panel{max-width:1280px}.settings-section{border-top:2px solid #303b4d;margin-top:34px;padding-top:26px}.section-heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.section-heading h2{margin:0;font:900 30px Georgia,serif}.section-heading p{margin:7px 0 0;font-size:14px}.save-status{z-index:8;float:right;color:#8ff5e9;background:#101923;border:1px solid #355866;padding:8px 11px;font-size:12px;position:sticky;top:10px}.binding-group{margin-top:22px}.binding-group h3{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:14px}.binding-row{border-top:1px solid #303b4b;grid-template-columns:minmax(190px,1fr) 170px 170px 42px;align-items:center;gap:10px;padding:10px;display:grid}.binding-row strong,.binding-row small{display:block}.binding-row small{color:#8993a1;margin-top:3px}.binding-button{min-height:52px;color:var(--cream);text-align:left;cursor:pointer;background:#151e2b;border:2px solid #455267;padding:7px 10px;font:900 13px Courier New,monospace}.binding-button small{text-transform:uppercase;font-size:10px}.binding-button.capturing{color:#10151b;background:var(--gold);border-color:#fff0b0;animation:.8s infinite alternate capture-pulse}.icon-button{color:#b9c0ca;cursor:pointer;background:#161e2a;border:1px solid #4b5769;width:38px;height:38px}.small{min-height:38px!important;padding:9px 12px!important;font-size:12px!important}.touch-settings{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.touch-settings label,.hud-toolbar label{color:#bcc3cc;background:#111823;border:1px solid #303b4c;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.touch-settings select,.hud-toolbar select,.hud-inspector input{color:#f4edd4;background:#0b1018;border:1px solid #46546a;padding:7px}.hud-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.hud-editor-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px;display:grid}.hud-inspector{background:#111823;border:2px solid #3a4658;flex-direction:column;gap:13px;padding:16px;display:flex}.hud-inspector h3{color:var(--gold);margin:0}.hud-inspector>span,.hud-inspector>small{color:#8791a0;font-size:12px}.hud-inspector label{color:#b9c0ca;grid-template-columns:68px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.hud-edit-element.selected{border-color:#65e6df;box-shadow:0 0 0 3px #65e6df55,3px 3px #040609}.conflict-dialog{z-index:100;background:#02050bcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.conflict-dialog>div{border:3px solid var(--gold);background:#131b27;max-width:520px;padding:30px;box-shadow:12px 12px #020305}.conflict-dialog h2{margin-top:0}.conflict-dialog>div>div{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@keyframes capture-pulse{to{filter:brightness(1.2)}}.play-page{justify-content:center;align-items:center;width:100%;display:flex}.battle-stage{background:#05080d;place-items:center;width:100%;display:grid;position:relative}.battle-frame{background:#121924;border:3px solid #4b586b;padding:10px;position:relative;box-shadow:10px 10px #020305,0 20px 80px #000a}.game-container{aspect-ratio:16/9;background:#101522;border:3px solid #05070a;width:min(100vw - 90px,177.778vh - 311.111px,1280px);max-height:calc(100vh - 175px);overflow:hidden}.game-container canvas{touch-action:none;image-rendering:auto;display:block}.fullscreen-button{z-index:8;color:var(--cream);text-transform:uppercase;cursor:pointer;background:#111925e8;border:2px solid #69768a;padding:11px 14px 9px;font:900 13px Courier New,monospace;position:absolute;top:18px;right:18px;box-shadow:4px 4px #020305}.frame-corner{z-index:3;border-color:var(--gold);pointer-events:none;width:25px;height:25px;position:absolute}.corner-tl{border-top:5px solid;border-left:5px solid;top:-5px;left:-5px}.corner-tr{border-top:5px solid;border-right:5px solid;top:-5px;right:-5px}.corner-bl{border-bottom:5px solid;border-left:5px solid;bottom:-5px;left:-5px}.corner-br{border-bottom:5px solid;border-right:5px solid;bottom:-5px;right:-5px}.catalog-status{border-left:3px solid var(--cyan);background:#0b111a;padding:9px 12px;display:table;color:#8e9cab!important;font-size:12px!important}.catalog-status strong{color:var(--cyan)}.asset-library{max-width:1400px;margin:0 auto}.asset-library>p{max-width:820px}.asset-toolbar{z-index:15;background:#0a1019ed;border:2px solid #344155;justify-content:space-between;gap:12px;margin:28px 0;padding:12px;display:flex;position:sticky;top:8px;box-shadow:5px 5px #030406}.asset-toolbar>div{gap:6px;display:flex}.asset-toolbar button{color:#aab3c0;text-transform:uppercase;cursor:pointer;background:#171f2c;border:2px solid #455166;padding:10px 13px;font:900 12px Courier New,monospace}.asset-toolbar button.active{color:#10171e;background:var(--gold);border-color:#ffeb9c}.asset-section{margin-top:36px}.asset-section-heading{border-bottom:2px solid #354154;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:13px;display:flex}.asset-section-heading h2{margin:0 0 10px;font:900 31px Georgia,serif}.asset-section-heading p{text-align:right;max-width:600px;margin:0 0 10px;font-size:13px}.asset-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:16px;display:grid}.asset-card{background:#0b111a;border:2px solid #354155;min-width:0;overflow:hidden;box-shadow:5px 5px #030406}.asset-preview{background:radial-gradient(circle,#234150 0,#111a27 52%,#080d14 74%);place-items:center;height:245px;display:grid;position:relative;overflow:hidden}.asset-preview:after{content:"";border-bottom:2px solid #65728755;position:absolute;bottom:36px;left:0;right:0}.asset-preview img{z-index:2;object-fit:contain;filter:drop-shadow(7px 9px 2px #0009);transform-origin:50% 72%;width:82%;height:88%;position:relative}.asset-preview img.facing-left{scale:-1 1}.collider-preview{z-index:1;aspect-ratio:1;background:#f4c95d18;border:3px dashed #ffdf68;border-radius:50%;width:38%;position:absolute;bottom:27px;left:50%;transform:translate(-50%)rotateX(62deg);box-shadow:0 0 18px #f4c95d55}.collider-preview.rectangular{border-radius:3px}.animation-idle img{animation:1.5s ease-in-out infinite gallery-idle}.animation-walk img{animation:.34s steps(2,end) infinite gallery-walk}.animation-attack img{animation:.8s ease-in-out infinite gallery-attack}.asset-card-copy{padding:16px}.asset-card-copy>span{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:900}.asset-card h3{margin:5px 0 13px;font:900 22px Georgia,serif}.asset-card dl{gap:6px;margin:0;display:grid}.asset-card dl div{grid-template-columns:76px 1fr;gap:8px;font-size:11px;display:grid}.asset-card dt{color:#788493;text-transform:uppercase}.asset-card dd{color:#c3cad1;margin:0}.asset-card code{color:#72d8d2;text-overflow:ellipsis;background:#070b11;border:1px solid #252f3e;margin-top:13px;padding:8px;font-size:9px;display:block;overflow:hidden}@keyframes gallery-idle{50%{transform:translateY(-4px)scaleY(1.02)}}@keyframes gallery-walk{50%{transform:translateY(-6px)rotate(-1.5deg)}}@keyframes gallery-attack{30%{transform:translate(13px)scale(1.08,.92)}60%{transform:translate(-3px)scale(.98,1.04)}}@media (width<=900px){.app-header{align-items:flex-start;padding:14px 16px}.brand small{display:none}.main-nav{overflow-x:auto}.nav-link{padding:12px 10px;font-size:12px}.app-main{padding:14px}.home-screen{min-height:760px;display:block}.home-copy{padding:42px 30px}.home-copy .intro{max-width:520px}.crystal-scene{inset:42% 0 0}.crystal-scene:after{background:linear-gradient(#0c1019 0,#0000 25%)}.game-container{width:min(100vw - 50px,177.778vh - 284.444px);max-height:calc(100vh - 160px)}.asset-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.asset-toolbar{flex-wrap:wrap;position:static}.asset-section-heading{display:block}.asset-section-heading p{text-align:left}}@media (width<=600px){.app-header{flex-direction:column;gap:10px}.brand-mark{width:36px;height:36px}.brand strong{font-size:19px}.main-nav{justify-content:space-between;width:100%}.nav-link{padding:9px 4px;font-size:10px}.app-main{padding:8px 8px 18px}.home-screen{min-height:740px}.home-copy{padding:34px 23px}.home-copy h1{font-size:43px}.key-hints{gap:12px}.crystal-scene{inset:48% 0 0}.moon{width:140px;height:140px}.pixel-crystal{transform-origin:100% 100%;transform:scale(.72)}.platform{right:-80px;transform:scale(.8)}.hero-card{grid-template-columns:1fr}.hero-portrait{height:150px}.game-container{width:calc(100vw - 34px);max-height:none}.battle-frame{padding:5px}.fullscreen-button{top:10px;right:10px}.select-hero{width:100%}.asset-library{padding:22px 14px}.asset-grid{grid-template-columns:1fr}.asset-toolbar button{padding:8px;font-size:10px}.asset-preview{height:220px}}@media (width<=760px){.section-heading{display:block}.section-heading button{margin-top:14px}.binding-row{grid-template-columns:1fr 1fr}.binding-row>div{grid-column:1/-1}.binding-row .icon-button{display:none}.touch-settings,.hud-editor-layout{grid-template-columns:1fr}.hud-inspector{z-index:4;max-height:230px;position:sticky;bottom:0;overflow:auto}.save-status{float:none;margin-bottom:10px;display:table;position:static}}:root{--gold:#d7b76f;--cream:#f0e7c9;--cyan:#93c9ad}body{color:var(--cream);background:#111b17}.app-shell{background:radial-gradient(at 80% 0,#2d4034 0,#0000 60%),#111b17}.app-header{background:#15221dea;border-bottom:1px solid #5a644a;box-shadow:0 4px #0b1512}.brand-mark{color:#e6d6a4;clip-path:none;background:#385044;border-color:#9e895c;box-shadow:inset 0 0 0 3px #1c3027}.brand small{color:#a2b593}.nav-link{letter-spacing:.16em;color:#a5b1a0;font-size:12px}.nav-link.active{color:#f0d596;text-shadow:none;background:#b9c69d09}.app-main{max-width:1540px;padding-top:26px}.home-screen{background:#19291f;border:1px solid #697051;grid-template-columns:1fr 1fr;min-height:690px;box-shadow:0 12px 50px #070e0b70}.home-screen:before{z-index:5;border-color:#a28e563b}.home-copy{background:linear-gradient(90deg,#19291f 80%,#19291f00);padding:64px}.eyebrow{letter-spacing:.25em;color:#d6b66d;font-size:11px}h1{letter-spacing:-.04em;text-shadow:0 3px #0d1a12;font-size:clamp(40px,4.7vw,70px);font-weight:500;line-height:1.06}h1 span{color:#acc399}.intro{color:#b3beaa;max-width:440px;font:16px/1.9 Georgia,serif}.primary-button,.secondary-button{letter-spacing:.13em;border-width:1px;min-height:49px;font-size:11px;box-shadow:0 4px #0b150e}.primary-button{color:#243223;background:#ddc58d;border-color:#f0ddb0}.secondary-button{background:#263d2e;border-color:#6a7859}.key-hints{color:#87977f;gap:14px;font-size:10px}kbd{color:#c8d2b5;background:#213629;border-color:#506446;box-shadow:0 2px #0b1b10}.greenwood-scene{image-rendering:pixelated;background-image:linear-gradient(#182d2440,#1b311f40),url(/assets/game/pixel/grass.png);background-size:auto,256px;position:absolute;inset:0 0 0 44%;overflow:hidden}.greenwood-scene:after{content:"";pointer-events:none;background:linear-gradient(90deg,#19291f,#0000 23%),linear-gradient(#0000 60%,#102019b3);position:absolute;inset:0}.greenwood-scene img{object-fit:contain;image-rendering:pixelated;position:absolute}.village-road{background:url(/assets/game/pixel/cobble.png) 0 0/220px;border:14px solid #877a51;width:54%;height:110%;position:absolute;top:0;left:30%;transform:rotate(-13deg);box-shadow:0 0 0 8px #59613d}.village-tree{width:42%;height:56%}.tree-one{z-index:1;top:-8%;left:-7%}.tree-two{z-index:3;top:-3%;right:-12%}.village-house{z-index:2;width:60%;height:64%;top:5%;right:-2%}.village-shrine{z-index:3;width:49%;height:52%;bottom:4%;left:7%}.village-fire{z-index:4;width:19%;height:30%;bottom:10%;right:1%}.village-party{z-index:4;transform-origin:100% 100%;display:flex;position:absolute;bottom:16%;right:7%;transform:scale(.76)}.village-party .sprite-preview{margin-left:-38px}.location-tag{z-index:6;color:#f4e2b1;letter-spacing:.2em;text-align:right;font:11px Georgia,serif;position:absolute;bottom:33px;right:28px}.location-tag small{color:#a6b49a;letter-spacing:.18em;margin-top:7px;font:8px Courier New,monospace;display:block}.page-panel{background:linear-gradient(135deg,#23362a,#14241c);border:1px solid #657052;box-shadow:0 8px 40px #060c0980}.page-panel p{color:#b3beaa}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hero-card{box-shadow:none;background:#17281f;border:1px solid #516347;grid-template-columns:1fr;gap:18px;padding:22px}.hero-card.selected{background:#223727;border-color:#d7b76f;box-shadow:inset 0 -3px #d7b76f}.hero-portrait,.hero-portrait.ranger,.hero-portrait.arcanist{height:196px;box-shadow:none;background:radial-gradient(at bottom,#71865a50,#0000 70%),#13221b;border:0;border-bottom:1px solid #6e795240}.hero-card h2{min-height:63px;font-size:26px;font-weight:500;line-height:1.2}.hero-card p:not(.hero-class){min-height:68px;font:14px/1.6 Georgia,serif}.hero-class{letter-spacing:.12em;font-size:10px!important}.stat-row{color:#c1c9ad;gap:8px;font-size:11px;display:grid}.select-hero{background:#304330;border:1px solid #75825b;font-size:11px}.sprite-preview{z-index:2;background-repeat:no-repeat;background-size:800% 200%;background-position-y:var(--sprite-row,0%);width:192px;height:192px;image-rendering:pixelated;flex-shrink:0;display:block;position:relative}.sprite-idle{animation:.8s step-end infinite pixel-idle}.sprite-walk{animation:.444s step-end infinite pixel-walk}.sprite-attack{animation:.7s step-end infinite pixel-attack}@keyframes pixel-idle{0%,to{background-position-x:0%}50%{background-position-x:14.2857%}}@keyframes pixel-walk{0%{background-position-x:28.5714%}25%{background-position-x:42.8571%}50%{background-position-x:57.1429%}75%{background-position-x:71.4286%}}@keyframes pixel-attack{0%,75%,to{background-position-x:85.7143%}35%,70%{background-position-x:100%}}.asset-toolbar{background:#15261ff5;border-color:#58684a}.asset-toolbar button{background:#263c2f;border-color:#657756}.asset-card{box-shadow:none;background:#16271f;border:1px solid #536345}.asset-preview{background:radial-gradient(at 50% 75%,#6d865f70,#0000 65%),#1b3125}.asset-preview img{image-rendering:pixelated;filter:none}.asset-card code{color:#aacaa6;background:#0e1d15;border-color:#3b533d}.battle-stage{background:#15231b}.battle-frame{background:#243b2c;border:1px solid #8f9167;padding:7px;box-shadow:0 8px 40px #0005}.frame-corner{color:#d7b76f;border-width:3px;width:16px;height:16px}.game-container{border:1px solid #0f2016}.game-container canvas{image-rendering:pixelated}.option-row,.settings-section{border-color:#4c6047}.settings-panel .binding-button,.settings-panel .hud-inspector,.touch-settings label{background:#182d21;border-color:#52674a}@media (width<=1000px){.home-copy{padding:42px}.hero-grid{grid-template-columns:1fr}.hero-card{grid-template-columns:160px 1fr auto}.hero-card h2,.hero-card p:not(.hero-class){min-height:0}.hero-portrait{height:180px}.select-hero{min-width:95px}}@media (width<=900px){.home-screen{min-height:820px}.greenwood-scene{inset:45% 0 0}.home-copy{background:linear-gradient(#19291f 90%,#0000)}.greenwood-scene:after{background:linear-gradient(#19291f,#0000 20%),linear-gradient(#0000 60%,#152419)}.village-house{height:90%;top:-8%}.village-party{bottom:8%}.location-tag{bottom:18px}}@media (width<=600px){.home-copy{padding:35px 26px}.home-copy h1{font-size:42px}.home-screen{min-height:790px}.greenwood-scene{inset:51% 0 0}.hero-card{grid-template-columns:1fr}.hero-portrait{height:192px}.village-party{right:0;transform:scale(.55)}.location-tag{font-size:9px}.page-panel{padding:26px 18px}}@media (prefers-reduced-motion:reduce){.sprite-preview{animation:none}}.battle-stage{padding-top:48px}.battle-tools{z-index:104;align-items:center;gap:14px;height:36px;display:flex;position:absolute;top:6px;left:12px;right:12px}.battle-tools .leave-battle,.battle-tools .fullscreen-button{color:#ead6a1;box-shadow:none;text-transform:uppercase;cursor:pointer;background:#1c3227;border:1px solid #9a986b;margin:0;padding:9px 12px;font:12px Trebuchet MS,sans-serif;text-decoration:none;display:block;position:static}.battle-tools .fullscreen-button{margin-left:auto}.display-mode-label{color:#a5b89d;text-transform:uppercase;letter-spacing:.12em;font:11px Trebuchet MS,sans-serif}.battle-stage.immersive{z-index:100;box-sizing:border-box;width:100%;height:100dvh;padding:calc(48px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0e1d15;position:fixed;inset:0}.battle-stage.immersive .battle-tools{top:calc(6px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right))}.battle-stage.immersive .battle-frame{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;border:0;padding:0}.battle-stage.immersive .frame-corner{display:none}.battle-stage.immersive .game-container{aspect-ratio:auto;background:#0e1d15;border:0;width:100%;min-width:0;max-width:none;height:100%;max-height:none}body:has(.battle-stage.immersive){overflow:hidden}:is(.app-shell:has(.battle-stage.immersive) .app-header,.app-shell:has(.battle-stage.immersive) .install-card){display:none}.fullscreen-notice{z-index:106;top:calc(52px + env(safe-area-inset-top));color:#f0e7c9;background:#223b2cf5;border:1px solid #d7b76f;align-items:center;gap:12px;width:min(540px,100% - 24px);padding:14px;font:14px/1.5 Trebuchet MS,sans-serif;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fullscreen-notice button{color:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:24px}.rotation-overlay{z-index:102;text-align:center;color:#f0e7c9;background:#14261cf5;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:48px 0 0}.rotation-overlay h2{max-width:500px;font:30px/1.2 Georgia,serif}.rotation-overlay p{color:#b8c9a9;max-width:440px;font:16px/1.6 Trebuchet MS,sans-serif}.rotate-device{border:3px solid #d7b76f;border-radius:7px;width:52px;height:86px;display:block;box-shadow:inset 0 -8px #d7b76f}.rotate-device.landscape{margin:18px;transform:rotate(90deg)}