:root{--hud-bg:#14100c;--hud-border:#4a3a24;--hud-accent:#b5893a;--hud-text:#d8cdb8;--hud-text-dim:#8a7f6c;--gold:#e0b13c;--hp-red:#8a1f1f;--font-title:Georgia, "Times New Roman", serif;--font-body:Georgia, "Times New Roman", serif;--font-display:"Cinzel Decorative", Georgia, serif;--font-hud:"Cinzel", Georgia, serif}*{box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-body);background:#000;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#viewport{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block}#viewport:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#00000052 100%);position:absolute;inset:0}#hud-top{--tb-gold:#d9b45a;--tb-gold-light:#f4dd95;--tb-red:#c0453a;color:var(--hud-text);pointer-events:none;z-index:10;background:linear-gradient(#1c1309 0%,#140d07 55%,#0c0806 100%);border-bottom:1px solid #785f2a8c;justify-content:space-between;align-items:stretch;gap:0;padding:7px 16px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 16px -6px #d9b45a33}#hud-top>*{pointer-events:auto}.hud-segment{align-items:center;gap:8px;min-width:0;padding:0 9px;display:flex}.hud-segment-ready,.hud-segment-controls{flex-shrink:0}.hud-segment:first-child{padding-left:0}.hud-segment:last-child{padding-right:0}.hud-segment:not(:last-child){border-right:1px solid #d9b45a38}.hud-stat{min-width:66px;font-family:var(--font-hud);flex-direction:column;align-items:center;display:flex}.hud-stat .label{letter-spacing:1.5px;text-transform:uppercase;color:var(--tb-gold);opacity:.8;font-size:11px;font-variant-caps:small-caps}.hud-stat .value{letter-spacing:.4px;font-size:14px;font-weight:600}.hud-stat .mode-label{letter-spacing:.6px;text-transform:uppercase;color:var(--hud-text-dim);opacity:.65;margin-top:1px;font-size:8px}.hud-stat.gold .value{color:var(--tb-gold-light);align-items:center;gap:4px;display:flex}.hud-stat.gold .coin-icon{width:14px;height:14px}.hud-stat.workers .value{color:var(--tb-gold-light);align-items:center;gap:4px;display:flex}.hud-stat.workers .coin-icon{width:14px;height:14px}.citadel-gauge{flex-direction:column;align-items:center;gap:2px;width:210px;display:flex}.citadel-gauge-label{font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 0 8px #000c;font-size:10px}.citadel-gauge-bar{background:#1c1712;border:1px solid #d9b45a66;border-radius:6px;width:100%;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.citadel-gauge-fill{background:linear-gradient(to bottom, #d8564a, var(--tb-red));height:100%;transition:width .3s,background .6s}.citadel-gauge.mode-villagers .citadel-gauge-fill{background:linear-gradient(to bottom, var(--tb-gold-light,#f4dd95), var(--tb-gold,#d9b45a))}.citadel-gauge-value{font-family:var(--font-hud);color:var(--hud-text);text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}#speed-controls{align-items:center;gap:6px;display:flex}.speed-toggle{border:1px solid #d9b45a4d;border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.speed-btn,#pause-btn{font-family:var(--font-hud);color:var(--hud-text-dim);cursor:pointer;background:#1e160ea6;border:1px solid #d9b45a4d;border-radius:8px;padding:6px 10px;font-size:12px;transition:border-color .18s,color .18s,box-shadow .18s,background .18s}.speed-toggle .speed-btn{background:0 0;border:none;border-radius:0}.speed-toggle .speed-btn:hover{background:#d9b45a1f}.speed-btn:hover,#pause-btn:hover{border-color:var(--tb-gold);color:var(--tb-gold-light);box-shadow:0 0 10px #d9b45a59}.speed-toggle .speed-btn:hover{box-shadow:none}.speed-toggle .speed-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.speed-btn.active,#pause-btn.active{border-color:var(--tb-gold);background:linear-gradient(to bottom, var(--tb-gold-light), var(--tb-gold));color:#241a0a;box-shadow:0 0 10px #d9b45a66}.recall-btn{font-family:var(--font-hud);color:var(--hud-text-dim);cursor:pointer;background:#1e160ea6;border:1px solid #d9b45a4d;border-radius:8px;padding:6px 10px;font-size:13px;transition:border-color .18s,color .18s,box-shadow .18s,background .18s}.recall-btn:hover{border-color:var(--tb-gold);color:var(--tb-gold-light);box-shadow:0 0 10px #d9b45a59}.recall-btn.urgent{color:#ffb3a3;border-color:#e74c3c;animation:1s ease-in-out infinite recall-pulse}@keyframes recall-pulse{0%,to{box-shadow:0 0 6px #e74c3c66}50%{box-shadow:0 0 16px #e74c3cd9}}#speed-current{font-family:var(--font-hud);text-align:center;background:linear-gradient(to bottom, var(--tb-gold-light), var(--tb-gold));color:#241a0a;border-left:1px solid #d9b45a4d;border-right:1px solid #d9b45a4d;min-width:30px;padding:6px 4px;font-size:12px;font-weight:600}#ready-panel{align-items:center;gap:12px;display:flex}.ready-timer-stack{flex-direction:column;align-items:center;min-width:40px;display:flex}.ready-timer-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--tb-gold);opacity:.8;font-size:8px;font-variant-caps:small-caps}#ready-timer{font-family:var(--font-hud);text-align:center;font-size:13px;font-weight:600}#ready-btn{font-family:var(--font-hud);letter-spacing:1.5px;border:1.5px solid var(--tb-gold);color:var(--tb-gold-light);text-transform:uppercase;cursor:pointer;background:linear-gradient(#2c2011,#180f08);border-radius:8px;padding:8px 22px;font-size:13px;font-weight:600;transition:box-shadow .2s,background .2s;box-shadow:0 0 10px #d9b45a40}#ready-btn:hover{background:linear-gradient(#3c2e18,#201509);box-shadow:0 0 20px #d9b45a8c}#ready-btn:disabled{opacity:.4;cursor:default;box-shadow:none}#power-overlay{z-index:10;pointer-events:none;position:absolute;top:81px;right:22px}#power-overlay>*{pointer-events:auto}#reinforcement-overlay{z-index:9;pointer-events:none;position:absolute;top:135px;right:22px}#reinforcement-overlay>*{pointer-events:auto}#compass-overlay{z-index:10;pointer-events:none;position:absolute;top:81px;left:22px}#compass-overlay>*{pointer-events:auto}.compass-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.compass-icon{object-fit:cover;width:38px;height:38px;transition:filter .25s}.compass-btn:hover .compass-icon{filter:drop-shadow(0 0 6px #f4dd9599)}.reinforcement-widget{cursor:default;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.reinforcement-icon{filter:drop-shadow(0 0 3px #f4dd9580);font-size:18px;position:relative}.power-btn{cursor:not-allowed;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.power-ring{width:44px;height:44px;position:absolute;inset:0;transform:rotate(-90deg)}.power-ring-track,.power-ring-fill{fill:#14100abf;stroke-width:3px;r:19;cx:22;cy:22}.power-ring-track{stroke:#d9b45a40;fill:#14100abf}.power-ring-fill{stroke:var(--tb-gold-light,#f4dd95);fill:none;stroke-linecap:round;transition:stroke-dashoffset .3s}.power-icon{object-fit:cover;border-radius:50%;width:38px;height:38px;transition:filter .25s;position:relative}.power-btn.ready{cursor:pointer}.power-btn.ready .power-icon{filter:none;animation:1.6s ease-in-out infinite power-shimmer}.power-btn.ready .power-ring-fill{animation:1.6s ease-in-out infinite power-ring-glow}@keyframes power-shimmer{0%,to{filter:drop-shadow(0 0 3px #f4dd9599);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #f4dd95);transform:scale(1.1)}}@keyframes power-ring-glow{0%,to{stroke:#d9b45a}50%{stroke:#fff3cf}}.power-tooltip,.build-tooltip,.compass-tooltip{border:1px solid var(--gold);text-align:left;opacity:0;pointer-events:none;z-index:25;cursor:default;background:linear-gradient(155deg,#2a1e12 0%,#14100b 100%);border-radius:4px;width:210px;padding:9px 11px;transition:opacity .18s,transform .18s;position:absolute;box-shadow:0 6px 16px #0000008c}.power-tooltip strong,.build-tooltip strong{color:var(--gold);letter-spacing:.3px;margin-bottom:4px;font-size:12px;display:block}.power-tooltip span,.build-tooltip span{color:var(--hud-text-dim);font-size:11px;line-height:1.45;display:block}.power-tooltip{top:calc(100% + 10px);right:0;transform:translateY(-4px)}.power-tooltip:before{content:"";border-left:1px solid var(--gold);border-top:1px solid var(--gold);background:#2a1e12;width:9px;height:9px;position:absolute;top:-5px;right:16px;transform:rotate(45deg)}.power-btn:hover .power-tooltip,.reinforcement-widget:hover .power-tooltip{opacity:1;transform:translateY(0)}.compass-tooltip{top:calc(100% + 10px);left:0;transform:translateY(-4px)}.compass-tooltip:before{content:"";border-left:1px solid var(--gold);border-top:1px solid var(--gold);background:#2a1e12;width:9px;height:9px;position:absolute;top:-5px;left:16px;transform:rotate(45deg)}.compass-btn:hover .compass-tooltip{opacity:1;transform:translateY(0)}.build-tooltip{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.build-tooltip:before{content:"";border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);background:#14100b;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.build-slot:hover .build-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.build-slot:nth-last-child(-n+2) .build-tooltip{left:auto;right:0;transform:translateY(4px)}.build-slot:nth-last-child(-n+2) .build-tooltip:before{left:auto;right:16px;transform:rotate(45deg)}.build-slot:nth-last-child(-n+2):hover .build-tooltip{transform:translateY(0)}#hud-bottom{border-top:2px solid var(--gold);height:178px;color:var(--hud-text);z-index:10;background:linear-gradient(#1c1309 0%,#140d07 55%,#0c0806 100%);grid-template-columns:160px 1fr 545px;gap:12px;padding:10px 16px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 18px -6px #e0b13c59}.hud-panel{border:1px solid var(--hud-accent);background:#14100c99;border-radius:3px;min-width:0;padding:8px}#info-panel{overflow-y:auto}#info-panel,.trophy-grid,.options-panel,.options-shortcut-list{scrollbar-width:thin;scrollbar-color:var(--gold) #0000004d}#info-panel::-webkit-scrollbar{width:7px}.trophy-grid::-webkit-scrollbar{width:7px}.options-panel::-webkit-scrollbar{width:7px}.options-shortcut-list::-webkit-scrollbar{width:7px}#info-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.trophy-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.options-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.options-shortcut-list::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}#info-panel::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, #c8932c, var(--gold));border:1px solid #e0b13c80;border-radius:4px}.trophy-grid::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, #c8932c, var(--gold));border:1px solid #e0b13c80;border-radius:4px}.options-panel::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, #c8932c, var(--gold));border:1px solid #e0b13c80;border-radius:4px}.options-shortcut-list::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, #c8932c, var(--gold));border:1px solid #e0b13c80;border-radius:4px}.hud-panel .panel-title{font-family:var(--font-title);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:linear-gradient(#e0b13c38,#e0b13c0d);margin:-1px 0 10px;padding:5px 18px;font-size:10px;display:inline-block}#selection-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.8px;max-width:100%;padding:5px 12px;font-size:9px;overflow:hidden}.detail-rows{grid-template-columns:1fr 1fr;gap:0 14px;margin-bottom:8px;display:grid}.detail-row{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:1px;padding:5px 0;font-size:12px;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--hud-text-dim);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.detail-label.lc,.detail-progress-label.lc{text-transform:none}.detail-value{color:var(--hud-text);text-align:left;font-weight:700}.detail-value.highlight{color:#a8d96b;text-transform:uppercase;letter-spacing:.4px}.unit-or{text-transform:capitalize}.detail-note{color:var(--hud-text-dim);margin:6px 0 0;font-size:11px;line-height:1.4}.detail-progress{margin-top:6px}.detail-progress-label{letter-spacing:.4px;color:var(--hud-text-dim);text-transform:uppercase;justify-content:space-between;margin-bottom:3px;font-size:10px;display:flex}.detail-progress-track{border:1px solid var(--hud-border);background:#1c1712;border-radius:3px;height:6px;overflow:hidden}.detail-progress-fill{background:linear-gradient(to right, #b5893a, var(--gold));height:100%;transition:width .2s linear}#portrait-panel{flex-direction:column;gap:8px;display:flex}.selection-body{flex-direction:column;align-items:center;gap:8px;display:flex}.selection-portrait{background:radial-gradient(circle at 35% 30%,#e0b13c33,#0006);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex;overflow:hidden}.selection-portrait.photo{border:1px solid var(--gold);width:80px;height:80px}.selection-portrait.photo img{object-fit:cover;object-position:50% 35%;width:100%;height:100%}.selection-portrait img{width:26px;height:26px}.selection-meta{flex-direction:column;align-items:center;min-width:0;display:flex}.selection-level{color:var(--hud-text-dim);margin-top:2px;font-size:10px}.selection-pips{gap:3px;margin-top:4px;display:flex}.selection-pips .pip{border:1px solid var(--hud-border);background:#ffffff26;width:6px;height:6px;transform:rotate(45deg)}.selection-pips .pip.filled{background:var(--gold);border-color:var(--gold)}.construction-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.construction-header .panel-title{margin-bottom:0}.gold-chip{font-family:var(--font-title);letter-spacing:.4px;color:var(--gold);border:1px solid var(--gold);background:#e0b13c1a;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;display:flex}#construction-panel{padding:5px}#build-menu{justify-content:center;gap:2px;display:grid}.build-slot{aspect-ratio:1;min-width:0;color:var(--hud-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:11px;transition:color .3s;display:flex;position:relative}.slot-portrait{border:1px solid var(--hud-accent);background:radial-gradient(circle at 35% 30%,#e0b13c2e,#00000059);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.build-slot .build-icon{pointer-events:none;width:32px;height:32px;transition:transform .2s}.build-slot:hover .build-icon{transform:scale(1.18)}.slot-portrait.photo{border-color:var(--gold)}.slot-portrait.photo .build-icon{object-fit:cover;object-position:50% 35%;width:100%;height:100%}.slot-badge{border:1px solid var(--hud-border);width:13px;height:13px;font-family:var(--font-title);color:var(--hud-text-dim);background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:none;position:absolute;top:3px;left:4px}.build-slot:hover{color:var(--hud-text)}.build-slot.active{border-color:var(--gold);color:var(--hud-text);background:#e0b13c26;box-shadow:0 0 12px 1px #e0b13c8c,inset 0 0 10px #e0b13c1f}.build-slot .cost{color:var(--gold);align-items:center;gap:3px;font-size:12px;display:flex}.coin-icon{pointer-events:none;width:13px;height:13px}.build-slot .lock-icon{display:none}.build-slot.locked{cursor:not-allowed}.build-slot.locked:hover{border-color:var(--hud-border);box-shadow:0 0 #e0b13c00}.build-slot.locked .build-icon,.build-slot.locked .shortcut,.build-slot.locked .cost,.build-slot.locked>*{opacity:.35}.build-slot.locked .build-tooltip{opacity:0}.build-slot.locked:hover .build-tooltip{opacity:1}.build-slot.locked .lock-icon{opacity:1;justify-content:center;font-size:11px;display:flex;position:absolute;top:3px;left:0;right:0}.action-row{flex-wrap:wrap;gap:8px;display:flex}.action-btn{font-family:var(--font-title);border:1px solid var(--hud-accent);color:var(--hud-text);cursor:pointer;background:linear-gradient(#3a2c17,#1c150c);border-radius:3px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.action-icon{object-fit:contain;pointer-events:none;flex-shrink:0;width:58px;height:58px}.action-btn.icon-only{flex-direction:column;justify-content:flex-start;gap:2px;padding:2px}.action-btn.icon-only span{font-size:12px;line-height:1}.action-btn:hover{background:linear-gradient(#4a3a20,#241a0e)}.action-btn:disabled{opacity:.35;cursor:default}.action-btn.sell{color:#e8c8c8;background:linear-gradient(#5a2020,#2a0e0e);border-color:#8a3a3a}.action-btn.sell:hover{background:linear-gradient(#6a2828,#341212)}.action-btn.cancel{opacity:.75;margin-left:auto}.action-btn.icon-vendre .action-icon{transform:scale(1.67)}.action-btn.icon-deplacer .action-icon{transform:scale(1.6)}.action-btn.icon-ameliorer .action-icon{transform:scale(1.59)}.action-btn.icon-annuler .action-icon{transform:scale(1.67)}.action-btn.icon-deblayer .action-icon{transform:scale(1.59)}.action-btn.cancel:hover{opacity:1}.action-btn.icon-only,.action-btn.icon-only:hover,.action-btn.icon-only.sell,.action-btn.icon-only.sell:hover{background:0 0;border:none}.action-btn.icon-only:hover .action-icon{filter:brightness(1.3)}.damage-popup{font-family:var(--font-title);color:#e64545;text-shadow:0 1px 3px #000000e6;pointer-events:none;z-index:15;font-size:16px;font-weight:700;animation:1.1s ease-out forwards damage-popup-rise;position:absolute;transform:translate(-50%)}.damage-popup.gold-popup{color:var(--gold)}@keyframes damage-popup-rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-36px)}}#countdown-overlay{pointer-events:none;z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{font-family:var(--font-title);color:var(--gold);text-shadow:0 0 60px #e0b13ca6,0 4px 16px #000000e6;font-size:220px;font-weight:700;animation:1s ease-out countdown-pulse}@keyframes countdown-pulse{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.15)}35%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#wave-end-overlay{pointer-events:none;z-index:12;justify-content:center;align-items:center;display:flex;position:absolute;top:90px;left:0;right:0}.wave-end-banner{text-align:center;animation:3s ease-in-out forwards wave-end-inout}.wave-end-banner .line1{font-family:var(--font-title);letter-spacing:.8px;color:#fff;text-shadow:0 0 10px #000c;font-size:13px}.wave-end-banner .line2{font-family:var(--font-title);letter-spacing:.5px;color:#fff;opacity:.85;text-shadow:0 0 10px #000c;font-size:9px}@keyframes wave-end-inout{0%{opacity:0;transform:translateY(-6px)}12%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}#banner-overlay{pointer-events:none;z-index:25;justify-content:center;align-items:center;display:flex;position:absolute;top:14%;left:0;right:0}.story-banner{border-top:1px solid var(--hud-accent);border-bottom:1px solid var(--hud-accent);text-align:center;background:linear-gradient(#0a0806d9,#0a080699);flex-direction:column;align-items:center;gap:6px;padding:16px 40px;animation:3.6s ease-in-out forwards story-banner-inout;display:flex}.story-banner .line1{font-family:var(--font-title);color:var(--gold);letter-spacing:.5px;text-shadow:0 0 20px #e0b13c80;font-size:20px}.story-banner.warning .line1{color:#e67e22;text-shadow:0 0 20px #e67e2280}.story-banner .line2{font-family:var(--font-title);color:var(--hud-text);letter-spacing:1px;text-transform:uppercase;font-size:13px}@keyframes story-banner-inout{0%{opacity:0;transform:translateY(-14px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}#home-screen{z-index:50;background:linear-gradient(100deg,#060504f0 0%,#060504bf 30%,#06050426 55%,#0000 72%),url(/images/home/castle-bg.png) 50%/cover no-repeat;justify-content:flex-start;align-items:center;display:none;position:absolute;inset:0;overflow:hidden}.home-logo{mix-blend-mode:screen;width:100%;max-width:460px;height:auto}.home-content{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;max-width:480px;margin-top:-7vh;padding-left:7vw;animation:.7s ease-out home-panel-in;display:flex;position:relative}@keyframes home-panel-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.home-subtitle{width:100%;color:var(--hud-text-dim);letter-spacing:.5px;text-align:center;margin:-4px 0 8px;font-size:15px}.home-menu{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.home-btn{font-family:var(--font-title);letter-spacing:1px;border:1px solid var(--hud-border);color:var(--hud-text-dim);text-transform:uppercase;text-align:left;cursor:pointer;background:linear-gradient(#241c11,#14100a);border-radius:3px;min-width:220px;padding:12px 40px 12px 20px;font-size:16px;transition:border-color .2s,color .2s,box-shadow .2s;position:relative;overflow:hidden}.home-btn:after{content:"";background:linear-gradient(115deg,#0000 40%,#e0b13c40 50%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-120%)}.home-btn:hover{transform:translateY(-1px)}.home-btn:hover:after{transform:translate(120%)}.home-btn.secondary{border-color:var(--hud-accent);color:var(--hud-text)}.home-btn.secondary:hover{border-color:var(--gold);color:var(--gold)}.home-btn.primary{border-color:var(--gold);color:var(--gold);background:linear-gradient(#3a2c17,#1c150c)}.home-btn.primary:hover{background:linear-gradient(#5a4420,#2c2010);box-shadow:0 0 16px #e0b13c59}.home-btn.primary:active{background:linear-gradient(to bottom, var(--gold), #b8860b);color:#1a1408}.home-btn:disabled{color:#5a5346;cursor:not-allowed;background:linear-gradient(#1a1611,#100d09);border-color:#3a3226;transform:none}.home-btn:disabled:hover{box-shadow:none;transform:none}.home-btn:disabled:after{display:none}.home-btn-mode{flex-direction:column;gap:4px;padding:10px 20px;display:flex}.home-btn-mode-title{font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;font-size:15px}.home-btn-mode-desc{font-family:var(--font-body);letter-spacing:.2px;text-transform:none;color:var(--hud-text-dim);white-space:normal;font-size:11px;line-height:1.35}.music-toggle-btn{border:1px solid var(--hud-border);width:32px;height:32px;color:var(--hud-text-dim);cursor:pointer;background:#28201699;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.music-toggle-btn:hover{border-color:var(--hud-accent);color:var(--hud-text)}.home-music-btn{color:var(--gold);background:#14100a8c;border-color:#e0b13c66;top:20px;right:20px}.home-music-btn:hover{border-color:var(--gold);box-shadow:0 0 10px #e0b13c59}#pause-menu-overlay,#confirm-dialog-overlay,#defeat-screen-overlay,#trophy-overlay{z-index:40;background:#050403bf;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#defeat-screen-overlay{background:radial-gradient(#3208088c 0%,#050403e0 75%)}#trophy-overlay{z-index:55;background:#14100b}.trophy-panel,#story-overlay{background-color:#0000;background-image:radial-gradient(80% 60% at 50% 0,#e0b13c0d 0%,#0000 60%),url(/images/backgrounds/stone-panel-bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.trophy-panel{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:none;border-radius:0;outline:none;justify-content:flex-start;align-items:stretch;padding:40px 60px;position:relative;overflow-y:auto}.trophy-panel:before{content:"";pointer-events:none;border:1px solid #e0b13c2e;position:absolute;inset:14px}.trophy-panel:after{content:"◆";color:var(--gold);opacity:.35;pointer-events:none;font-size:11px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.trophy-panel .trophy-grid{max-height:none}.trophy-panel h2{font-family:var(--font-title);letter-spacing:3px;color:var(--gold);text-shadow:0 0 24px #e0b13c59;font-size:32px}#trophy-close-icon{color:var(--hud-text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;top:14px;right:16px}#trophy-close-icon:hover{color:var(--hud-text)}.trophy-subtitle{color:var(--hud-text-dim);text-align:center;margin-top:-6px;font-size:12px;font-style:italic}.trophy-summary{width:100%;color:var(--gold);align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.trophy-summary-count{white-space:nowrap;font-family:var(--font-title)}.trophy-summary-track{border:1px solid var(--hud-border);background:#0006;border-radius:3px;flex:1;height:6px;overflow:hidden}.trophy-summary-fill{background:linear-gradient(90deg, #c8932c, var(--gold));height:100%}.trophy-summary-points{white-space:nowrap}.trophy-tabs{align-self:flex-start;gap:6px;margin-top:6px;display:flex}.trophy-tab{border:1px solid var(--hud-border);color:var(--hud-text-dim);font-size:11px;font-family:var(--font-title);letter-spacing:.03em;cursor:pointer;background:#0000004d;border-radius:3px;padding:4px 12px;transition:border-color .25s,color .25s,background .25s}.trophy-tab:hover{color:var(--hud-text);border-color:var(--hud-accent)}.trophy-tab.active{border-color:var(--gold);color:var(--gold);background:#e0b13c1f}.trophy-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:max-content;align-items:start;gap:14px;width:100%;margin-top:12px;padding:6px 0;display:grid}.trophy-card{text-align:left;cursor:default;background:linear-gradient(155deg,#1c1712 0%,#100d0a 100%);border:1px solid #4a3a24;border-radius:6px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000080,inset 0 0 0 1px #0006}.trophy-card:hover{border-color:var(--hud-accent);transform:translateY(-5px)}.trophy-card.unlocked{border-color:var(--gold);box-shadow:0 6px 20px #0000008c,0 0 18px #e0b13c40,inset 0 0 0 1px #e0b13c26}.trophy-card.unlocked:hover{border-color:#f0cb5c;box-shadow:0 10px 26px #0009,0 0 28px #e0b13c66,inset 0 0 0 1px #e0b13c40}.trophy-card-art{aspect-ratio:2/3;filter:grayscale(.5)brightness(.55);background-color:#100d0a;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:space-between;width:100%;transition:transform .35s,filter .35s;display:flex;position:relative}.trophy-card.unlocked .trophy-card-art{filter:grayscale(0)brightness()}.trophy-card:hover .trophy-card-art{transform:scale(1.04)}.trophy-card-art.no-image{background-image:radial-gradient(circle at 50% 35%,#241d15 0%,#100d0a 75%)}.trophy-card-art.no-image:before{content:"";opacity:.08;background-image:radial-gradient(circle, var(--gold) 1px, transparent 1px);background-size:8px 8px;position:absolute;inset:0}.trophy-card-icon{z-index:2;border:1px solid var(--hud-border);width:22px;height:22px;color:var(--hud-text-dim);background:#0a0806bf;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:8px;left:8px}.trophy-card.unlocked .trophy-card-icon{border-color:var(--gold);color:var(--gold);box-shadow:0 0 8px #e0b13c80}.trophy-card-top-scrim{z-index:1;background:linear-gradient(#080604d9 0%,#08060480 55%,#0000 100%);padding:8px 10px 24px 32px;position:relative}.trophy-card-name{font-family:var(--font-title);letter-spacing:.5px;text-transform:uppercase;color:var(--hud-text);text-shadow:0 1px 3px #000000e6;font-size:11px;line-height:1.3}.trophy-card.unlocked .trophy-card-name{color:var(--gold)}.trophy-card-bottom-scrim{z-index:1;background:linear-gradient(#0000 0%,#080604a6 30%,#080604f0 100%);padding:22px 9px 9px;position:relative}.trophy-card-desc{color:var(--hud-text-dim);text-shadow:0 1px 2px #000000e6;margin:0 0 6px;font-size:9px;line-height:1.35}.trophy-card-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.trophy-cat-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--hud-text-dim);border:1px solid var(--hud-border);background:#0a080680;border-radius:2px;padding:1px 5px;font-size:8px}.trophy-card-points{color:var(--gold);font-size:9px;font-family:var(--font-title)}.trophy-card-unlocked{color:var(--gold);text-align:center;letter-spacing:.4px;margin-top:6px;font-size:9px}.trophy-card-progress{align-items:center;gap:6px;margin-top:6px;display:flex}.trophy-card-progress-track{background:#00000080;border:1px solid #e0b13c26;border-radius:2px;flex:1;height:4px;overflow:hidden}.trophy-card-progress-fill{background:linear-gradient(to right, #8a6a2a, var(--gold));height:100%}.trophy-card-progress span{color:var(--hud-text-dim);white-space:nowrap;font-size:8px}.trophy-footer{width:100%;color:var(--hud-text-dim);justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;display:flex}.trophy-footer .pause-btn{width:auto;padding:6px 20px}#story-overlay{z-index:70;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#story-overlay:before{content:"";pointer-events:none;border:1px solid #e0b13c2e;position:absolute;inset:14px}#story-overlay:after{content:"◆";color:var(--gold);opacity:.35;pointer-events:none;font-size:11px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.story-card{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:20px;animation:.6s ease-out story-card-in;display:flex;overflow:hidden}.story-card.has-image{background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-start;padding:0}.story-card-scrim{width:100%;max-width:640px;padding:32px 40px 36px}.story-card.has-image .story-card-inner{text-align:left;align-items:flex-start;max-width:none}@keyframes story-card-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.story-card-inner{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:620px;min-height:0;display:flex;overflow:hidden}.story-card-inner h2{font-family:var(--font-title);color:var(--gold);text-shadow:0 0 24px #e0b13c66,0 2px 6px #000000e6,0 0 3px #000000e6;margin:0;font-size:clamp(18px,2.6vw,26px)}.story-card-text{color:var(--hud-text);text-shadow:0 2px 6px #000000e6,0 0 3px #000000e6;font-size:clamp(11px,1.5vw,13px);line-height:1.4}.story-card-text p{margin:0 0 4px}.story-card-text p:last-child{margin-bottom:0}.story-card-actions{flex-shrink:0;gap:12px;margin-top:4px;display:flex}.story-btn{font-family:var(--font-title);letter-spacing:.6px;border:1px solid var(--hud-accent);color:var(--hud-text);text-transform:uppercase;cursor:pointer;background:linear-gradient(#3a2c17,#1c150c);border-radius:3px;padding:10px 26px;font-size:14px}.story-btn:hover{background:linear-gradient(#4a3a20,#241a0e)}.story-btn.primary{border-color:var(--gold);color:var(--gold)}.story-btn.secondary{color:var(--hud-text-dim);border-color:var(--hud-border)}.pause-panel.defeat-panel h2{font-family:var(--font-title);letter-spacing:2px;text-transform:uppercase;color:#e05a5a;text-shadow:0 0 24px #e03c3c66;margin:0 0 4px;font-size:26px}.defeat-subtitle{color:var(--hud-text-dim);margin:0;font-size:13px}.defeat-wave{color:var(--gold);margin-bottom:6px;font-size:13px}#confirm-dialog-overlay{z-index:60}.confirm-message{max-width:320px;color:var(--hud-text);text-align:center;margin:0;font-size:13px;line-height:1.5}.pause-panel{border:1px solid var(--hud-border);background:#14100ceb;border-radius:6px;flex-direction:column;align-items:center;gap:12px;padding:32px 48px;display:flex;position:relative}.pause-panel h2{font-family:var(--font-title);letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:22px}.pause-btn{font-family:var(--font-title);letter-spacing:1px;border:1px solid var(--hud-accent);color:var(--hud-text);cursor:pointer;background:linear-gradient(#3a2c17,#1c150c);border-radius:3px;min-width:200px;padding:10px 36px;font-size:15px}.pause-btn:hover{background:linear-gradient(#4a3a20,#241a0e)}.pause-btn.primary{border-color:var(--gold);color:var(--gold)}.pause-btn.danger{color:#e8c8c8;background:linear-gradient(#5a2020,#2a0e0e);border-color:#8a3a3a}.pause-btn.danger:hover{background:linear-gradient(#6a2828,#341212)}.pause-panel-v2{background:radial-gradient(80% 55% at 30% 15%,#3c2d4666 0%,#0000 60%) 50%,radial-gradient(130% 110% at 50% 45%,#17130ed9 0%,#0a0806eb 65%,#050403f5 100%) 50%,url(/images/backgrounds/stone-panel-bg.png) 50%/cover;border:1px solid #e0b13c59;border-radius:8px;flex-direction:column;align-items:center;gap:10px;width:340px;padding:30px 26px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0009,0 0 30px #e0b13c1f}.pause-mute-btn{width:30px;height:30px;color:var(--hud-text-dim);cursor:pointer;background:#1e160ea6;border:1px solid #d9b45a4d;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;transition:border-color .18s,color .18s,box-shadow .18s;display:flex;position:absolute;top:12px;right:12px}.pause-mute-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #d9b45a59}.pause-crest{color:#f2d47a;text-shadow:0 1px #fff5d28c,0 -1px 1px #000000a6,0 2px 3px #0000008c,0 0 18px #e0b13c99;font-size:22px;position:relative}.pause-panel.pause-panel-v2 h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#f2d47a 0%,#d4af37 55%,#b8860b 100%);color:#0000;filter:drop-shadow(0 4px 14px #d4af3759);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;position:relative}.pause-divider{align-items:center;gap:10px;width:100%;margin:0 0 4px;display:flex;position:relative}.pause-divider:before,.pause-divider:after{content:"";background:linear-gradient(to right, transparent, var(--hud-border), transparent);flex:1;height:1px}.pause-divider span{color:var(--gold);opacity:.7;font-size:10px;transform:rotate(45deg)}.pause-menu-list{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.pause-btn-v2{font-family:var(--font-title);letter-spacing:1px;text-align:left;border:1px solid var(--hud-border);color:var(--hud-text-dim);text-transform:uppercase;cursor:pointer;background:linear-gradient(#241c11,#14100a);border-radius:4px;padding:10px 18px;font-size:11px;transition:border-color .2s,color .2s,box-shadow .2s;position:relative;overflow:hidden}.pause-btn-v2:hover{transform:translateY(-1px)}.pause-btn-v2.primary{border-color:var(--gold);color:var(--gold);background:linear-gradient(#3a2c17,#1c150c);box-shadow:0 0 10px #e0b13c33}.pause-btn-v2.primary:hover{background:linear-gradient(#5a4420,#2c2010);box-shadow:0 0 16px #e0b13c59}.pause-btn-v2.secondary:hover{border-color:var(--hud-accent);color:var(--hud-text)}.pause-btn-v2.danger{color:#e8c8c8;background:linear-gradient(#4a1c1c,#240d0d);border-color:#8a3a3a}.pause-btn-v2.danger:hover{background:linear-gradient(#5a2424,#300f0f);box-shadow:0 0 14px #c0453a59}#options-overlay{z-index:56;background:#050403bf;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.options-panel{width:460px;max-height:82vh;overflow-y:auto}.options-section{flex-direction:column;gap:8px;width:100%;margin-bottom:6px;display:flex;position:relative}.options-section-title{font-family:var(--font-title);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);opacity:.85;font-size:11px}.options-volume-row{align-items:center;gap:10px;display:flex}.options-volume-btn{flex-shrink:0;position:relative;top:0;right:0}.options-volume-slider{accent-color:var(--gold);cursor:pointer;flex:1}.options-volume-value{text-align:right;min-width:38px;color:var(--hud-text-dim);font-size:11px}.options-shortcut-list{flex-direction:column;gap:5px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.options-shortcut-row{border:1px solid var(--hud-border);background:#00000040;border-radius:3px;grid-template-columns:140px 1fr;align-items:baseline;gap:10px;padding:4px 8px;font-size:11px;display:grid}.options-shortcut-keys{font-family:var(--font-title);color:var(--gold);letter-spacing:.5px;white-space:nowrap}.options-shortcut-action{color:var(--hud-text-dim);line-height:1.35}