:root{color-scheme:dark;--gold:#c4a875;--line:#534936;--ink:#101214;--muted:#a4a29b}
body{background:radial-gradient(ellipse at 50% -20%,#39352a 0,#141719 48%,#090b0e 100%);padding:0 24px 18px;min-height:100vh;color:#e4dfd3}
.brand{width:min(1320px,100%);display:flex;align-items:center;gap:16px;padding:25px 0 20px}.brand-mark{width:52px;height:58px;display:grid;place-items:center;border:1px solid #82714e;color:var(--gold);font-size:38px;background:linear-gradient(145deg,#302d24,#121518);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}
.eyebrow{font-size:10px;letter-spacing:4px;color:#aa9470}.brand h1{font-size:27px;letter-spacing:8px;margin:4px 0 0;font-family:serif}.brand-note{margin-left:auto;text-align:right;font-size:13px;letter-spacing:3px;color:#d3c7ad}.brand-note span{display:block;font-size:10px;color:#8e928e;letter-spacing:2px;margin-top:8px}
#stage{width:1024px;height:640px;position:relative;flex-shrink:0}#game-wrapper{border:1px solid #726144;border-radius:3px;transform-origin:top left;box-shadow:0 0 0 5px #111416,0 0 0 6px #35352e,0 30px 70px #000b}canvas{touch-action:none}
#main-hub-overlay{background:radial-gradient(ellipse at 65% 0%,#37362a55,transparent 60%),repeating-linear-gradient(120deg,#ffffff02 0 1px,transparent 1px 5px),linear-gradient(145deg,#171c1e,#0d1115);padding:19px 22px 16px}
.hub-header{border-color:var(--line);padding-bottom:12px}.hub-title{font-family:serif;color:var(--gold);font-size:19px;letter-spacing:1px}.star-wallet{border-color:#75613d;background:#24241d;color:#dfc18b;border-radius:3px;font-size:12px}.panel-box{background:#101619c9;border-color:#3e423c;border-radius:2px;padding:11px}.panel-box h3{font-size:11px;color:#c2b38e;letter-spacing:1px;border-color:#343b37;padding-bottom:9px}
.hub-body{grid-template-columns:1fr 1.25fr 0.9fr;gap:11px;min-height:0}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.mode-picker button{background:linear-gradient(135deg,#232a2b,#171c1e);color:#8c8f85;border:1px solid #42473e;border-radius:2px;cursor:pointer;padding:11px;text-align:left;font-family:serif;font-size:15px;transition:.2s}.mode-picker strong{margin-left:10px;font-size:15px;color:#e3dbca;letter-spacing:2px}.mode-picker span{display:block;font:10px sans-serif;color:#91998e;margin:5px 0 0 28px}.mode-picker button[aria-pressed=true]{border-color:#b89d69;background:linear-gradient(135deg,#3d392a,#21251f);box-shadow:inset 0 2px #c0a56d}.mode-picker button:hover{border-color:#c4a875}
#mode-description{min-height:28px;color:#c9b487;font-size:11px;line-height:1.6;margin-bottom:8px}#mode-description select{background:#212728;color:#ddd1ba;border:1px solid #716246;padding:2px 7px;margin-left:8px}
.level-card,.hero-select-card,.talent-card{background:linear-gradient(135deg,#252d2b88,#172024aa);border:1px solid #3d4841;border-radius:2px;padding:11px}.level-card{position:relative;padding-top:62px;isolation:isolate}.level-card:before{content:'';position:absolute;inset:0 0 auto;height:54px;background:linear-gradient(0deg,#17201ce0,transparent),repeating-linear-gradient(65deg,transparent 0 16px,#56765c44 17px 25px),linear-gradient(120deg,#142c28,#445147,#101e21);z-index:-1}.level-card:nth-child(2):before{background:linear-gradient(0deg,#211e1b,transparent),repeating-linear-gradient(75deg,transparent 0 29px,#c4a27744 30px 37px),linear-gradient(120deg,#34251d,#746349,#1b2020)}.level-card:nth-child(3):before{background:linear-gradient(0deg,#21191c,transparent),repeating-linear-gradient(115deg,transparent 0 40px,#eb723b55 42px 44px),linear-gradient(120deg,#281c27,#592e2a,#181a23)}
.hero-select-card{position:relative;padding-left:81px;min-height:135px}.hero-select-card.active-hero{border-color:#b8a06d;background:linear-gradient(120deg,#3a382a77,#182228);box-shadow:inset 3px 0 #b8a06d}.hero-portrait{position:absolute;left:7px;top:10px;width:65px;height:92px;object-fit:cover;border:1px solid #655b43;background:radial-gradient(ellipse at 50% 30%,#464835,#151c21);border-radius:34px 34px 2px 2px}
.card-top h4{font-size:12px;color:#e4decf}.card-desc{color:#acb5af;font-size:11px;line-height:1.6}.spec-group{gap:4px}.spec-btn{background:#111b1f;border-color:#3d4e4a;font-size:10px;color:#b4bfb9}.spec-btn.active-spec{border-color:#9e8c62;background:#34382a}.spec-btn span{line-height:1.5}.small-action-btn,.hud-btn,.hero-btn,.menu-btn,.priority-btn{background:linear-gradient(#303932,#222b29);border-color:#59604f;color:#ded8ca;border-radius:2px}.small-action-btn:hover,.hud-btn:hover:not(:disabled),.hero-btn:hover:not(:disabled){background:#424b38;border-color:#bcab7c}.btn-play-level,.btn-upgrade-talent{background:linear-gradient(#777044,#4c5034);border:1px solid #aaa06b;border-radius:2px;color:#fff5d9}.btn-play-level:hover{background:#8a7a4d}.btn-upgrade-talent:disabled{background:#28302c;border-color:#3e473c;color:#859080}.spec-btn strong{font-size:10px}
.scroll-list>*{flex-shrink:0}.hero-select-card{padding-bottom:12px}.hero-select-card .card-top{gap:5px}.hero-select-card .small-action-btn{white-space:nowrap;font-size:10px;padding:5px 7px}
.stat-box,#hero-card,.spell-btn,#wave-preview-bar,#tower-menu{background:#131a1ced;border-color:#6c6249;border-radius:3px}.stat-box{font-size:11px;padding:6px 8px;gap:7px}.hud-btn{font-size:10px;padding:5px 7px}.hud-btn.active-toggle{background:#515c41;border-color:#a6a57a}#btn-next-wave{background:linear-gradient(#9c573d,#6c372e);border-color:#c08360}.top-row{gap:5px}.spell-btn{min-width:148px}.spell-title{font-size:12px}.hero-btn{font-size:10px}#hud-bottom>.stat-box{max-width:230px!important;font-size:10px!important}#hero-card{min-width:245px;border-width:1px}.hero-lv{background:#6c6444}.hp-fill{background:linear-gradient(90deg,#617d49,#a6ba70)}.xp-fill{background:#c2a463}.result-box,.codex-item{background:linear-gradient(135deg,#232b29,#131c22);border-color:#716248}.tab-btn.active{background:#555b3c;border-color:#b4a16f}.codex-grid{gap:9px}
button:focus-visible,select:focus-visible{outline:2px solid #f3d99e;outline-offset:3px}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#5a624e;border-radius:4px}footer{width:min(1320px,100%);font-size:10px;letter-spacing:1px;color:#8b958d;margin-top:20px}footer span{float:right;color:#a4997e}.pause-banner{position:absolute;inset:45% 30% auto;text-align:center;padding:18px;background:#111b1aee;border:1px solid #bca475;z-index:20;pointer-events:none;letter-spacing:8px;font-family:serif}
@media(max-width:700px){body{padding:0 9px 12px}.brand{padding:18px 0}.brand-note{display:none}.brand h1{font-size:23px}footer{font-size:9px;line-height:2;letter-spacing:0}footer span{float:none;display:block}.eyebrow{letter-spacing:2px;font-size:8px}}