:root{
  --bg:#03040a; --panel:rgba(5,8,18,.88); --panel2:rgba(8,12,28,.82); --line:rgba(98,246,255,.24);
  --cyan:#62f6ff; --mint:#65ffc8; --pink:#ff4fd8; --red:#ff5273; --orange:#ffb04a; --violet:#a66cff; --blue:#4da3ff; --white:#edf7ff;
  --shadow:0 0 34px rgba(98,246,255,.13), inset 0 0 0 1px rgba(255,255,255,.03);
}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;overflow:hidden}button,input{font:inherit}canvas{display:block;background:var(--bg)}.hidden{display:none!important}
.screen{position:fixed;inset:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 35%,rgba(98,246,255,.16),rgba(3,4,10,.94) 58%,rgba(1,2,7,.98));z-index:10;overflow:auto}.screen::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(98,246,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(98,246,255,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black,transparent 78%);pointer-events:none}.screen>*{position:relative}.menu-card,.intro-card,.loading-card{width:min(940px,94vw);padding:32px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(7,11,25,.94),rgba(3,5,14,.86));box-shadow:var(--shadow);backdrop-filter:blur(12px)}.menu-card.wide{width:min(1220px,95vw)}.menu-card.small{width:min(430px,92vw)}h1,h2,h3{letter-spacing:.08em;margin:.15em 0 .45em;text-transform:uppercase}h1{font-size:clamp(42px,7vw,92px);line-height:.92}h2{font-size:clamp(24px,3.5vw,42px)}h3{font-size:17px}.pitch,.meta-line,p{line-height:1.45;color:rgba(237,247,255,.78)}
.primary,button{cursor:pointer;border:0;border-radius:14px;padding:13px 20px;font-weight:900;letter-spacing:.06em;background:linear-gradient(135deg,var(--cyan),var(--mint));color:#031018;box-shadow:0 0 24px rgba(98,246,255,.18);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.primary:hover,button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 32px rgba(98,246,255,.28)}.ghost{background:rgba(255,255,255,.03);color:var(--white);border:1px solid rgba(237,247,255,.28);box-shadow:none}.tiny{padding:8px 12px;border-radius:999px;font-size:12px}.card-actions{display:flex;gap:8px;margin-top:12px}.mini{padding:8px 10px;border-radius:10px;font-size:12px}.mini.tree{background:rgba(255,255,255,.04);color:var(--white);border:1px solid rgba(255,255,255,.16)}
.hud{position:fixed;inset:0;pointer-events:none;z-index:5}.hud-top{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.brand{width:208px;min-height:78px;padding:10px 14px;border-radius:10px;border:1px solid rgba(98,246,255,.18);background:rgba(3,4,10,.42);box-shadow:0 0 14px rgba(0,0,0,.20);backdrop-filter:blur(4px)}.brand-kicker{font-size:8px;color:var(--cyan);letter-spacing:.24em;font-weight:900}.brand-title{font-size:18px;font-weight:950;letter-spacing:.06em;line-height:1.06;margin-top:4px}.run-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.run-stats div,.weapon-panel,.inventory-panel,.synergy-panel,.bars-left{background:rgba(3,4,10,.46);border:1px solid rgba(98,246,255,.16);border-radius:10px;padding:8px 10px;box-shadow:0 0 12px rgba(0,0,0,.18);backdrop-filter:blur(4px)}.run-stats div{min-width:72px;min-height:54px;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:8px 10px}.run-stats span,.panel-title,.bar-row label{display:block;font-size:8px;letter-spacing:.18em;color:rgba(237,247,255,.58);font-weight:900}.run-stats b{font-size:13px;color:var(--white);line-height:1.1}.bars-left{position:absolute;left:12px;top:72px;width:172px;padding:8px 10px}.bar-row{display:grid;grid-template-columns:24px 1fr 56px;gap:6px;align-items:center;margin:6px 0}.bar-row strong{font-size:10px;font-weight:900;color:var(--white)}.bar{height:8px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border-radius:999px;overflow:hidden}.fill{height:100%;background:var(--cyan);box-shadow:0 0 12px currentColor}.hp{background:var(--red)}.xp{background:var(--mint)}.dash{background:var(--blue)}.special{background:var(--orange)}.weapon-panel{position:absolute;right:12px;bottom:18px;width:214px;padding:10px}.panel-title{margin-bottom:6px}.weapon-name{font-size:12px;font-weight:950;color:var(--cyan);margin:2px 0 6px}.mini-meter{height:8px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.mini-meter div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--mint))}.ammo-line{display:flex;justify-content:space-between;gap:8px;font-size:9px;margin-top:6px;color:rgba(237,247,255,.80)}.hint{font-size:9px;margin-top:5px;color:rgba(237,247,255,.58);line-height:1.35}.inventory-panel{position:absolute;right:12px;top:72px;width:214px}.synergy-panel{position:absolute;right:12px;top:188px;width:214px;max-height:170px;overflow:hidden}.controls{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);opacity:.68;font-size:10px;letter-spacing:.05em;text-align:center;background:rgba(3,4,10,.50);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 12px}.boss-bar{position:absolute;top:56px;left:50%;transform:translateX(-50%);width:min(520px,44vw);padding:8px 10px;border:1px solid rgba(255,82,115,.24);border-radius:10px;background:rgba(3,4,10,.56);box-shadow:0 0 16px rgba(255,82,115,.12)}.boss-name{font-size:10px;font-weight:950;letter-spacing:.10em;text-align:center;margin-bottom:5px}.boss-track{height:8px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.boss-track div{height:100%;background:linear-gradient(90deg,var(--red),var(--pink))}
.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.synergy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.slot{width:100%;aspect-ratio:1/1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.035);font-size:13px}.slot.common{border-color:#b2afa4;color:#b2afa4}.slot.rare{border-color:var(--blue);color:var(--blue)}.slot.epic{border-color:var(--violet);color:var(--violet)}.slot.unique{border-color:var(--orange);color:var(--orange);box-shadow:0 0 14px rgba(255,176,74,.18)}.slot.cursed{border-color:var(--pink);color:var(--pink)}.syn,.tag,.tag-note{padding:4px 7px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.035);font-size:10px}.syn{display:flex;justify-content:space-between;align-items:center;min-width:0;gap:6px}.syn span:last-child{color:var(--white);font-weight:900}.tag-note{grid-column:1/-1;width:100%;border-radius:10px;color:rgba(237,247,255,.54);font-size:10px;line-height:1.35}.screen-head{text-align:center;margin-bottom:16px;width:min(1120px,92vw)}.class-grid,.upgrade-grid,.difficulty-grid,.skill-tree-grid,.inventory-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;width:min(1320px,96vw);max-height:78vh;overflow:auto;padding:4px 8px 12px;scrollbar-color:rgba(98,246,255,.45) rgba(255,255,255,.06)}.class-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.upgrade-grid{grid-template-columns:repeat(3,minmax(240px,330px));justify-content:center}.difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.skill-tree-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.starter-skill-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.inventory-modal-grid{grid-template-columns:repeat(8,1fr);align-items:start}.class-card,.upgrade-card,.difficulty-card,.skill-card,.modal-box,.item-card{position:relative;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(7,11,25,.91),rgba(3,5,14,.80));border:1px solid rgba(98,246,255,.22);box-shadow:var(--shadow);overflow:hidden}.class-card::before,.upgrade-card::before,.difficulty-card::before,.skill-card::before,.item-card::before,.modal-box::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55}.class-card:hover,.upgrade-card:hover,.difficulty-card:hover,.skill-card:hover,.item-card:hover{border-color:rgba(98,246,255,.46);transform:translateY(-1px)}.avatar{height:80px;display:grid;place-items:center}.class-ability{font-size:13px;color:rgba(237,247,255,.78);border-left:2px solid rgba(98,246,255,.36);padding-left:10px}.statline,.diff-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.statline span,.diff-stats span{font-size:11px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.055);color:rgba(237,247,255,.72)}.category-label,.rarity{font-size:10px;letter-spacing:.16em;font-weight:950;color:rgba(237,247,255,.55)}.icon,.big-icon{font-size:42px;line-height:1.1;margin:6px 0}.big-icon{font-size:50px}.upgrade-card.common{border-color:rgba(178,175,164,.32)}.upgrade-card.rare,.item-card.rare{border-color:rgba(77,163,255,.42)}.upgrade-card.epic,.item-card.epic{border-color:rgba(166,108,255,.48)}.upgrade-card.unique,.item-card.unique{border-color:rgba(255,176,74,.56);box-shadow:0 0 34px rgba(255,176,74,.11),inset 0 0 26px rgba(255,176,74,.035)}.upgrade-card.cursed,.item-card.cursed{border-color:rgba(255,79,216,.52);box-shadow:0 0 34px rgba(255,79,216,.10)}
.skill-card{min-height:0;max-height:72vh;display:flex;flex-direction:column}.skill-icon{font-size:40px}.skill-card h3{color:var(--cyan)}.hex-rank-path{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:12px 0}.hex-node{height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:rgba(255,255,255,.045);font-size:11px;font-weight:950}.hex-node.on{background:rgba(98,246,255,.18);border-color:var(--cyan);color:var(--cyan)}.hex-node.gold{border-color:rgba(255,176,74,.56)}.hex-node.gold.on{background:rgba(255,176,74,.22);color:var(--orange)}.hex-link{display:none}.next-rank{padding:10px;border-radius:12px;background:rgba(98,246,255,.07);border:1px solid rgba(98,246,255,.16);font-size:12px;color:rgba(237,247,255,.82)}.rank-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;max-height:220px;overflow:auto}.rank-list li{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.04);font-size:12px;color:rgba(237,247,255,.72)}.rank-list li.done{color:var(--mint);background:rgba(101,255,200,.07)}.rank-list li.gold{border:1px solid rgba(255,176,74,.24)}.rank-list li b{color:var(--orange)}.skill-card.maxed{border-color:rgba(255,176,74,.56)}
.modal-box{grid-column:span 2}.modal-box.widebox{grid-column:span 4}.modal-box.fullbox{grid-column:1/-1}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-chip{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.stat-chip b{display:block;color:var(--cyan);font-size:16px}.stat-chip span{font-size:10px;letter-spacing:.12em;color:rgba(237,247,255,.50);font-weight:900}.item-card{grid-column:span 2;min-height:172px}.item-card.empty{opacity:.52}.item-card p,.modal-box p{font-size:13px}.skill-mini-list{display:grid;gap:8px}.skill-mini{padding:9px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.skill-mini b{color:var(--cyan)}.event-chip{display:inline-flex;align-items:center;gap:8px;margin:4px 6px 4px 0;padding:8px 10px;border-radius:999px;border:1px solid rgba(98,246,255,.22);background:rgba(98,246,255,.06);font-size:12px}.event-chip.warn{border-color:rgba(255,176,74,.42);background:rgba(255,176,74,.08);color:var(--orange)}.event-chip.danger{border-color:rgba(255,82,115,.42);background:rgba(255,82,115,.08);color:var(--red)}.event-chip.good{border-color:rgba(101,255,200,.42);background:rgba(101,255,200,.08);color:var(--mint)}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.feature-grid div{padding:14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.feature-grid b{display:block;color:var(--cyan);margin-bottom:6px}.feature-grid span{color:rgba(237,247,255,.72);font-size:13px;line-height:1.42}.audio-settings{margin:18px 0;padding:14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.volume-row{display:flex;align-items:center;gap:12px}input[type=range]{width:240px;accent-color:var(--cyan)}.slot-machine{text-align:center;padding:22px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.slot-reel{font-size:34px;font-weight:950;color:var(--orange);text-shadow:0 0 18px rgba(255,176,74,.24)}.slot-result{margin-top:10px;color:rgba(237,247,255,.84)}.slot-arena{margin-top:8px;color:var(--cyan);font-weight:900}.toast-layer{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:20;display:grid;gap:8px;pointer-events:none}.toast{padding:10px 16px;border-radius:999px;background:rgba(3,4,10,.88);border:1px solid rgba(255,176,74,.42);box-shadow:0 0 24px rgba(255,176,74,.14);font-weight:900}.damage-layer{position:fixed;inset:0;pointer-events:none;z-index:30}.damage-number{position:fixed;pointer-events:none;font-weight:950;text-shadow:0 0 10px #000;animation:float .7s forwards}@keyframes float{to{transform:translateY(-30px);opacity:0}}.intro-card{text-align:center;overflow:hidden}.intro-label{color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.22em}.intro-loader{display:flex;justify-content:center;gap:8px;margin:18px}.intro-loader span{width:9px;height:9px;border-radius:50%;background:var(--cyan);animation:pulse 1s infinite alternate}.intro-loader span:nth-child(2){animation-delay:.15s}.intro-loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{to{transform:translateY(-6px);opacity:.4}}.loading-orb{width:86px;height:86px;border-radius:50%;margin:0 auto 18px;border:2px solid var(--cyan);box-shadow:0 0 34px rgba(98,246,255,.25);animation:spin 1.8s linear infinite}.loading-bar{height:12px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.loading-bar div{height:100%;width:55%;background:linear-gradient(90deg,var(--cyan),var(--mint));animation:load 1.2s ease-in-out infinite alternate}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{to{transform:translateX(82%)}}
@media (max-width:980px){.hud-top{left:10px;right:10px}.bars-left{left:10px;top:70px;width:164px}.weapon-panel,.inventory-panel,.synergy-panel{right:10px;width:198px}.inventory-panel{top:70px}.synergy-panel{top:178px}.boss-bar{width:min(540px,88vw);top:112px}.skill-tree-grid,.starter-skill-grid{grid-template-columns:1fr}.upgrade-grid{grid-template-columns:1fr}.modal-box,.item-card{grid-column:span 4}.inventory-modal-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:720px){.screen{padding:14px}.hud{font-size:11px}.bars-left,.inventory-panel,.synergy-panel,.weapon-panel{position:absolute;transform:scale(.92);transform-origin:top left}.inventory-panel,.synergy-panel,.weapon-panel{transform-origin:top right}.run-stats div{min-width:68px;min-height:54px}.brand{width:174px;min-height:72px}.controls{display:none}.modal-box,.item-card{grid-column:1/-1}.class-grid,.difficulty-grid,.inventory-modal-grid{max-height:82vh}}


/* v0.9.17 difficulty lock + tutorial polish */
.difficulty-card.locked{opacity:.52;filter:saturate(.45);cursor:not-allowed;border-color:rgba(255,82,115,.35)}
.difficulty-card.locked::before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.tutorial-card .ghost{margin-top:12px}