:root{--bg:#14100a;--bg-panel:#1e1812;--bg-card:#271f12;--border:#443821;--text:#ece2c8;--text-dim:#a99c7e;--accent:#d8b56c;--accent-strong:#b9913f;--gold:#f1cd84;--danger:#e98b8b;--radius:10px;--gold-100:#f7ecca;--gold-300:#ecd49b;--gold-500:#d8b56c;--gold-600:#b8924a;--gold-700:#8f6e2f;--gold-900:#4a3812;--bg-inset:#120d06;--border-gold:#6b5527;--border-gold-soft:#574522;--hairline:#e8c9862e;--text-faint:#857a60;--parchment:#c9bfa4;--role-tank:#6e9bd8;--role-healer:#57b287;--role-dps:#cd6a5a;--role-caster:#a06cc4;--font-display:"Cormorant", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--panel-grad:linear-gradient(180deg, #221a0f 0%, #1c150d 100%);--card-grad:linear-gradient(180deg, #292013 0%, #221a0e 100%);--card-grad-active:linear-gradient(180deg, #3a2e1a 0%, #2a2011 100%);--frame-shadow:inset 0 0 0 1px #0e0903, inset 0 0 0 2px #e8c9862e, inset 0 1px 0 #f7ebcb0f, 0 8px 22px #00000080;--frame-shadow-soft:inset 0 0 0 1px #0e0903, inset 0 0 0 2px #e8c98624, 0 6px 16px #0006;--btn-gold-grad:linear-gradient(180deg, #f6e4b1 0%, #e3c084 38%, #b88c40 62%, #d1a85c 100%);--btn-gold-shadow:inset 0 1px 0 #fff9e6cc, inset 0 -2px 3px #50381066, 0 2px 6px #00000073;--btn-dark-grad:linear-gradient(180deg, #2f2516 0%, #221a0e 100%);--btn-dark-shadow:inset 0 1px 0 #f0deb01f, 0 2px 5px #0006;--gem-tank:linear-gradient(135deg, #7fb1ea, #3f6cb0);--gem-healer:linear-gradient(135deg, #6cc99a, #2f8a5d);--gem-dps:linear-gradient(135deg, #e08573, #a8473a);--gem-caster:linear-gradient(135deg, #c08bd8, #7e4ea8);--gem-gold:linear-gradient(135deg, #f2dfa8 0%, #c79c4e 55%, #8f6e2f 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 50% -10%, #d8b56c12, transparent), var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:880px;margin:0 auto;padding:0 1rem}.gem{border-radius:1.5px;flex:none;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.gilt-corner{background:var(--gem-gold);pointer-events:none;z-index:2;border:1px solid #3c2d0e;width:8px;height:8px;position:absolute;transform:rotate(45deg);box-shadow:0 0 5px #d8b56c8c}.gilt-corner--tl{top:-4.5px;left:-4.5px}.gilt-corner--tr{top:-4.5px;right:-4.5px}.gilt-corner--bl{bottom:-4.5px;left:-4.5px}.gilt-corner--br{bottom:-4.5px;right:-4.5px}@keyframes lbShimmer{0%,to{opacity:.85}50%{opacity:1}}@keyframes blink{50%{opacity:.45}}.site-header{border-bottom:1px solid var(--border-gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:linear-gradient(#1d1710f0,#171209f0);position:sticky;top:0;box-shadow:inset 0 1px #f7ebcb0d,0 6px 16px #00000059}.site-header .container{align-items:center;gap:1rem;height:56px;display:flex}.site-header__title a{color:var(--text);font-family:var(--font-display);letter-spacing:.1em;text-shadow:0 0 16px #d8b56c66;align-items:center;gap:.6rem;font-size:1.18rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header__gem{background:var(--gem-gold);border:1px solid var(--gold-900);flex:none;width:11px;height:11px;transform:rotate(45deg);box-shadow:0 0 6px #d8b56c99}.site-nav{gap:.25rem;margin-left:auto;display:flex}.site-nav a{color:var(--text-dim);border-radius:6px;padding:.35rem .85rem;font-size:.9rem;text-decoration:none;position:relative}.site-nav a:hover{color:var(--text);background:var(--bg-card)}.site-nav a.active{color:var(--gold-300);background:0 0;font-weight:700}.site-nav a.active:after{content:"";background:var(--accent);width:5px;height:5px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.lang-switch{color:#cdb87f;background:linear-gradient(#2a2113,#1e170c);border:1px solid #5d4a24;border-radius:6px;padding:.25rem .55rem;font-size:.8rem;font-weight:700;text-decoration:none}.lang-switch:hover{color:var(--gold-300);border-color:var(--gold-600)}.main{flex:1;padding:1.5rem 0 3rem}.site-footer{color:var(--text-dim);text-align:center;border-top:1px solid #2c261a;padding:1.25rem 0;font-size:.85rem}.site-footer .container:before{content:"";background:linear-gradient(90deg,#d8b56c00 0%,#d8b56c73 35% 65%,#d8b56c00 100%);width:190px;height:1px;margin:0 auto .9rem;display:block}.loading{text-align:center;color:var(--text-dim);padding:3rem 0}.page-title{font-family:var(--font-display);letter-spacing:.06em;margin:.25rem 0 .5rem;padding-bottom:.55rem;font-size:1.6rem;font-weight:600;position:relative}.page-title:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:170px;height:2px;position:absolute;bottom:0;left:0}.page-title:before{content:"";background:var(--accent);width:5px;height:5px;position:absolute;bottom:-1.5px;left:176px;transform:rotate(45deg)}.page-description{color:var(--text-dim);margin:0 0 1.25rem;font-size:.95rem}.seo-content{border-top:1px solid #2c261a;margin-top:2.5rem;padding-top:1.5rem;font-size:.95rem}.seo-content h2{font-family:var(--font-display);letter-spacing:.08em;align-items:center;gap:.6rem;margin:1.6rem 0 .5rem;font-size:1.2rem;font-weight:600;display:flex}.seo-content h2:before{content:"";background:var(--gem-gold);flex:none;width:7px;height:7px;transform:rotate(45deg)}.seo-content h2:after{content:"";background:linear-gradient(90deg,#d8b56c59,#d8b56c00);flex:1;height:1px}.seo-content h3{font-family:var(--font-display);color:var(--gold-300);letter-spacing:.04em;margin:1.2rem 0 .4rem;font-size:1.05rem;font-weight:700}.seo-content p,.seo-content li{color:var(--parchment)}.seo-content li{margin-bottom:.5rem}.btn{appearance:none;background:var(--btn-dark-grad);color:#e6d9b6;cursor:pointer;box-shadow:var(--btn-dark-shadow);border:1px solid #5d4a24;border-radius:7px;padding:.55rem 1.1rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:border-color .15s,filter .15s,transform 50ms}.btn:hover:not(:disabled){border-color:var(--gold-600);color:#f1deb0}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--btn-gold-grad);color:#231804;box-shadow:var(--btn-gold-shadow);text-shadow:0 1px #fff5d78c;border-color:#6e5320;font-weight:800}.btn--primary:hover:not(:disabled){filter:brightness(1.07);color:#231804}.btn--small{padding:.35rem .7rem;font-size:.82rem}.btn--tiny{border-radius:6px;padding:.2rem .55rem;font-size:.74rem}.game{margin-top:.5rem}.game-board{flex-direction:column;gap:.6rem;display:flex}.canvas-wrap{background:var(--panel-grad);border:1px solid var(--border-gold);border-radius:var(--radius);padding:7px;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #0e0903,inset 0 0 0 2px #e8c9862e,0 0 36px #d8b56c12,0 14px 34px #00000080}.game-canvas{aspect-ratio:3/2;touch-action:manipulation;cursor:crosshair;background:#0e0903;border-radius:5px;width:100%;height:auto;display:block}.hud{background:var(--panel-grad);border:1px solid var(--border-gold);border-radius:var(--radius);box-shadow:var(--frame-shadow);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1.3rem .65rem;display:flex;position:relative}.hud__stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:0;font-weight:700;display:flex}.hud__stat{flex-direction:column;align-items:flex-start;padding:0 1.1rem;display:flex}.hud__stat:first-child{padding-left:0}.hud__stat+.hud__stat{border-left:1px solid var(--hairline)}.hud__stat-label{letter-spacing:.14em;color:#9b8a5e;font-size:.63rem;font-weight:600;line-height:1.3}.hud__stat-value{color:var(--text);font-size:1.18rem;font-weight:800;line-height:1.25}.hud__stat-value small{color:var(--text-faint);font-size:.85rem;font-weight:600}.hud__icon{vertical-align:1px;font-size:.8em}.hud__icon--gold{color:var(--gold)}.hud__icon--lives{color:var(--danger)}.hud__icon--wave{color:var(--accent)}.hud__icon--score{color:#cbb3e3}.hud__stat--gold .hud__stat-value{color:var(--gold)}.hud__stat--lives .hud__stat-value{color:var(--danger)}.hud__stat--score .hud__stat-value{color:#cbb3e3}.hud__controls{flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;display:flex}.hud__call{min-width:13rem}.hud__call--incoming:disabled{opacity:1;color:var(--danger);border-color:#5d4a24;animation:1.2s ease-in-out infinite blink}@media (width<=640px){.hud__call{flex:100%;min-width:0}}.ability-bar{background:var(--panel-grad);border:1px solid var(--border-gold);border-radius:var(--radius);box-shadow:var(--frame-shadow-soft);flex-wrap:nowrap;align-items:center;gap:.45rem;padding:.5rem .9rem;display:flex;overflow-x:auto}.ability-btn{background:var(--btn-dark-grad);color:#e6d9b6;white-space:nowrap;cursor:pointer;border:1px solid #5d4a24;border-radius:7px;align-items:center;gap:.5rem;padding:.42rem .8rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #f0deb01f}.ability-btn:hover:not(:disabled){border-color:var(--gold-600)}.ability-btn:disabled{opacity:.45;cursor:not-allowed}.ability-btn--active{border-color:var(--accent);background:var(--card-grad-active);color:#f1deb0;box-shadow:0 0 14px #d8b56c66,inset 0 0 0 1px #e8c98640,inset 0 1px #f7ebcb26}.ability-btn:before{content:"";border:1px solid #00000080;border-radius:2px;flex:none;width:10px;height:10px;transform:rotate(45deg)}.ability-btn--tank:before{background:var(--gem-tank);box-shadow:0 0 6px #6e9bd880}.ability-btn--healer:before{background:var(--gem-healer);box-shadow:0 0 6px #6cc99a80}.ability-btn--melee:before{background:var(--gem-dps);box-shadow:0 0 6px #e0857380}.ability-btn--caster:before{background:var(--gem-caster);box-shadow:0 0 6px #c08bd899}.ability-btn__icon{display:none}.ability-btn__meta{color:#cdb87f;font-variant-numeric:tabular-nums;text-align:center;background:#15100a;border:1px solid #4e3d1c;border-radius:4px;min-width:1.6rem;padding:.05rem .35rem;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.66rem;font-weight:700;line-height:1.4}.ability-btn--active .ability-btn__meta{color:var(--gold);border-color:#6e5727}.strike-hint-overlay{color:var(--gold);pointer-events:none;white-space:nowrap;z-index:5;background:#140e07e0;border:1px solid #f1cd848c;border-radius:999px;padding:.25rem .9rem;font-size:.8rem;font-weight:600;animation:1.2s ease-in-out infinite blink;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.lb-gauge{align-items:center;gap:.4rem;margin-right:.6rem;display:inline-flex}.lb-gauge__label{letter-spacing:.24em;color:var(--gold-300);font-family:Cormorant,serif;font-size:.82rem;font-weight:700}.lb-gauge__pip{background:#0f0a05;border:1px solid #6e5727;border-radius:2px;width:3.5rem;height:13px;transform:skew(-20deg);box-shadow:inset 0 1px 3px #000c}.lb-gauge__pip--filled{border-color:var(--gold-700);background:linear-gradient(#fff4d2 0%,#f1cd84 45%,#caa052 100%);animation:2.2s ease-in-out infinite lbShimmer;box-shadow:0 0 10px #f0cd828c,inset 0 1px #fff9}.lb-gauge__pip--filled:nth-child(odd){animation-delay:.3s}.wave-preview{scrollbar-width:thin;border-radius:var(--radius);background:linear-gradient(90deg,#d8b56c12,#d8b56c04 30% 70%,#d8b56c12),linear-gradient(#1e170d,#191209);border:1px solid #5d4a24;flex-wrap:nowrap;align-items:center;gap:.35rem .55rem;min-height:2.2rem;padding:.42rem 1.1rem;font-size:.78rem;display:flex;overflow-x:auto;box-shadow:inset 0 0 0 1px #e8c98614}.wave-preview__label{font-family:var(--font-display);color:var(--gold-300);letter-spacing:.12em;white-space:nowrap;flex:none;align-items:center;gap:.55rem;font-size:.92rem;font-weight:700;display:inline-flex}.wave-preview__label:before{content:"";background:var(--accent);flex:none;width:6px;height:6px;transform:rotate(45deg)}.wave-preview__chip{color:#cfc4a4;font-variant-numeric:tabular-nums;white-space:nowrap;background:#16100a;border:1px solid #4e3d1c;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.14rem .7rem;display:inline-flex}.wave-preview__dot{border-radius:1px;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 5px}.build-bar{grid-template-columns:repeat(10,1fr);gap:.4rem;display:grid}@media (width<=900px){.build-bar{grid-template-columns:repeat(5,1fr)}}.tower-card{background:var(--card-grad);border:1px solid var(--border-gold-soft);color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .25rem .45rem;font-family:inherit;font-size:.78rem;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e8c98612,inset 0 1px #f7ebcb0d}.tower-card:hover:not(:disabled){border-color:var(--gold-600);background:linear-gradient(#2e2415,#27200f);box-shadow:inset 0 0 0 1px #e8c9861f,0 0 8px #d8b56c2e}.tower-card--active{border-color:var(--accent);background:var(--card-grad-active);box-shadow:0 0 14px #d8b56c73,inset 0 0 0 1px #e8c9864d,inset 0 1px #f7ebcb26}.tower-card--active .tower-card__name{color:#f7ecca}.tower-card--active .tower-card__cost{color:var(--gold);font-weight:800}.tower-card--active .tower-card__key{color:var(--gold)}.tower-card--poor{opacity:.45}.tower-card--poor .tower-card__cost{color:var(--danger)}.tower-card:disabled{cursor:not-allowed}.tower-card__key{color:var(--text-faint);font-family:ui-monospace,Menlo,monospace;font-size:.6rem;font-weight:700;position:absolute;top:4px;left:7px}.tower-card__dot{background:var(--tower-color);width:14px;height:14px;box-shadow:0 0 8px var(--tower-color);border-radius:50%}.tower-card__name{font-weight:700;line-height:1.2}.tower-card__cost{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.role-badge{letter-spacing:.08em;background:0 0;border-radius:0;align-items:center;gap:.32rem;padding:0;font-size:.62rem;font-weight:800;line-height:1.4;display:inline-flex}.role-badge:before{content:"";border:1px solid #00000080;border-radius:1.5px;flex:none;width:8px;height:8px;transform:rotate(45deg)}.role-badge--tank{color:#9ec1ee}.role-badge--tank:before{background:var(--gem-tank)}.role-badge--healer{color:#8ed8af}.role-badge--healer:before{background:var(--gem-healer)}.role-badge--dps{color:#eda393}.role-badge--dps:before{background:var(--gem-dps)}.tower-card .role-badge{gap:0;font-size:0;position:absolute;top:5px;right:7px}.tower-panel{background:var(--panel-grad);border:1px solid var(--border-gold);border-radius:var(--radius);box-shadow:var(--frame-shadow-soft);padding:.85rem 1rem .95rem;position:relative}.tower-panel__head{align-items:center;gap:.5rem;font-size:1rem;display:flex}.tower-panel__head strong{font-family:"Shippori Mincho", "Hiragino Mincho ProN", var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.03rem;font-weight:700;overflow:hidden}.tower-panel__head .role-badge--icon{background:0 0;border:none;padding:0;font-size:0}.tower-panel__level{color:#9b8a5e;letter-spacing:.1em;font-size:.72rem}.tower-panel__desc{color:var(--text-dim);margin:.4rem 0 .6rem;font-size:.78rem;line-height:1.55}.tower-panel__stats{gap:.5rem;margin-bottom:.6rem;font-size:.86rem;display:flex}.tower-panel__stats>span{letter-spacing:.1em;color:#9b8a5e;text-align:center;background:#17110a;border:1px solid #3c2f16;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:.05rem;padding:.3rem .25rem .25rem;font-size:.62rem;font-weight:700;display:flex}.tower-panel__stats>span strong{color:var(--text);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.hp-bar{margin-bottom:.6rem}.hp-bar__head{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.hp-bar__label{letter-spacing:.14em;color:#9b8a5e;font-size:.63rem;font-weight:700}.hp-bar__value{color:#a9dcbb;font-variant-numeric:tabular-nums;font-size:.79rem;font-weight:800}.hp-bar__value--down{color:var(--danger)}.hp-bar__track{background:#0f0a05;border:1px solid #54421e;border-radius:3px;height:11px;position:relative;box-shadow:inset 0 1px 3px #000c}.hp-bar__fill{background:linear-gradient(#8fdcab 0%,#4aa873 55%,#3a8a5d 100%);border-radius:2px;transition:width .2s ease-out;position:absolute;top:1px;bottom:1px;left:1px;box-shadow:inset 0 1px #ffffff59}.hp-bar__fill:after{content:"";background:linear-gradient(135deg,#aee8c2,#3a8a5d);border:1px solid #1d4a30;width:7px;height:7px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 6px #6ec89699}.hp-bar__fill--low{background:linear-gradient(#ecb98f 0%,#c97f4a 55%,#a8663a 100%)}.hp-bar__fill--low:after{background:linear-gradient(135deg,#f0cda6,#a8663a);border-color:#5e3517;box-shadow:0 0 6px #dc965a99}.tower-panel__targeting{flex-wrap:wrap;align-items:center;gap:.3rem 0;margin-bottom:.6rem;display:flex}.tower-panel__targeting-label{letter-spacing:.14em;color:#9b8a5e;margin-right:.5rem;font-size:.63rem;font-weight:700}.tower-panel__targeting .btn--tiny{box-shadow:none;color:var(--text-dim);background:#1d160c;border-color:#3c2f16;border-radius:0;margin-left:-1px}.tower-panel__targeting .btn--tiny:first-of-type{border-left-color:#5d4a24;border-radius:6px 0 0 6px;margin-left:0}.tower-panel__targeting .btn--tiny:last-of-type{border-right-color:#5d4a24;border-radius:0 6px 6px 0}.tower-panel__targeting .btn--tiny.btn--primary{background:var(--btn-gold-grad);color:#231804;z-index:1;border-color:#6e5320;font-weight:800}.tower-panel__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tower-panel__max{color:var(--gold);font-size:.85rem;font-weight:700}.tower-panel__close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-left:auto;padding:0 .2rem;font-size:.85rem}.tower-panel__close:hover{color:var(--text)}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;z-index:6;background:#080502c7;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1rem;display:flex;position:absolute;inset:0}.overlay__plaque{border:1px solid var(--border-gold);background:linear-gradient(#241c11fa,#1a130bfa);border-radius:12px;width:min(440px,100%);padding:1.6rem 2.2rem 1.7rem;position:relative;box-shadow:inset 0 0 0 1px #0e0903,inset 0 0 0 2px #e8c98633,0 0 50px #d8b56c2e,0 20px 50px #000000b3}.overlay__plaque--lose{border-color:#54421e;box-shadow:inset 0 0 0 1px #0e0903,inset 0 0 0 2px #e8c98614,0 0 50px #b4463c1f,0 20px 50px #000000b3}.overlay__ornament{justify-content:center;align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.overlay__ornament:before,.overlay__ornament:after{content:"";width:80px;height:1px}.overlay__ornament:before{background:linear-gradient(90deg, #d8b56c00, var(--accent))}.overlay__ornament:after{background:linear-gradient(90deg, var(--accent), #d8b56c00)}.overlay__ornament-gem{background:var(--accent);width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 6px #d8b56ccc}.overlay__plaque--lose .overlay__ornament:before{background:linear-gradient(90deg,#b65c4e00,#b65c4e)}.overlay__plaque--lose .overlay__ornament:after{background:linear-gradient(90deg,#b65c4e,#b65c4e00)}.overlay__plaque--lose .overlay__ornament-gem{background:#b65c4e;box-shadow:0 0 6px #b65c4eb3}.overlay__title{font-family:"Cormorant", var(--font-display);letter-spacing:.28em;margin:0;padding-left:.28em;font-size:2.4rem;font-weight:700}.overlay__title--win{color:var(--gold-300);text-shadow:0 0 24px #f0cd828c,0 1px #0009}.overlay__title--lose{color:#df9384;text-shadow:0 0 24px #dc786466,0 1px #0009}.overlay__subtitle{font-family:"Shippori Mincho", var(--font-display);color:var(--text-dim);letter-spacing:.3em;margin:0;padding-left:.3em;font-size:.82rem}.overlay__stars{color:var(--gold);text-shadow:0 0 14px #f0cd82b3;letter-spacing:.18em;margin:.5rem 0 0;padding-left:.18em;font-size:1.5rem}.overlay__stars-empty,.map-card__stars-empty{color:#4a4232;text-shadow:none}.overlay__detail{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:0}.overlay__detail strong{color:var(--text);font-size:1.15em;font-weight:800}.overlay__high{border:1px solid var(--gold-700);color:var(--gold);background:#d8b56c1a;border-radius:999px;align-items:center;gap:.45rem;margin:.45rem 0 0;padding:.22rem .9rem;font-size:.78rem;font-weight:800;display:inline-flex}.overlay__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.key-hint{color:var(--text-faint);letter-spacing:.04em;text-align:center;margin:.2rem 0 0;font-size:.72rem}.map-select__heading{font-family:var(--font-display);letter-spacing:.1em;align-items:center;gap:.6rem;margin:1.5rem 0 .7rem;font-size:1.18rem;font-weight:600;display:flex}.map-select__heading:before{content:"";background:var(--gem-gold);flex:none;width:7px;height:7px;margin:0;transform:rotate(45deg)}.map-select__heading:after{content:"";background:linear-gradient(90deg,#d8b56c59,#d8b56c00);flex:1;height:1px}.map-select__difficulties{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.difficulty-card{background:var(--panel-grad);border:1px solid var(--border-gold-soft);color:var(--text);text-align:left;cursor:pointer;border-radius:9px;flex-direction:column;gap:.15rem;padding:.8rem .9rem .8rem 2.2rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.difficulty-card:before{content:"";background:#17110a;border:1px solid #6e5727;width:11px;height:11px;position:absolute;top:1.05rem;left:.85rem;transform:rotate(45deg)}.difficulty-card:hover{border-color:var(--gold-600)}.difficulty-card span{color:var(--text-dim);font-size:.74rem;line-height:1.5}.difficulty-card--active{background:var(--card-grad-active);border-color:var(--accent);box-shadow:0 0 14px #d8b56c59,inset 0 0 0 1px #e8c98640}.difficulty-card--active:before{background:var(--gem-gold);border-color:var(--gold-900);box-shadow:0 0 7px #d8b56cb3}.difficulty-card--active strong{color:#f7ecca}.difficulty-card--active span{color:#cdb87f}.map-select__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.map-card{background:var(--panel-grad);border:1px solid var(--border-gold);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;gap:.55rem;padding:.65rem .75rem .8rem;font-family:inherit;transition:box-shadow .15s,transform .1s;display:flex;box-shadow:inset 0 0 0 1px #0e0903,inset 0 0 0 2px #e8c98624,0 8px 20px #00000073}.map-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #0e0903,inset 0 0 0 2px #e8c98640,0 0 18px #d8b56c40,0 8px 20px #00000073}.map-card__preview{background:#0e0903;border:1px solid #54421e;border-radius:7px;width:100%;height:auto;padding:3px}.map-card__body{flex-direction:column;flex:1;gap:.25rem;display:flex}.map-card__title{justify-content:space-between;align-items:center;font-size:.98rem;display:flex}.map-card__title strong{font-family:"Shippori Mincho", "Hiragino Mincho ProN", var(--font-display);letter-spacing:.06em;font-weight:700}.map-card__stars{color:var(--gold);letter-spacing:.12em;text-shadow:0 0 8px #f0cd8299;font-size:.8rem}.map-card__desc{color:var(--text-dim);min-height:3.1em;margin:0;font-size:.78rem;line-height:1.55}.map-card__start{margin-top:auto}.map-card__record{color:#9b8a5e;font-variant-numeric:tabular-nums;background:#17110a;border:1px solid #3c2f16;border-radius:6px;margin:0;padding:.32rem .6rem;font-size:.7rem}.map-card__record strong{color:#cdb87f}.map-card__start{align-self:flex-start;margin-top:.2rem}.table-wrap{border:1px solid var(--border-gold);border-radius:var(--radius);margin:.5rem 0 1.2rem;overflow-x:auto;box-shadow:inset 0 0 0 1px #e8c9861f,0 8px 20px #0006}.data-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.85rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border:none;border-bottom:1px solid #d8b56c1a;padding:.55rem .85rem}.data-table th{border-bottom:1px solid var(--border-gold);font-family:"Shippori Mincho", var(--font-display);color:var(--accent);letter-spacing:.1em;white-space:nowrap;background:linear-gradient(#2a2113,#221a0e);font-size:.76rem;font-weight:700}.data-table td{color:var(--parchment)}.data-table td strong{color:var(--text)}.data-table tbody tr:nth-child(2n){background:#d8b56c08}.data-table tbody tr:last-child td{border-bottom:none}.table-dot{vertical-align:baseline;border-radius:1.5px;width:9px;height:9px;margin-right:.5rem;display:inline-block;transform:rotate(45deg)}@media (width<=640px){.build-bar{grid-template-columns:repeat(4,1fr)}.hud__controls{margin-left:0}.hud__stat{padding:0 .7rem}.site-nav a{padding:.3rem .45rem;font-size:.82rem}.page-title{font-size:1.3rem}.key-hint{display:none}}.site-footer__legal{color:#6d6450;margin-top:.5rem;font-size:.72rem;line-height:1.7}.job-icon{vertical-align:middle;border-radius:4px;flex:none;display:inline-block}.job-icon--fallback{border-radius:50%}.tower-panel__head .job-icon{border:1px solid var(--gold-700);background:linear-gradient(135deg,#3a2e1a,#241c10);border-radius:7px;width:48px;height:48px;padding:3px;box-shadow:inset 0 1px #f7ebcb26}.table-icon{vertical-align:middle;margin-right:.45rem;display:inline-block}.game-board__main{position:relative}.game-board__main .canvas-wrap{margin-right:calc(252px + .8rem)}.game-side{flex-direction:column;gap:.6rem;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.game-side .build-bar{grid-template-columns:repeat(2,1fr)}@media (width<=1100px){.game-board__main .canvas-wrap{margin-right:0}.game-side{width:100%;margin-top:.6rem;position:static;overflow-y:visible}.game-side .build-bar{grid-template-columns:repeat(5,1fr)}}.game-side__heading{background:var(--panel-grad);border:1px solid var(--border-gold);font-family:"Shippori Mincho", var(--font-display);letter-spacing:.16em;color:var(--gold-300);border-radius:8px;align-items:center;gap:.5rem;padding:.42rem .75rem;font-size:.84rem;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #e8c9861f}.game-side__heading:before{content:"";background:var(--accent);flex:none;width:6px;height:6px;transform:rotate(45deg)}.game-side__heading-hint{letter-spacing:0;color:var(--text-faint);margin-left:auto;font-family:Segoe UI,system-ui,sans-serif;font-size:.62rem;font-weight:400}.container:has(.game-board){max-width:1380px}.game-side{width:252px}.game-side .build-bar{gap:.45rem}.game-side .tower-card{gap:.12rem;padding:.55rem .3rem .4rem}.game-side .tower-card__name{letter-spacing:0;font-size:.72rem}.game-side .tower-card__cost{font-size:.7rem}.game-side .tower-card__key{font-size:.6rem}.game-side .tower-panel{font-size:.78rem}.tower-popup{z-index:5;width:312px;padding:5px;position:absolute;top:.85rem;right:.85rem;overflow:visible}.tower-popup .tower-panel{border:1px solid var(--border-gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#241c11f5,#1c150df5);box-shadow:inset 0 0 0 1px #0e0903,inset 0 0 0 2px #e8c9862e,0 14px 36px #000000a6}@media (width<=1100px){.tower-popup{width:min(302px,100% - 1.7rem)}}.role-badge--icon:before{display:none}.role-badge__img{vertical-align:-2px;border-radius:2px;display:inline-block}.tower-card .role-badge--icon{background:0 0;border:none;padding:0;font-size:0}.ability-btn--png:before{display:none}.ability-btn--png .role-badge__img{flex-shrink:0}.action-icon{vertical-align:-3px;border-radius:3px;margin-right:.3rem;display:inline-block}.site-header__logo{vertical-align:-5px;border-radius:4px;margin-right:.45rem;display:inline-block}.container:has(.data-table){max-width:1180px}.data-table td:not(:last-child),.data-table th:not(:last-child){white-space:nowrap}.data-table--jobs td:last-child{min-width:24rem;line-height:1.75}.build-bar__role{letter-spacing:.1em;color:var(--text-dim);grid-column:1/-1;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.66rem;font-weight:700;display:flex}.build-bar__role:after{content:"";background:linear-gradient(90deg,#e8c98640,#0000);flex:1;height:1px}.build-bar__role--tank{color:#8fb4e3}.build-bar__role--healer{color:#7cc9a2}.build-bar__role--dps{color:#de9287}.tower-card--tank:not(.tower-card--active){background:linear-gradient(180deg, #6e9bd833, #6e9bd80f 70%, var(--bg-card));border-color:#6e9bd8a6}.tower-card--healer:not(.tower-card--active){background:linear-gradient(180deg, #57b28733, #57b2870f 70%, var(--bg-card));border-color:#57b287a6}.tower-card--dps:not(.tower-card--active){background:linear-gradient(180deg, #cd6a5a2e, #cd6a5a0d 70%, var(--bg-card));border-color:#cd6a5a99}.role-row--tank>td:first-child{box-shadow:inset 4px 0 #6e9bd8d9}.role-row--healer>td:first-child{box-shadow:inset 4px 0 #57b287d9}.role-row--dps>td:first-child{box-shadow:inset 4px 0 #cd6a5acc}.role-row--tank{background:#6e9bd81c}.role-row--healer{background:#57b2871c}.role-row--dps{background:#cd6a5a17}.role-cell--tank{color:#8fb4e3;font-weight:700}.role-cell--healer{color:#7cc9a2;font-weight:700}.role-cell--dps{color:#de9287;font-weight:700}.overlay__stats{scrollbar-width:thin;scrollbar-color:#8f6e2fb3 transparent;max-height:240px;margin:.7rem 0 .3rem;overflow-y:auto}.overlay__stats-heading{font-family:var(--font-display,serif);letter-spacing:.14em;color:var(--gold-300,#ecd49b);margin:0 0 .35rem;font-size:.82rem}.overlay__stats-table{border-collapse:collapse;width:100%;font-size:.74rem}.overlay__stats-table th{color:var(--text-dim);text-align:right;border-bottom:1px solid #e8c9862e;padding:.15rem .4rem;font-weight:600}.overlay__stats-table th:first-child{text-align:left}.overlay__stats-table td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #e8c98612;padding:.18rem .4rem}.overlay__stats-table td:first-child{text-align:left;white-space:nowrap}.tower-panel__row{align-items:stretch;gap:.5rem;margin-top:.5rem;display:flex}.tower-panel__grow{flex:1}.tower-panel__plate{border:1px solid var(--border-gold-soft);background:var(--btn-dark-grad);color:var(--gold);opacity:.7;border-radius:7px;flex:1;justify-content:center;align-items:center;padding:.32rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.tower-panel__sell{flex:none;margin-left:auto}.tower-popup .tower-panel__head{cursor:grab}.tower-panel__head-main{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.tower-panel__head-meta{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.tower-panel__head-meta .tower-panel__close{margin-left:.2rem}.tower-popup .tower-panel{padding:.7rem .85rem .8rem}.tower-popup .tower-panel__targeting{margin-bottom:.45rem}.tower-popup .tower-panel__targeting .btn--tiny{padding:.18rem .42rem;font-size:.7rem}.tower-popup .tower-panel__stats{margin-bottom:.45rem}.tower-popup .tower-panel__desc{margin:.3rem 0 .4rem;line-height:1.45}