:root{color-scheme:dark;--ui-font: "BoldPixels", ui-monospace, monospace;--bg: #151617;--hud: #eee7dc;--hud-muted: #b9afa2;--hud-accent: #ad8f6c;--ui-panel: #2b2d2e;--ui-panel-raised: #363838;--ui-panel-soft: #414342;--ui-brown: #6c4d34;--ui-brown-light: #a27d58;--ui-border: rgba(123, 87, 57, .86);--ui-parchment: #c9c7c0;--ui-reason: #a98272;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@font-face{font-family:BoldPixels;src:url(/fonts/BoldPixels.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400 900}*{box-sizing:border-box}#app>:not(#landing):not(.landing),#app>:not(#landing):not(.landing) *{font-family:var(--ui-font)}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}html{font-size:17px}#app{position:relative}body{font-family:var(--ui-font);touch-action:none;user-select:none;-webkit-user-select:none}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.loading-screen{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));background:#121316;color:var(--hud);opacity:1;transition:opacity .22s ease}.loading-screen[data-state=leaving]{opacity:0;pointer-events:none}.loading-screen[hidden]{display:none}.loading-card{width:min(34rem,100%);border-top:3px solid var(--ui-brown);border-bottom:3px solid var(--ui-brown);padding:clamp(22px,5vw,42px) 0;text-align:center}.loading-kicker,#loading-status,#loading-percent{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:900;letter-spacing:.16em}.loading-kicker{margin:0;color:var(--ui-brown-light);font-size:.66rem}.loading-card .loading-title{margin:5px 0 clamp(30px,7vh,54px);color:var(--hud);font-size:clamp(2.35rem,8vw,4.8rem);line-height:.94;letter-spacing:.045em}#loading-status{min-height:1.25em;margin:0 0 11px;color:#c7bfb5;font-size:.68rem;letter-spacing:.08em}.loading-progress{width:100%;height:8px;overflow:hidden;border:1px solid var(--ui-border);background:#343637}#loading-progress-fill{display:block;width:100%;height:100%;background:var(--ui-brown-light);transform:scaleX(0);transform-origin:left center;transition:transform .14s ease}#loading-percent{margin:9px 0 0;color:#a9a39b;font-size:.62rem;letter-spacing:.1em}#hud{pointer-events:none;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(4px + var(--safe-top)) calc(10px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(10px + var(--safe-left));color:var(--hud);text-shadow:none}.hud-top{display:flex;flex-direction:column;align-items:center;align-self:center;width:100%;max-width:min(100%,26rem)}.hud-frame{display:flex;align-items:flex-start;gap:8px;width:100%;min-height:100px;padding:5px 8px 0 2px}.hud-frame[hidden]{display:none}.hud-portrait{appearance:none;pointer-events:auto;position:relative;flex:0 0 92px;width:92px;height:92px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.65));margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.hud-portrait:focus-visible{outline:2px solid rgb(237,191,107);outline-offset:3px}.hud-portrait-disc{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#0000001f;box-shadow:inset 0 0 0 5px #000000eb,inset 0 0 0 7px #ffffff2e}.hud-portrait-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scale(1.18);pointer-events:none}.hud-xp-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.hud-xp-ring{fill:none;stroke:#edbf6b;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .24s ease-out}@media(prefers-reduced-motion:reduce){.hud-xp-ring,.health-fill{transition:none}}.hud-level{position:absolute;right:-4px;bottom:-2px;z-index:1;margin:0;padding:3px 6px;border-radius:999px;border:2px solid rgba(0,0,0,.9);background:#edbf6b;color:#000;font-size:10px;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.hud-details{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0;padding-top:4px}.hud-summary{display:flex;align-items:center;gap:7px;height:28px;color:#c7d4de;font-size:13px;font-variant-numeric:tabular-nums}.hud-summary-item{display:inline-flex;align-items:center;gap:3px}.hud-coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe29a,#e0b04a 45%,#9a6f1e);box-shadow:inset 0 0 0 1.5px #3c280ad9}.hud-return{pointer-events:auto;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffff14;cursor:pointer}.hud-return img{width:17px;height:17px;filter:invert(78%) sepia(42%) saturate(520%) hue-rotate(352deg) brightness(98%)}.hud-return:focus-visible{outline:2px solid rgb(237,191,107);outline-offset:2px}.hud-vitals{display:flex;flex-direction:column;gap:5px;min-width:0}.hud-attributes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hud-attribute{display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:4px;min-width:0;color:#fff;font-variant-numeric:tabular-nums}.hud-attribute img{grid-row:1 / 3;width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(75%) sepia(31%) saturate(858%) hue-rotate(352deg) brightness(97%) contrast(89%);pointer-events:none}.hud-attribute-value{font-size:14px;line-height:1}.hud-attribute-label{color:#fff9;font-size:9px;line-height:1;letter-spacing:.04em}.health-bar{position:relative;width:100%;height:25px;border-radius:3px;overflow:hidden;background:#858f99c7;box-shadow:inset 0 0 0 2px #000000f2}.health-fill{width:100%;height:100%;border-radius:2px;background:linear-gradient(180deg,#f5211a,#c20a0d);transform-origin:left center;transition:transform .2s ease-out}#health-text{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;color:#fff;font-size:13px;font-variant-numeric:tabular-nums;text-shadow:0 0 2px rgba(0,0,0,.9);pointer-events:none}.hud-icon{flex:0 0 auto;width:22px;height:22px;object-fit:contain;filter:invert(78%) sepia(8%) saturate(320%) hue-rotate(169deg) brightness(95%);pointer-events:none}.hud-summary .hud-icon{width:17px;height:17px}.hud-bottom{display:flex;flex-direction:column;gap:6px}#instruction,#status{margin:0;max-width:28rem;text-shadow:0 1px 2px rgba(0,0,0,.65)}#instruction{color:var(--hud-muted);font-size:clamp(.85rem,3vw,1rem)}#status{min-height:1.3em;color:#c5a98b;font-size:clamp(.85rem,3vw,1rem);opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}#status[data-visible=true]{opacity:1;transform:translateY(0)}.threat-preview{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.threat-preview[hidden]{display:none}.threat-preview-item{padding:5px 8px;border:1px solid rgba(207,151,92,.58);border-radius:4px;background:#15110fd1;color:#efc798;font-size:clamp(.64rem,2.4vw,.76rem);letter-spacing:.025em;text-shadow:0 1px 2px #000}.shop,.level-up,.game-over,.character-sheet,.class-select{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));background:#0c0b0ac2;pointer-events:auto}.character-sheet[hidden]{display:none}.character-sheet{z-index:3;align-items:stretch;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#121110f7}.character-sheet-card{width:100%;height:100%;max-height:none;overflow-y:auto;padding:14px clamp(12px,3vw,30px);border:0;border-radius:0;background:var(--ui-panel);color:var(--hud);box-shadow:none}.character-sheet-card>*{width:min(100%,64rem);margin-right:auto;margin-left:auto}.character-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-sheet-header h2{margin:0;color:#fff0dc;font-size:1.7rem}.character-sheet-header button{flex:0 0 52px;width:52px;height:52px;border:2px solid #d39436;border-radius:50%;background:var(--ui-panel-raised);color:var(--hud);font:inherit;font-size:1.15rem;cursor:pointer}.character-sheet-header button:focus-visible{outline:2px solid #fff;outline-offset:3px}.character-sheet-feature{margin-top:8px;margin-bottom:12px;color:#ead4b7;font-size:1.12rem;line-height:1.4}.character-sheet-card section+section{margin-top:10px}.character-sheet-card h3{margin-top:0;margin-bottom:6px;color:#d2aa79;font-size:.96rem;letter-spacing:.1em;text-transform:uppercase}.character-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.character-sheet-attributes{grid-template-columns:repeat(4,minmax(0,1fr))}.character-sheet-combat{grid-template-columns:repeat(3,minmax(0,1fr))}.character-sheet-tile,.character-sheet-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:6px 10px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#3a3c3c;font-size:1.04rem}.character-sheet-attributes .character-sheet-tile{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px}.character-sheet-attribute-icon{grid-row:1 / 3;width:30px;height:30px;object-fit:contain;filter:brightness(0) saturate(100%) invert(75%) sepia(31%) saturate(858%) hue-rotate(352deg) brightness(97%) contrast(89%);pointer-events:none}.character-sheet-label{color:#ded4c8;line-height:1.25}.character-sheet-tile strong,.character-sheet-row strong{flex:0 0 auto;color:#fff0dc;font-size:1.1rem;font-weight:500}#character-sheet-progression{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}@media(max-width:800px){.character-sheet-card{padding:10px 10px 7px}.character-sheet-attributes,.character-sheet-combat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.character-sheet-card{padding:8px 8px 4px}.character-sheet-header h2{font-size:1.5rem}.character-sheet-header button{flex-basis:46px;width:46px;height:46px}.character-sheet-feature{margin-top:6px;margin-bottom:9px;font-size:1.02rem}.character-sheet-card section+section{margin-top:8px}.character-sheet-card h3{margin-bottom:5px;font-size:.9rem}.character-sheet-attributes,.character-sheet-combat{grid-template-columns:repeat(2,minmax(0,1fr))}.character-sheet-tile,.character-sheet-row{min-height:44px;padding:5px 8px;font-size:.98rem}.character-sheet-tile strong,.character-sheet-row strong{font-size:1.04rem}#character-sheet-progression{grid-template-columns:1fr}}.shop{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.level-up{z-index:3}.game-over{z-index:4}.class-select{z-index:5}.shop[hidden],.level-up[hidden],.game-over[hidden],.character-sheet[hidden],.class-select[hidden]{display:none}.shop-card,.level-up-card,.game-over-card,.class-select-card{width:min(22rem,100%);padding:28px 24px;border-radius:12px;background:var(--ui-panel);color:var(--hud);text-align:center;box-shadow:0 12px 40px #00000073}.shop-card,.level-up-card,.class-select-card{display:flex;flex-direction:column;gap:12px;text-align:left}.shop-card h2,.level-up-card h2,.game-over-card h2{margin:0;letter-spacing:.08em;font-size:clamp(1.35rem,5.5vw,2rem);text-align:center}.class-select-card h2{margin:0;letter-spacing:.08em;font-size:clamp(.95rem,3.4vw,1.15rem);text-align:center}.game-over-card h2{font-size:clamp(1.8rem,7vw,2.4rem)}#shop-gold,#level-up-level,#level-up-xp{margin:0;text-align:center;font-size:1.05rem}#shop-gold{color:#bea078}#level-up-level{color:#c6b6a2}#level-up-xp{color:#ad9679}.level-up-hint{color:var(--hud-muted);font-size:.9rem;margin:0 0 8px}#level-up-points{color:#d5c7b5;margin:0 0 4px}.level-up-choices{display:grid;gap:9px}.level-up-choice,.level-up-confirm{appearance:none;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-panel-raised);color:var(--hud);font:inherit;cursor:pointer}.level-up-choice{display:flex;min-height:64px;padding:10px 12px;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}.level-up-choice strong{color:#e5d4bd;font-size:.9rem}.level-up-choice span{color:var(--hud-muted);font-size:.72rem;line-height:1.35}.level-up-choice .level-up-choice-impact{color:#d4b27d;font-size:.65rem;line-height:1.35}.level-up-choice.selected{border-color:#c3a27c;background:var(--ui-panel-soft)}.level-up-confirm{width:100%;min-height:48px;margin-top:8px;padding:12px 14px}.level-up-choice:disabled,.level-up-confirm:disabled{opacity:.45;cursor:not-allowed}.shop-offer,.shop-special-offer,.class-option,#shop-leave{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:52px;border:1px solid var(--ui-border);border-radius:10px;padding:12px 14px;background:var(--ui-panel-raised);color:var(--hud);font:inherit;text-align:left;cursor:pointer}.shop-offer-title,.class-option-name{color:#d5c7b5;font-size:1rem}.shop-offer-desc,.shop-offer-reason,.class-option-desc{color:var(--hud-muted);font-size:.9rem}.class-option-stats{display:none}.shop-offer-reason:empty{display:none}.shop-offer:disabled{opacity:.48;cursor:not-allowed}.shop-offer:focus-visible,.shop-special-offer:focus-visible,.level-up-step:focus-visible,.level-up-confirm:focus-visible,.class-option:focus-visible,#shop-leave:focus-visible{outline:2px solid var(--ui-brown-light);outline-offset:3px}#shop-leave{align-items:center;justify-content:center;margin-top:4px;border-color:transparent;border-radius:999px;background:var(--ui-brown-light);color:#211c18;font-size:1rem;text-align:center}.shop-card{width:min(50rem,100%);max-height:calc(100dvh - 48px - var(--safe-top) - var(--safe-bottom));padding:0;overflow:hidden auto;border:3px solid var(--ui-brown);border-radius:14px;background:#292b2c;box-shadow:0 24px 70px #000000a8,inset 0 0 0 1px #ad97811f}.shop-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px 15px;border-bottom:3px solid var(--ui-brown);background:#303233}.shop-kicker,.shop-section-title{margin:0 0 4px;color:var(--ui-brown-light);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.67rem;font-weight:800;letter-spacing:.18em}.shop-card .shop-header h2{margin:0;color:var(--hud);font-size:clamp(1.28rem,3vw,1.72rem);line-height:1;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.55)}.shop-purse{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:108px;border:2px solid var(--ui-border);border-radius:999px;padding:7px 10px 7px 13px;background:#3a3c3c;color:#bea17e;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.11em}.shop-purse:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ui-brown-light);box-shadow:inset -2px -2px #5f390f52,0 0 8px #97745247}#shop-gold{min-width:1.2ch;color:#c7aa84;font-family:inherit;font-size:1.12rem;line-height:1}.shop-body{display:grid;grid-template-columns:minmax(190px,.82fr) minmax(0,1.65fr);min-height:350px;background:#292b2c}.shop-merchant-panel{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px 18px;border-right:3px solid var(--ui-brown);background:#343637}.shop-portrait-stage{position:relative;height:230px;overflow:hidden;border-radius:13px;background:transparent}#shop-merchant-preview{position:relative;z-index:1;display:block;width:100%;height:100%;background:transparent}.shop-portrait-loading{position:absolute;inset:50% auto auto 50%;color:#bfa58680;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.18em;transform:translate(-50%,-50%);transition:opacity .18s ease}#shop-merchant-preview[data-ready=true]+.shop-portrait-loading{opacity:0}.shop-speech{position:relative;z-index:2;margin:-8px 2px 0;border:2px solid var(--ui-border);border-radius:12px;padding:11px 12px;background:var(--ui-parchment);color:#292724;font-size:clamp(.9rem,2vw,1rem);font-weight:700;line-height:1.25;text-align:center;box-shadow:0 6px 18px #0000004d}.shop-speech:before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;border-top:2px solid var(--ui-border);border-left:2px solid var(--ui-border);background:var(--ui-parchment);transform:translate(-50%) rotate(45deg)}.shop-inventory{display:flex;min-width:0;flex-direction:column;padding:17px 18px 18px;background:#292b2c}.shop-section-title{margin-bottom:9px}.shop-special-offer{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 94px;align-items:stretch;gap:10px;width:100%;min-height:112px;border:2px solid var(--ui-border);border-radius:10px;padding:11px 12px;background:#393b3b;color:var(--hud);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,transform .14s ease}.shop-special-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}.shop-special-offer:not(:disabled):hover{border-color:#a27d58;background:#424443;transform:translateY(-1px)}.shop-special-heading{display:flex;align-items:center;justify-content:space-between;width:100%}.shop-special-class{color:#c3a27c;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.61rem;font-weight:900;letter-spacing:.14em}.shop-special-title{color:#ded2c1;font-size:1rem;font-weight:700}.shop-special-current{color:#9a9084;font-size:.7rem;letter-spacing:.02em}.shop-special-desc{color:#bdb3a6;font-size:.78rem;line-height:1.22}.shop-special-stats{color:#bda17f;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.04em}.shop-special-reason{margin-top:auto;color:var(--ui-reason);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.67rem;font-weight:700}.shop-special-reason:empty{display:none}.shop-special-preview-stage{position:relative;display:block;min-height:86px;overflow:hidden;border:2px solid var(--ui-border);border-radius:8px;background:#2b2d2e}#shop-weapon-preview{position:relative;z-index:1;display:block;width:100%;height:100%;background:transparent;pointer-events:none}.shop-special-preview-loading{position:absolute;inset:50% auto auto 50%;color:#bfa58680;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.56rem;font-weight:800;letter-spacing:.16em;transform:translate(-50%,-50%);transition:opacity .18s ease}#shop-weapon-preview[data-ready=true]+.shop-special-preview-loading{opacity:0}.shop-special-offer:disabled{opacity:.68;cursor:not-allowed}.shop-special-offer[hidden],.shop-potion-offer[hidden]{display:none}.shop-special-offer+.shop-section-title,#shop-potion-section-title{margin-top:13px}.shop-potion-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:4px}.shop-potion-shelf[hidden],#shop-potion-section-title[hidden]{display:none}.shop-potion-offer{appearance:none;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:stretch;gap:9px;min-height:96px;border:2px solid var(--ui-border);border-radius:9px;padding:9px 10px;background:var(--ui-panel-raised);color:var(--hud);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.shop-potion-offer:not(:disabled):hover{border-color:#a27d58;background:var(--ui-panel-soft);transform:translateY(-1px)}.shop-potion-offer:disabled{opacity:.68;cursor:not-allowed}.shop-potion-offer:focus-visible{outline:2px solid #c3a27c;outline-offset:2px}.shop-potion-preview-stage{position:relative;display:block;min-height:74px;overflow:hidden;border:2px solid var(--ui-border);border-radius:8px;background:#2b2d2e}.shop-potion-preview-stage canvas{position:relative;z-index:1;display:block;width:100%;height:100%;background:transparent;pointer-events:none}.shop-potion-preview-loading{position:absolute;inset:50% auto auto 50%;color:#bfa58680;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.5rem;font-weight:800;letter-spacing:.14em;transform:translate(-50%,-50%);transition:opacity .18s ease}.shop-potion-preview-stage canvas[data-ready=true]+.shop-potion-preview-loading{opacity:0}.shop-potion-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.shop-potion-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.shop-potion-title{color:#ddd0be;font-size:.92rem;font-weight:700}.shop-potion-desc{color:#bdb1a1;font-size:.76rem;line-height:1.25}.shop-potion-reason{margin-top:auto;color:var(--ui-reason);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.025em}.shop-potion-reason:empty{display:none}.shop-potion-shelf+.shop-section-title{margin-top:13px}.shop-offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-offer{min-height:104px;border-color:var(--ui-border);border-width:2px;border-radius:9px;padding:11px 12px;background:var(--ui-panel-raised);transition:border-color .14s ease,background .14s ease,transform .14s ease}.shop-offer:not(:disabled):hover{border-color:#a27d58;background:var(--ui-panel-soft);transform:translateY(-1px)}.shop-offer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.shop-offer-title{color:#ddd0be;font-weight:700}.shop-offer-cost{flex:0 0 auto;border:1px solid var(--ui-border);border-radius:999px;padding:3px 7px;background:#292b2c;color:#c1a27d;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.05em}.shop-offer-desc{color:#bdb1a1;font-size:.83rem;line-height:1.28}.shop-offer-reason{margin-top:auto;color:var(--ui-reason);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.67rem;font-weight:700;letter-spacing:.025em}.shop-offer:disabled{opacity:.68}#shop-leave{min-height:44px;margin-top:auto;border:2px solid var(--ui-border);border-radius:9px;padding:11px 16px;background:#3b3d3d;color:var(--hud);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.12em;box-shadow:inset 0 0 0 1px #c3b5a414}#shop-leave:hover{border-color:#a27d58;background:#474948}.class-select{align-items:stretch;padding:0;background:#242627}.class-select-card{display:grid;grid-template-rows:auto minmax(220px,1fr) auto;gap:clamp(10px,1.8vh,18px);width:100%;height:100%;max-height:none;padding:calc(18px + var(--safe-top)) calc(22px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(22px + var(--safe-left));overflow:hidden;border:0;border-radius:0;background:#2b2d2e;text-align:center;box-shadow:none}.class-select-header{position:relative;width:min(54rem,100%);margin:0 auto;padding-bottom:10px;border-bottom:3px solid var(--ui-brown)}.class-select-kicker,.class-carousel-position,.class-swipe-hint{margin:0;color:var(--ui-brown-light);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.66rem;font-weight:900;letter-spacing:.18em}.class-select-card .class-select-header h2{margin:2px 0 0;color:var(--hud);font-size:clamp(2rem,5.2vw,4rem);line-height:.96;letter-spacing:.065em;text-align:center;text-transform:uppercase}.class-carousel-position{position:absolute;right:0;bottom:12px;color:#aaa49b;letter-spacing:.08em}.class-carousel{display:grid;grid-template-columns:74px minmax(0,42rem) 74px;align-items:center;justify-content:center;gap:clamp(10px,2.4vw,28px);min-height:0;touch-action:pan-y}.class-preview-stage{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}#class-model-preview{position:relative;z-index:1;display:block;width:100%;height:100%;background:transparent}.class-preview-loading{position:absolute;inset:50% auto auto 50%;color:#c0b19f85;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.65rem;font-weight:900;letter-spacing:.18em;transform:translate(-50%,-50%);transition:opacity .18s ease}#class-model-preview[data-ready=true]+.class-preview-loading{opacity:0}.class-carousel-control{appearance:none;width:74px;height:104px;border:0;border-radius:0;background:transparent;color:#bc9168;font:inherit;font-size:4.5rem;line-height:.7;cursor:pointer;transition:color .14s ease,transform .14s ease}.class-carousel-control:hover{background:transparent;color:#d0aa82;transform:scale(1.08)}.class-carousel-control:active{transform:scale(.96)}.class-carousel-control:disabled{color:#7d7166;cursor:wait;opacity:.42}.class-select-details{display:flex;width:min(42rem,100%);margin:0 auto;border-top:3px solid var(--ui-brown);padding-top:9px;flex-direction:column;gap:9px}.class-current-desc{min-height:1.35em;margin:0;color:#d1ccc4;font-size:clamp(.95rem,2vw,1.12rem);line-height:1.35}.class-current-feature{margin:-3px 0 0;color:#b99a7b;font-size:clamp(.72rem,1.7vw,.88rem);line-height:1.35}.class-current-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.class-current-stats>span{display:flex;min-height:58px;border:2px solid var(--ui-border);border-radius:8px;background:#363838;flex-direction:column;align-items:center;justify-content:center}.class-current-stats small{color:#b99a7b;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.58rem;font-weight:900;letter-spacing:.12em}.class-current-stats strong{color:var(--hud);font-size:1.25rem;line-height:1.1}#class-select-current{appearance:none;min-height:46px;border:3px solid var(--ui-border);border-radius:9px;background:#414342;color:var(--hud);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:900;letter-spacing:.14em;cursor:pointer}#class-select-current:hover{border-color:var(--ui-brown-light);background:#4a4c4b}#class-select-current:disabled{color:#b8b1a8;cursor:wait;opacity:.76}.class-carousel-control:focus-visible{outline:0;color:#d0aa82}#class-select-current:focus-visible{outline:2px solid #d4c2ad;outline-offset:3px}.class-swipe-hint{color:#918b83;font-size:.56rem;letter-spacing:.14em}.class-select-credit{margin:8px 0 0;color:#7d7871;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.04em;line-height:1.4;pointer-events:auto}.class-select-credit a{color:#c4a27a;text-decoration:underline;text-underline-offset:2px}.class-select-credit a:focus-visible{outline:2px solid #d4c2ad;outline-offset:3px}#game-over-distance{margin:12px 0 22px;color:var(--hud-accent)}#restart-run{appearance:none;border:0;border-radius:999px;padding:12px 22px;background:var(--ui-brown-light);color:#211c18;font:inherit;font-size:1rem;cursor:pointer}#restart-run:focus-visible{outline:2px solid #f3efe4;outline-offset:3px}@media(min-width:720px){#hud{padding:calc(8px + var(--safe-top)) calc(16px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(16px + var(--safe-left))}.hud-top{max-width:28rem}}@media(max-width:619px){.class-select-card{grid-template-rows:auto minmax(230px,1fr) auto;gap:9px;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left))}.class-select-header{padding-bottom:8px}.class-select-kicker{font-size:.56rem}.class-select-card .class-select-header h2{font-size:clamp(1.8rem,10vw,2.65rem)}.class-carousel-position{bottom:9px;font-size:.54rem}.class-carousel{position:relative;display:block;width:calc(100% + 24px + var(--safe-left) + var(--safe-right));margin-left:calc(-12px - var(--safe-left))}.class-carousel-control{position:absolute;top:50%;z-index:3;width:48px;height:82px;font-size:3.6rem;transform:translateY(-50%)}#class-previous{left:calc(8px + var(--safe-left))}#class-next{right:calc(8px + var(--safe-right))}.class-carousel-control:hover{transform:translateY(-50%) scale(1.08)}.class-carousel-control:active{transform:translateY(-50%) scale(.96)}.class-preview-stage{width:100%;height:100%;min-height:230px}.class-select-details{gap:7px}.class-current-desc{min-height:2.6em;font-size:.88rem}.class-current-stats{gap:5px}.class-current-stats>span{min-height:50px;border-width:1px}.class-current-stats small{font-size:.48rem;letter-spacing:.07em}.class-current-stats strong{font-size:1.05rem}#class-select-current{min-height:42px;border-width:2px;font-size:.66rem}.shop{align-items:center;padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.shop-card{max-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom));border-radius:14px}.shop-header{padding:13px 14px 11px}.shop-card .shop-header h2{font-size:1.18rem}.shop-kicker{font-size:.58rem}.shop-purse{min-width:auto;padding:6px 9px}.shop-purse>span{display:none}.shop-body{display:block;min-height:0}.shop-merchant-panel{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;padding:7px 12px;border-right:0;border-bottom:3px solid var(--ui-brown)}.shop-portrait-stage{height:112px}.shop-speech{margin:0;padding:10px;text-align:left}.shop-speech:before{top:50%;left:-8px;border-top:0;border-bottom:2px solid var(--ui-border);transform:translateY(-50%) rotate(45deg)}.shop-inventory{padding:12px}.shop-section-title{margin-bottom:7px}.shop-offers-grid{gap:7px}.shop-offer{min-height:92px;padding:9px 10px}.shop-special-offer{grid-template-columns:minmax(0,1fr) 78px;min-height:96px;padding:9px 10px}.shop-special-preview-stage{min-height:78px}.shop-potion-shelf{gap:7px}.shop-potion-offer{grid-template-columns:60px minmax(0,1fr);min-height:86px;padding:8px 9px}.shop-potion-preview-stage{min-height:66px}.shop-potion-title{font-size:.82rem}.shop-potion-desc{font-size:.7rem}.shop-special-title{font-size:.9rem}.shop-special-desc{font-size:.72rem}.shop-offer-title{font-size:.9rem}.shop-offer-desc{font-size:.73rem}.shop-offer-reason{font-size:.61rem}#shop-leave{min-height:42px;margin-top:9px}}@font-face{font-family:Kaph;src:url(/fonts/Kaph-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--stone-deep: #2a323c;--stone-mid: #3a4450;--ink: #f4f1ea;--ink-soft: #d7dde4;--moss: #2f9b5b;--moss-deep: #1f6f41;--ember: #e07a2f;--ember-deep: #b45312;--leather: #8b5a2b;--font-display: "Kaph", sans-serif;--font-body: "Kaph", sans-serif}.landing,.landing *{font-family:var(--font-body)!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing{position:absolute;z-index:11;inset:0;display:grid;place-items:center;padding:calc(28px + var(--safe-top)) calc(20px + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(20px + var(--safe-left));overflow:hidden;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.landing[hidden]{display:none}.stone-backdrop{position:absolute;inset:0;z-index:0;background-color:var(--stone-mid);background-image:url(/images/stone-tile.png);background-repeat:repeat;background-size:420px auto;background-position:center top;transform:scale(1.02);animation:stone-drift 48s linear infinite}.stone-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 70% at 50% 42%,#12161c14,#12161c6b 58%,#0c0e12b8),linear-gradient(to bottom,#0c0e1259,#0c0e1214 28%,#0c0e122e 72%,#0c0e128c)}.landing-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(920px,100%);text-align:center}.landing-hero-wrap{width:min(860px,100%);opacity:0;transform-origin:50% 70%;animation:hero-enter .9s cubic-bezier(.22,1,.36,1) 80ms forwards}.landing-hero{display:block;width:100%;height:auto;margin:0;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));animation:hero-bob 4.8s ease-in-out 1.1s infinite}.landing-tagline{margin:clamp(10px,2.4vh,22px) 0 0;max-width:22rem;color:var(--ink-soft);font-size:clamp(1.05rem,2.8vw,1.35rem);font-weight:400;line-height:1.35;letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.55);opacity:0;animation:copy-enter .7s ease .42s forwards}.landing-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(18px,3.2vh,28px);opacity:0;animation:copy-enter .7s ease .62s forwards}.cta{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:15.5rem;padding:.7rem 1.6rem;border:3px solid rgba(244,241,234,.88);border-radius:14px;color:var(--ink);font-size:1.05rem;font-weight:400;letter-spacing:.04em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.cta-play{background:linear-gradient(180deg,var(--moss) 0%,var(--moss-deep) 100%);box-shadow:0 10px #12281c8c,0 18px 28px #00000047}.cta-ios{background:linear-gradient(180deg,var(--ember) 0%,var(--ember-deep) 100%);box-shadow:0 10px #5a280c8c,0 18px 28px #00000047}.cta:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.cta-play:hover:not(:disabled){box-shadow:0 12px #12281c8c,0 22px 32px #0000004d}.cta-ios:hover:not(:disabled){box-shadow:0 12px #5a280c8c,0 22px 32px #0000004d}.cta:active:not(:disabled){transform:translateY(4px)}.cta-play:active:not(:disabled){box-shadow:0 4px #12281c8c,0 10px 18px #0000003d}.cta-ios:active:not(:disabled){box-shadow:0 4px #5a280c8c,0 10px 18px #0000003d}.cta:disabled{cursor:default;opacity:.92}.cta:focus-visible{outline:3px solid #f0d27a;outline-offset:4px}@keyframes stone-drift{0%{background-position:center top}to{background-position:center calc(100% + 420px)}}@keyframes hero-enter{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes copy-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.stone-backdrop{background-size:280px auto}.landing-hero-wrap{width:min(100%,560px)}}@media(prefers-reduced-motion:reduce){.stone-backdrop,.landing-hero-wrap,.landing-hero,.landing-tagline,.landing-actions{animation:none}.landing-hero-wrap,.landing-tagline,.landing-actions{opacity:1}.cta{transition:none}}.site-nav{position:absolute;z-index:13;top:calc(8px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));display:flex;justify-content:space-between;pointer-events:none}.site-nav[hidden]{display:none}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--ink-soft, #d7dde4);font-family:var(--font-display, "Kaph", sans-serif);font-size:.78rem;font-weight:400;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.55);pointer-events:auto;cursor:pointer}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink, #f4f1ea)}.site-nav a:focus-visible{outline:3px solid #f0d27a;outline-offset:3px}@media(max-width:420px){.site-nav a{font-size:.68rem;letter-spacing:.06em;padding:0 6px}}.about{position:absolute;z-index:12;inset:0;overflow:auto;overscroll-behavior:contain;padding:calc(64px + var(--safe-top)) calc(24px + var(--safe-right)) calc(48px + var(--safe-bottom)) calc(24px + var(--safe-left));background:linear-gradient(to bottom,#12161cd1,#12161ceb),url(/images/stone-tile.png);background-size:auto,420px auto;background-repeat:no-repeat,repeat;color:var(--ink, #f4f1ea);font-family:var(--font-body, "Kaph", sans-serif);touch-action:pan-y;user-select:text;-webkit-user-select:text;-webkit-overflow-scrolling:touch}.about[hidden]{display:none}.about-header,.about-section{width:min(36rem,100%);margin:0 auto}.about-kicker{margin:0;color:var(--moss, #2f9b5b);font-size:.72rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.about-header h1{margin:6px 0 0;font-size:clamp(2.15rem,8vw,4.2rem);line-height:.98;letter-spacing:.045em;text-shadow:0 2px 18px rgba(0,0,0,.55)}.about-status{margin:14px 0 0;color:var(--ink-soft, #d7dde4);font-size:clamp(.95rem,2.4vw,1.1rem);letter-spacing:.04em}.about-browser{margin:6px 0 0;color:var(--ink-soft, #d7dde4);font-size:clamp(.95rem,2.4vw,1.1rem);line-height:1.4}.about-browser a{color:inherit;text-underline-offset:.18em}.about-browser a:hover{color:var(--ink, #f4f1ea)}.about-browser a:focus-visible{outline:3px solid #f0d27a;outline-offset:3px}.about-section{margin-top:clamp(28px,5vh,42px);padding-top:18px;border-top:1px solid rgba(123,87,57,.55)}.about-section h2{margin:0 0 12px;color:var(--moss, #2f9b5b);font-size:.72rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.about-section p{margin:0 0 1em;color:var(--ink-soft, #d7dde4);font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.5;text-shadow:0 1px 10px rgba(0,0,0,.45)}.about-section p:last-child{margin-bottom:0}.about-email,.about-projects a,.about-section a,.about-waitlist-link{color:var(--ink, #f4f1ea);text-underline-offset:.18em}.about-waitlist-link{appearance:none;display:inline;margin:0;padding:0;border:0;background:none;font:inherit;text-decoration:underline;cursor:pointer}.about-email:hover,.about-projects a:hover,.about-section a:hover,.about-waitlist-link:hover{color:var(--moss, #2f9b5b)}.about-email:focus-visible,.about-projects a:focus-visible,.about-section a:focus-visible,.about-waitlist-link:focus-visible{outline:3px solid #f0d27a;outline-offset:3px}.about-projects{margin:0;padding:0;list-style:none}.about-projects li{display:flex;flex-direction:column;gap:4px;margin:0 0 18px}.about-projects li:last-child{margin-bottom:0}.about-projects a{font-size:clamp(1.15rem,3vw,1.45rem);letter-spacing:.02em}.about-projects span{color:#d7dde4b8;font-size:.95rem;line-height:1.4}.waitlist-modal{width:min(26rem,calc(100vw - 2rem));margin:auto;padding:0;border:3px solid rgba(244,241,234,.88);border-radius:16px;background:linear-gradient(180deg,#2a323cfa,#1e242cfa);color:var(--ink, #f4f1ea);font-family:var(--font-body, "Kaph", sans-serif);box-shadow:0 24px 48px #00000073}.waitlist-modal::backdrop{background:#0c0e12b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.waitlist-modal-card{padding:1.35rem 1.35rem 1.5rem}.waitlist-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:.85rem}.waitlist-modal-kicker{margin:0;color:var(--ember, #e07a2f);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.waitlist-modal-header h2{margin:4px 0 0;font-size:clamp(1.35rem,4vw,1.7rem);line-height:1.1;letter-spacing:.02em}.waitlist-modal-close{appearance:none;flex:0 0 auto;width:40px;height:40px;margin:-6px -6px 0 0;border:0;border-radius:10px;background:transparent;color:var(--ink-soft, #d7dde4);font-size:1.6rem;line-height:1;cursor:pointer}.waitlist-modal-close:hover{color:var(--ink, #f4f1ea);background:#ffffff0f}.waitlist-modal-close:focus-visible{outline:3px solid #f0d27a;outline-offset:2px}.waitlist-modal-copy{margin:0 0 1rem;color:var(--ink-soft, #d7dde4);font-size:.95rem;line-height:1.45}.waitlist-form{position:relative;display:flex;flex-direction:column;gap:10px}.waitlist-label{margin:0;color:var(--ink-soft, #d7dde4);font-size:.85rem;letter-spacing:.04em}.waitlist-form input[type=email]{width:100%;min-height:48px;padding:0 12px;border:2px solid rgba(123,87,57,.7);border-radius:10px;background:#12161cb8;color:var(--ink, #f4f1ea);font-family:inherit;font-size:1rem}.waitlist-form input[type=email]::placeholder{color:#d7dde473}.waitlist-form input[type=email]:focus-visible{outline:3px solid #f0d27a;outline-offset:2px}.waitlist-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.waitlist-submit{appearance:none;min-height:48px;margin-top:4px;border:3px solid rgba(244,241,234,.88);border-radius:12px;background:linear-gradient(180deg,var(--ember, #e07a2f) 0%,var(--ember-deep, #b45312) 100%);color:var(--ink, #f4f1ea);font-family:inherit;font-size:1rem;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px #5a280c8c}.waitlist-submit:hover:not(:disabled){filter:brightness(1.06)}.waitlist-submit:disabled{cursor:wait;opacity:.8}.waitlist-submit:focus-visible{outline:3px solid #f0d27a;outline-offset:3px}.waitlist-status{min-height:1.35em;margin:2px 0 0;color:var(--ink-soft, #d7dde4);font-size:.88rem;line-height:1.4}.waitlist-status[data-kind=ok]{color:#9fd9b3}.waitlist-status[data-kind=error]{color:#e2b7a4}.waitlist-hint{margin:10px 0 0;color:#d7dde4a6;font-size:.78rem;line-height:1.4}