:root{color-scheme:dark;--night:#10211f;--night-2:#172d29;--wood:#24372f;--panel:#1b302b;--panel-high:#284139;--ink:#e9eadb;--muted:#a6b5a5;--faint:#748b7d;--gold:#e0b771;--gold-dark:#a6793e;--jade:#91c5a2;--red:#e4937c;--electric:#b2c7eb;--heat:#eeae74;--line:#3b5141;--shadow:0 14px 42px #07141066;--radius:18px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;line-height:1.55;font-synthesis:none;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% 0%,#31524580,transparent 58%),var(--night);color:var(--ink);min-height:100svh}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{touch-action:manipulation}a{color:var(--jade)}svg{display:block;max-width:100%}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{max-width:1216px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 32px 18px;border-bottom:1px solid #354a3c88}.brand{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;padding:0}.brand-mark{width:48px;height:48px;flex-shrink:0}.brand-type strong{font-size:18px;letter-spacing:-.6px;display:block;color:var(--gold)}.brand-type small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:2px}.top-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--muted);transition:background .15s,color .15s}.icon-button:hover{background:var(--panel-high);color:var(--gold)}.icon-button svg{width:21px;height:21px}.app-shell{max-width:1216px;margin:auto;padding:30px 32px 24px}.site-footer{max-width:1216px;margin:8px auto 0;padding:18px 32px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--faint);font-size:12px}.site-footer button{border:0;background:transparent;color:var(--faint);padding:8px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:1px;background:var(--gold-dark)}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,4.2vw,57px);line-height:1.25;letter-spacing:-2px;font-weight:800}h2{font-size:25px;letter-spacing:-.8px;line-height:1.35}h3{font-size:16px;letter-spacing:-.3px}.muted{color:var(--muted)}.text-small{font-size:12px}.gold{color:var(--gold)}.jade{color:var(--jade)}.mono{font-variant-numeric:tabular-nums}.home-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:24px;align-items:center;margin-bottom:28px;min-height:260px}.hero-copy{max-width:500px}.hero-copy h1{margin:14px 0 17px}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{color:var(--muted);line-height:1.8;max-width:420px}.hero-art{position:relative;min-width:0;display:grid;place-items:center;min-height:290px}.hero-art:before{content:"";position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(ellipse,#ddb2631c,transparent 72%)}.hero-art>svg{width:100%;max-width:480px;filter:drop-shadow(0 14px 30px #07130d60)}.hero-caption{position:absolute;bottom:0;font-size:11px;letter-spacing:1px;color:var(--faint)}.profile-strip{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px}.profile-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.profile-stat svg{width:19px;height:19px;color:var(--gold)}.profile-stat strong{color:var(--ink);font-size:16px}.home-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;align-items:start}.panel{background:linear-gradient(145deg,#253d3299,#172d2799);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.start-panel{padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-header>span{font-size:11px;letter-spacing:1.4px;color:var(--faint);text-transform:uppercase}.loadout-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.loadout-card{position:relative;text-align:left;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:#11251e8c;min-width:0;transition:background .15s,border-color .15s,transform .15s}.loadout-card:hover{transform:translateY(-2px);background:#294233}.loadout-card[aria-pressed=true]{border-color:var(--gold);background:#38523d88;box-shadow:inset 0 0 0 1px #c6a76b30}.loadout-card .loadout-art{height:78px;display:grid;place-items:center;margin-bottom:7px}.loadout-art svg{height:82px;width:90px}.loadout-card strong{display:block;font-size:14px}.loadout-card .loadout-description{font-size:11px;color:var(--muted);margin-top:4px;min-height:34px}.loadout-items{display:flex;gap:3px;margin-top:9px}.loadout-items svg{height:26px;width:26px}.selection-dot{position:absolute;top:10px;right:10px;width:13px;height:13px;border:1px solid var(--faint);border-radius:50%}.loadout-card[aria-pressed=true] .selection-dot{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px var(--panel)}.difficulty-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:20px 0 18px}.difficulty-row label{font-size:12px;color:var(--muted)}.segmented{display:flex;padding:3px;background:#10251d;border:1px solid var(--line);border-radius:9px;gap:2px}.segmented button{border:0;background:transparent;color:var(--muted);padding:6px 13px;border-radius:6px;font-size:12px;min-height:34px}.segmented button[aria-pressed=true]{color:var(--gold);background:var(--panel-high)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--panel-high);color:var(--ink);font-weight:650;font-size:14px;transition:transform .12s,background .12s}.button svg{width:18px;height:18px}.button:hover:not(:disabled){background:#3b5540;transform:translateY(-1px)}.button.primary{background:var(--gold);color:#273325;border-color:#efc788;box-shadow:0 3px 0 var(--gold-dark)}.button.primary:hover:not(:disabled){background:#edc88b}.button.danger{color:var(--red)}.button.subtle{background:transparent;border-color:transparent;color:var(--muted)}.button.small{font-size:12px;padding:8px 12px;min-height:36px}.button.full{width:100%}.start-actions{display:grid;gap:10px}.button.resume{border-color:var(--jade);color:var(--jade);background:#243e32}.start-note{font-size:11px;color:var(--faint);text-align:center;margin-top:14px}.side-stack{display:grid;gap:14px}.mode-card{padding:21px;text-align:left;width:100%;color:inherit;position:relative}.mode-card .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:9px}.mode-card h3{margin-bottom:8px}.mode-card p{font-size:12px;color:var(--muted);max-width:260px}.mode-card .mode-symbol{position:absolute;right:18px;top:22px;color:var(--gold);opacity:.6}.mode-symbol svg{width:27px;height:27px}.mode-card:hover{border-color:var(--gold-dark)}.intro-lines{display:grid;gap:10px;padding:2px 4px;margin-top:2px}.intro-line{display:flex;gap:9px;font-size:12px;color:var(--muted)}.intro-line span:first-child{color:var(--gold);font-variant-numeric:tabular-nums}.run-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start;max-width:1040px;margin:auto}.run-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:-5px}.run-heading-left{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.run-title{font-size:19px;letter-spacing:-.5px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--line);border-radius:20px;font-size:10px;color:var(--muted);background:#162b2380;white-space:nowrap}.run-resources{display:flex;align-items:center;gap:18px}.resource{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums}.resource svg{height:19px;width:19px}.resource.hp{color:var(--red)}.resource.coins{color:var(--gold)}.round-track{display:flex;align-items:center;gap:5px;margin-bottom:16px}.round-step{height:5px;flex:1;background:#2b4539;border-radius:5px}.round-step.done{background:var(--jade)}.round-step.current{background:var(--gold)}.round-step.boss{height:8px}.game-stage{position:relative;isolation:isolate}.battle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:7}.enemy-panel{position:relative;display:grid;grid-template-columns:1fr 160px;gap:10px;align-items:center;min-height:175px;padding:20px 22px;margin-bottom:18px;overflow:hidden;background:radial-gradient(ellipse at 82% 80%,#77967e1f,transparent 60%),linear-gradient(120deg,#1b302a,#142720)}.enemy-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28px;background:linear-gradient(transparent,#0c211955);pointer-events:none}.enemy-copy{position:relative;z-index:2}.enemy-copy .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:8px}.enemy-name{font-size:21px;font-weight:750;letter-spacing:-.5px;margin-bottom:8px}.enemy-description{color:var(--muted);font-size:12px;line-height:1.6;margin:9px 0 0;max-width:310px}.enemy-art{display:grid;place-items:center;position:relative;z-index:2;min-width:0;transform-origin:50% 80%;transition:filter .12s}.enemy-art svg{height:140px;width:170px}.enemy-art.hit{animation:enemy-hit .17s}.enemy-art.defeated{opacity:.55;filter:grayscale(.3);transform:rotate(7deg)}@keyframes enemy-hit{25%{transform:translateX(4px) rotate(2deg);filter:brightness(1.6)}75%{transform:translateX(-3px) rotate(-1deg)}}.health-bar{height:7px;background:#10231b;border-radius:5px;overflow:hidden;margin-top:10px;position:relative}.health-fill{height:100%;background:var(--red);width:100%;border-radius:5px;transition:width .12s}.enemy-hp{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:6px}.enemy-flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.enemy-flags .pill{font-size:10px;padding:2px 7px}.battle-clock{color:var(--gold);font-weight:700}.enraged{border-color:#9d604d}.enraged .enemy-copy .eyebrow{color:var(--red)}.workbench{position:relative;padding:17px 20px 20px;background:linear-gradient(145deg,#37513c,#23392d);border:1px solid #597052;border-radius:18px;box-shadow:inset 0 0 0 4px #172b2299,0 12px 30px #06130e66}.bench-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#c6d2b9}.bench-label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.bench-label svg{height:18px;width:18px;color:var(--gold)}.bench-caption{font-size:10px;color:#a4b797}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:440px;margin:auto;touch-action:none}.board-cell{position:relative;min-width:0;aspect-ratio:1/1.08;border:1px solid #576148;border-radius:10px;background:linear-gradient(145deg,#344333,#27382a);box-shadow:inset 0 2px 4px #1424197a,0 2px 0 #162819;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:background .14s,border-color .14s,transform .12s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board-cell:before,.board-cell:after{content:"";position:absolute;width:4px;height:4px;background:#89947166;border-radius:50%;top:5px;left:5px;box-shadow:0 1px 1px #091a13}.board-cell:after{top:auto;left:auto;bottom:5px;right:5px}.board-cell.empty{border-style:dashed;border-color:#62765355;background:#20322566;box-shadow:inset 0 1px 6px #12241844}.cell-plus{color:#89a67955;font-size:22px;font-weight:300;line-height:1}.board-cell:hover{background:#3e533a}.board-cell.selected{border-color:var(--gold);background:#53603a;box-shadow:inset 0 0 0 2px #e0b77155,0 0 18px #e0b77122}.board-cell.neighbor{border-color:var(--electric);background:#3a4f4380}.board-cell.merge-target{border-color:var(--jade);box-shadow:inset 0 0 0 2px #91c5a233}.cell-art{display:flex;align-items:center;justify-content:center;width:78%;flex:1;min-height:0}.cell-art svg{width:100%;height:100%;max-height:75px;filter:drop-shadow(0 3px 2px #071b1660)}.cell-name{font-size:10px;line-height:1.25;color:#ced7be;margin-bottom:5px;max-width:94%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.cell-level{position:absolute;top:5px;right:6px;background:#8d7440;color:#fff0bd;font-size:9px;font-weight:800;border-radius:3px;padding:1px 4px;line-height:1.35}.cooldown-bar{position:absolute;left:7px;right:7px;bottom:2px;height:3px;background:#10251ccc;border-radius:2px;overflow:hidden;display:none}.in-battle .cooldown-bar{display:block}.cooldown-fill{height:100%;width:0;background:var(--jade);transition:width .05s linear}.board-cell.fired{animation:module-fire .2s}.board-cell.fired .cell-art{filter:brightness(1.4)}@keyframes module-fire{35%{transform:translateY(-3px) scale(1.025)}100%{transform:none}}.bench-status{display:flex;justify-content:space-between;gap:8px;margin-top:13px;font-size:11px;color:#b5c5a6}.bench-status strong{color:var(--jade);font-weight:650}.coach-line{color:var(--muted);font-size:12px;min-height:30px;margin:13px 4px 5px;text-align:center;line-height:1.6}.combat-controls{display:flex;gap:9px;align-items:center;margin-top:14px}.combat-controls>.primary{flex:1}.speed-button{min-width:60px}.battle-paused{border:1px solid var(--gold-dark);border-radius:10px;background:#28372b;padding:9px 12px;color:var(--gold);font-size:12px;text-align:center;margin-top:12px}.stage-side{display:grid;gap:15px}.shop-panel{padding:19px}.shop-panel .section-header{margin-bottom:13px}.shop-title{font-size:15px}.shop-offers{display:grid;gap:9px}.shop-card{display:grid;grid-template-columns:59px minmax(0,1fr) auto;gap:9px;align-items:center;position:relative;padding:11px 9px;background:#13281f9e;border:1px solid #415341;border-radius:11px;text-align:left;min-width:0;transition:background .15s,border-color .15s}.shop-card:not(:disabled):hover{background:#2a4332;border-color:var(--gold-dark)}.shop-card.sold{opacity:.32}.shop-icon svg{width:58px;height:58px}.shop-info{min-width:0}.shop-info strong{display:block;font-size:13px;margin-bottom:3px}.shop-info p{font-size:10px;color:var(--muted);line-height:1.5}.shop-price{font-size:14px;font-weight:700;display:flex;align-items:center;gap:3px;color:var(--gold);white-space:nowrap}.shop-price svg{height:14px;width:14px}.shop-footer{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:13px}.shop-footer .button{font-size:11px;min-height:34px;padding:7px 9px}.shop-footer>span{font-size:10px;color:var(--faint)}.detail-panel{padding:18px;min-height:178px}.detail-empty{text-align:center;padding:14px 0;color:var(--faint);font-size:12px}.detail-empty svg{width:28px;height:28px;margin:0 auto 9px;color:var(--muted)}.detail-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-art svg{width:58px;height:58px}.detail-top h3{font-size:16px}.family-label{font-size:10px;color:var(--muted);margin-top:4px}.detail-description{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:10px}.detail-stats{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.stat-chip{background:#142a2180;border:1px solid #3b5141;border-radius:6px;padding:4px 7px;font-size:10px;display:flex;gap:4px;align-items:center;color:var(--muted)}.stat-chip strong{color:var(--ink);font-variant-numeric:tabular-nums}.bonus-line{font-size:11px;color:var(--jade);margin-top:4px}.detail-actions{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.detail-actions .button{flex:1;font-size:11px;padding:7px 8px;min-height:35px}.hint-panel{padding:16px 18px;font-size:11px;color:var(--muted);line-height:1.7}.hint-panel strong{color:var(--gold);display:block;font-size:12px;margin-bottom:5px}.reward-panel{padding:23px;text-align:center;border-color:var(--gold-dark)}.reward-panel .reward-symbol{height:49px;display:grid;place-items:center;margin-bottom:10px;color:var(--gold)}.reward-symbol svg{height:42px;width:42px}.reward-panel h3{font-size:19px;margin-bottom:8px}.reward-panel p{font-size:12px;color:var(--muted);margin-bottom:18px}.reward-stats{display:flex;justify-content:center;gap:18px;margin:14px 0 20px;font-size:14px;color:var(--gold)}.perk-list{display:grid;gap:10px}.perk-card{padding:15px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#13291f}.perk-card:hover{border-color:var(--gold)}.perk-card strong{display:block;font-size:14px;color:var(--gold);margin-bottom:5px}.perk-card p{font-size:12px;color:var(--muted)}.results{max-width:850px;margin:auto}.results-hero{text-align:center;padding:18px 12px 25px}.results-art{height:150px;display:grid;place-items:center;margin-bottom:10px}.results-art svg{height:160px;width:200px}.results-hero .eyebrow{justify-content:center}.results-hero h1{font-size:38px;margin:12px 0}.results-hero p{color:var(--muted);font-size:14px;max-width:510px;margin:auto}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-panel{padding:22px}.result-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.result-number{text-align:center}.result-number strong{display:block;font-size:25px;font-weight:750;color:var(--gold);font-variant-numeric:tabular-nums}.result-number span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.mini-board{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-width:250px;margin:auto}.mini-cell{aspect-ratio:1;border:1px solid #455840;border-radius:6px;background:#20372a;display:grid;place-items:center;position:relative}.mini-cell svg{width:75%;height:75%}.mini-cell.empty{opacity:.35;border-style:dashed}.damage-list{display:grid;gap:11px;margin-top:16px}.damage-row{display:grid;grid-template-columns:32px 1fr 35px;align-items:center;gap:9px;font-size:11px}.damage-row svg{width:30px;height:30px}.damage-label{display:flex;justify-content:space-between;gap:5px;margin-bottom:4px}.damage-track{height:4px;background:#10281f;border-radius:5px;overflow:hidden}.damage-track span{display:block;height:100%;background:var(--gold);border-radius:5px}.result-actions{display:flex;justify-content:center;gap:10px;margin:24px 0;flex-wrap:wrap}.result-note{font-size:11px;color:var(--faint);text-align:center}.modal{width:min(600px,calc(100% - 28px));max-height:calc(100svh - 40px);border:1px solid #657357;border-radius:20px;padding:0;background:linear-gradient(140deg,#263d31,#182e24);color:var(--ink);box-shadow:0 28px 100px #0009;overflow:auto}.modal::backdrop{background:#061911c9;backdrop-filter:blur(7px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 15px;border-bottom:1px solid #405443}.modal-header h2{font-size:21px}.modal-body{padding:22px 24px 24px}.modal-close{border:0;background:transparent;color:var(--muted);padding:6px;border-radius:8px}.modal-close svg{width:23px;height:23px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.help-step{display:flex;gap:10px;align-items:flex-start}.help-number{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid var(--gold-dark);border-radius:50%;color:var(--gold);font-size:11px}.help-step h3{font-size:14px;margin-bottom:5px}.help-step p{font-size:12px;color:var(--muted);line-height:1.75}.help-example{display:flex;align-items:center;justify-content:center;gap:14px;padding:17px 0;margin:15px 0;color:var(--gold)}.help-example svg{width:57px;height:57px}.help-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:18px;line-height:1.8}.settings-group{display:grid;gap:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.setting-row label{font-size:14px}.setting-row p{font-size:11px;color:var(--muted);margin-top:3px}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold)}.setting-row input[type=range]{width:130px;accent-color:var(--gold)}.setting-row select{background:#162b20;border:1px solid var(--line);padding:8px 10px;border-radius:8px;color:var(--ink)}.settings-divider{height:1px;background:var(--line);margin:4px 0}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-actions .button{font-size:12px;flex:1}.settings-note{color:var(--muted);font-size:11px;line-height:1.8}.codex-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.filter-button{border:1px solid var(--line);background:#13291f;color:var(--muted);padding:6px 11px;border-radius:8px;font-size:11px}.filter-button.active{border-color:var(--gold);color:var(--gold)}.codex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.codex-item{position:relative;background:#142d2180;border:1px solid var(--line);border-radius:10px;padding:12px 10px;text-align:center;min-width:0}.codex-item svg{height:55px;width:55px;margin:0 auto 8px}.codex-item strong{display:block;font-size:12px}.codex-item p{font-size:10px;color:var(--muted);line-height:1.65;margin-top:7px}.codex-cost{position:absolute;right:7px;top:6px;color:var(--gold);font-size:10px}.discovered-dot{position:absolute;left:8px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--jade)}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.challenge-card{border:1px solid var(--line);background:#132a2080;border-radius:12px;padding:17px;text-align:left}.challenge-card:hover{border-color:var(--gold)}.challenge-card strong{display:block;font-size:14px;color:var(--gold);margin-bottom:6px}.challenge-card p{font-size:11px;color:var(--muted);line-height:1.7}.challenge-card .challenge-number{font-size:10px;color:var(--faint);margin-bottom:8px;display:block}.toast-region{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100;pointer-events:none;max-width:calc(100% - 32px);width:max-content}.toast{background:#dfbd82;color:#283526;border:1px solid #eacc9a;border-radius:10px;padding:11px 17px;box-shadow:0 6px 25px #0006;font-size:13px;animation:toast-in .18s;max-width:100%;text-align:center}.toast.error{background:#dba493;border-color:#e6b7a6;color:#422c24}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.drag-ghost{position:fixed;z-index:99;width:70px;height:70px;pointer-events:none;opacity:.9;filter:drop-shadow(0 7px 12px #0008)}.dragging-source{opacity:.4}.about-copy p{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:15px}.about-goblin{display:flex;justify-content:center;margin-bottom:15px}.about-goblin svg{width:100px;height:100px}.offline-notice{font-size:11px;color:var(--jade);text-align:center;margin-top:10px}.noscript-message{padding:30px;text-align:center}.mode-banner{display:flex;justify-content:space-between;align-items:center;gap:9px;border:1px solid var(--gold-dark);border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:12px;color:var(--gold)}.mode-banner button{background:transparent;border:0;padding:3px;color:var(--muted);font-size:11px}.pause-shade{display:grid;place-items:center;position:absolute;inset:0;border-radius:18px;background:#10271b33;pointer-events:none;z-index:4}.pause-shade span{background:#26382beb;border:1px solid var(--gold-dark);border-radius:10px;padding:10px 20px;color:var(--gold);font-size:13px;box-shadow:var(--shadow)}.feedback-flash{animation:feedback-flash .35s}@keyframes feedback-flash{50%{filter:brightness(1.25)}}.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}
@media(min-width:1400px){.app-shell{padding-top:42px}.home-hero{min-height:315px;margin-bottom:32px}.hero-art{min-height:320px}}
@media(max-width:900px){.home-bottom{grid-template-columns:1.5fr 1fr}.app-shell{padding:24px}.topbar{padding:20px 24px 16px}.site-footer{padding:18px 24px}.run-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.enemy-panel{grid-template-columns:1fr 130px;padding:17px}.enemy-art svg{height:125px;width:140px}.workbench{padding:15px}.board{gap:7px}.cell-name{font-size:9px}.shop-panel{padding:15px}.shop-card{grid-template-columns:45px minmax(0,1fr) auto;gap:6px}.shop-icon svg{width:45px;height:45px}}
@media(max-width:720px){.home-hero{grid-template-columns:1fr 1fr;gap:10px;min-height:210px;margin-bottom:23px}.hero-copy h1{font-size:34px;letter-spacing:-1.5px}.hero-copy>p{font-size:12px}.hero-art{min-height:210px}.home-bottom{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.intro-lines{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.intro-line{font-size:10px}.run-layout{grid-template-columns:1fr;max-width:510px;gap:17px}.stage-side{grid-template-columns:1fr 1fr;gap:12px}.shop-panel{grid-column:1/-1}.shop-offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shop-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 7px;text-align:center;min-height:166px}.shop-info strong{font-size:12px}.shop-info p{font-size:10px;min-height:45px;line-height:1.5}.shop-price{margin-top:auto;font-size:13px}.shop-icon svg{width:53px;height:53px}.detail-panel{grid-column:1/-1;min-height:0}.hint-panel{grid-column:1/-1}.reward-panel{grid-column:1/-1}.enemy-panel{grid-template-columns:1fr 150px;min-height:158px}.enemy-art svg{width:150px;height:130px}.workbench{padding:16px 18px 18px}.board{gap:8px;max-width:410px}.cell-name{font-size:10px}.run-heading{gap:10px}.run-title{font-size:16px}.run-resources{gap:12px}.resource{font-size:17px}.profile-strip{gap:14px}.hero-caption{font-size:9px}.result-grid{gap:14px}.result-panel{padding:18px}}
@media(max-width:480px){.topbar{padding:16px 16px 13px}.brand{gap:8px}.brand-mark{width:36px;height:36px}.brand-type strong{font-size:15px}.brand-type small{font-size:7px;letter-spacing:1.4px}.top-actions{gap:1px}.icon-button{width:33px;height:36px}.icon-button svg{width:18px;height:18px}.app-shell{padding:20px 16px 16px}.site-footer{padding:12px 16px 20px;font-size:10px}.home-hero{display:block;position:relative;min-height:220px;overflow:hidden;margin-bottom:15px;padding-bottom:7px}.hero-copy{max-width:62%;position:relative;z-index:2}.hero-copy h1{font-size:32px;margin:10px 0 13px;letter-spacing:-1.4px}.hero-copy>p{font-size:11px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.8px}.hero-art{position:absolute;right:-68px;top:4px;width:265px;height:235px;min-height:0;opacity:.85;pointer-events:none}.hero-caption{display:none}.profile-strip{margin-top:18px;gap:11px;max-width:calc(100vw - 45px);width:calc(100vw - 45px)}.profile-stat{font-size:10px;gap:5px}.profile-stat strong{font-size:14px}.profile-stat svg{width:16px;height:16px}.start-panel{padding:18px}.loadout-list{gap:7px}.loadout-card{padding:10px 8px}.loadout-card .loadout-art{height:65px}.loadout-art svg{height:69px;width:74px}.loadout-card strong{font-size:12px}.loadout-card .loadout-description{font-size:9px;line-height:1.6;min-height:30px}.loadout-items svg{width:22px;height:22px}.difficulty-row{margin:16px 0}.segmented button{padding:6px 9px;font-size:11px}.section-header{margin-bottom:13px}.section-header h3{font-size:15px}.section-header>span{font-size:9px;letter-spacing:.7px}.mode-card{padding:16px}.mode-card h3{font-size:14px}.mode-card p{font-size:10px}.mode-card .mode-symbol{top:15px;right:12px;opacity:.4}.mode-symbol svg{height:22px;width:22px}.mode-card .eyebrow{font-size:7px;letter-spacing:1px}.side-stack{gap:11px}.intro-lines{grid-template-columns:1fr;gap:7px;padding:4px}.intro-line{font-size:11px}.run-heading-left{gap:6px}.run-heading .pill{font-size:9px;padding:2px 7px}.run-title{font-size:15px}.resource{font-size:15px;gap:4px}.resource svg{height:16px;width:16px}.run-resources{gap:10px}.enemy-panel{grid-template-columns:1fr 112px;padding:15px 16px;min-height:149px;margin-bottom:14px}.enemy-name{font-size:18px}.enemy-description{font-size:10px;line-height:1.65}.enemy-art svg{width:122px;height:120px}.enemy-copy .eyebrow{font-size:8px}.enemy-flags{gap:4px;margin-top:8px}.enemy-flags .pill{font-size:8px}.workbench{padding:13px 13px 15px;border-radius:15px}.bench-header{margin-bottom:11px}.bench-label{font-size:11px}.bench-caption{font-size:9px}.board{gap:6px}.board-cell{border-radius:8px}.cell-art{width:82%}.cell-name{font-size:9px;margin-bottom:5px}.bench-status{font-size:9px;margin-top:11px}.coach-line{font-size:11px;margin-top:11px}.combat-controls{gap:7px}.combat-controls .button{font-size:12px;padding:11px 12px}.speed-button{min-width:48px}.shop-panel{padding:16px}.shop-info p{font-size:9px}.shop-card{min-height:160px;padding:9px 5px}.shop-icon svg{width:48px;height:48px}.shop-info strong{font-size:11px}.shop-price{font-size:12px}.modal-header{padding:18px 18px 13px}.modal-body{padding:18px}.help-grid{grid-template-columns:1fr;gap:16px}.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.codex-item{padding:11px 5px}.codex-item strong{font-size:10px}.codex-item p{font-size:9px}.codex-item svg{height:46px;width:46px}.challenge-grid{gap:8px}.challenge-card{padding:13px}.challenge-card strong{font-size:12px}.challenge-card p{font-size:10px}.result-grid{grid-template-columns:1fr}.results-hero h1{font-size:31px}.results-hero p{font-size:12px}.result-actions .button{font-size:12px}.settings-actions{flex-direction:column}.setting-row label{font-size:12px}.setting-row input[type=range]{width:105px}}
@media(max-width:350px){.topbar{padding-left:12px;padding-right:12px}.brand-type small{display:none}.brand-type strong{font-size:13px}.app-shell{padding-left:12px;padding-right:12px}.hero-copy h1{font-size:29px}.hero-art{right:-83px}.hero-copy{max-width:64%}.start-panel{padding:14px}.loadout-card strong{font-size:10px}.loadout-card .loadout-description{font-size:8px}.difficulty-row label{font-size:11px}.segmented button{padding:5px 7px}.enemy-panel{grid-template-columns:1fr 97px;padding:13px}.enemy-art svg{width:105px}.shop-info p{font-size:9px}.board-cell{aspect-ratio:1/1.13}.run-resources{gap:7px}.resource{font-size:13px}.run-title{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover:not(:disabled),.loadout-card:hover{transform:none}}

/* Clear status indicators and readable controls on small screens. */
.health-fill,.cooldown-fill{display:block}
.round-track{gap:5px;margin-bottom:16px}.round-step,.round-step.boss{height:23px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}.round-step.current,.round-step.done{color:var(--night)}
.enemy-panel{border:1px solid var(--line);border-radius:15px}.enemy-hp{justify-content:flex-start}.enemy-hp #enemy-state{margin-left:auto;font-size:10px}.enemy-trait{font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.enemy-description{color:var(--gold)}
.shop-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:14px}.shop-title p{font-size:10px;color:var(--muted);margin-top:3px}.shop-title>svg{color:var(--gold)}
.bench-status>span,.coach-line,.bonus-line{display:flex;align-items:center;gap:5px}.coach-line{justify-content:center}.hint-panel h3{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gold);margin-bottom:6px}.hint-panel p{font-size:12px}
.damage-row{grid-template-columns:32px minmax(0,1fr)}.damage-label strong{font-variant-numeric:tabular-nums}.selection-dot{display:grid;place-items:center}.selection-dot>svg{display:none}.loadout-card[aria-pressed=true] .selection-dot>svg{display:block;color:var(--night)}
.resource.hp.low{color:#f5aa96}.toast-action{pointer-events:auto;border:0;border-radius:5px;background:#293b29;color:#eed6a7;padding:6px 9px;font:inherit;cursor:pointer}
body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:480px){.loadout-card .loadout-description{font-size:11px}.loadout-card strong{font-size:12px}.shop-info p{font-size:11px}.shop-card{min-height:178px}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-item strong{font-size:12px}.codex-item p{font-size:11px}.challenge-card p,.mode-card p{font-size:11px}.enemy-trait{font-size:10px}.site-footer{font-size:11px}.icon-button{width:36px;height:42px}.top-actions{gap:0}.brand-type strong{font-size:14px}.brand-mark{width:32px}.hero-copy>p{font-size:12px}.hero-copy{max-width:66%}.hero-art{opacity:.55}.start-note,.settings-note{font-size:12px}.bench-status{font-size:10px}.modal-close{padding:10px}.filter-button{min-height:40px}}
@media(max-width:350px){.brand-type small{display:none}.brand-type strong{font-size:12px}.topbar{gap:6px}.brand{gap:5px}.icon-button{width:34px}.hero-copy{max-width:76%}.hero-copy h1{font-size:27px}.hero-art{opacity:.4}.profile-strip{gap:9px}.section-header>span{max-width:65px;text-align:right}}
@media(pointer:coarse){.button.small,.segmented button,.filter-button{min-height:44px}.setting-row input[type=checkbox]{width:24px;height:24px}.site-footer button{min-height:44px}}

.modal-header{position:sticky;top:0;z-index:2;background:#213a2e}.result-numbers{flex-wrap:wrap}.enemy-portrait{pointer-events:none}

@media(min-width:721px){.board{max-width:360px}.app-shell:has(.run-layout){padding-top:24px}.enemy-panel{min-height:155px}.run-heading{margin-bottom:12px}}