@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=Almendra:wght@400;700&display=swap";#game-ui{position:fixed;inset:0;z-index:1000;pointer-events:none;font-family:Almendra,Segoe UI,serif;color:#d4c4a0;overflow:hidden}#game-ui *{box-sizing:border-box}#game-ui .interactive{pointer-events:auto;cursor:pointer}#game-ui svg{display:inline-block;vertical-align:middle}.status-bar{position:absolute;top:0;left:0;right:0;height:40px;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(180deg,#140c08eb,#140c0899);border-bottom:1px solid rgba(120,90,50,.4);font-size:13px;pointer-events:auto}.status-bar .floor-info{display:flex;align-items:center;gap:4px;color:#c9a84c;font-weight:700;font-family:MedievalSharp,serif}.status-bar .floor-dots{display:flex;gap:3px}.status-bar .floor-dot{width:8px;height:8px;border-radius:50%;border:1px solid #c9a84c;background:transparent}.status-bar .floor-dot.filled{background:#c9a84c}.status-bar .turn-count{color:#8a7a60}.status-bar .spacer{flex:1}.status-bar .army-badge{display:flex;align-items:center;gap:3px;padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px;border:1px solid transparent}.status-bar .army-badge.player{background:#50a05026;color:#7acc7a;border-color:#50a0504d}.status-bar .army-badge.enemy{background:#b43c3c26;color:#c66;border-color:#b43c3c4d}.status-bar .army-badge.zombie{background:#786e5a26;color:#987;border-color:#786e5a4d}.status-bar .king-safety{font-weight:700;font-size:12px;padding:2px 8px;border-radius:4px;font-family:MedievalSharp,serif}.status-bar .king-safety.safe{color:#7acc7a;background:#50a0501f}.status-bar .king-safety.danger{color:#c44;background:#b43c3c33;animation:pulse-danger 1s infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.5}}.piece-info{position:absolute;bottom:80px;left:10px;width:220px;background:#120c08eb;border:1px solid rgba(120,90,50,.5);border-radius:6px;padding:10px 12px;font-size:12px;transition:opacity .2s;box-shadow:0 4px 16px #00000080}.piece-info.hidden{opacity:0;pointer-events:none}.piece-info .pi-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.piece-info .pi-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(120,90,50,.3)}.piece-info .pi-name{font-size:16px;font-weight:700;font-family:MedievalSharp,serif}.piece-info .pi-faction{font-size:11px;opacity:.6}.piece-info .pi-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-bottom:8px}.piece-info .pi-stat{display:flex;justify-content:space-between}.piece-info .pi-stat .label{opacity:.5;font-size:11px}.piece-info .pi-stat .value{font-weight:600;color:#d4c4a0}.piece-info .pi-ct-bar{height:5px;background:#785a3233;border-radius:3px;overflow:hidden;margin-bottom:6px}.piece-info .pi-ct-fill{height:100%;border-radius:3px;transition:width .3s}.piece-info .pi-move-hint{font-size:11px;color:#7a6a50;font-style:italic}.turn-timeline{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px 10px;background:#120c08e6;border:1px solid rgba(120,90,50,.35);border-radius:6px;box-shadow:0 4px 12px #0006}.turn-timeline .tl-slot{width:44px;height:48px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid transparent;position:relative;font-size:11px;font-weight:700;transition:border-color .2s}.turn-timeline .tl-slot.player{background:#50a05014;border-color:#50a05040}.turn-timeline .tl-slot.enemy{background:#b43c3c14;border-color:#b43c3c40}.turn-timeline .tl-slot.zombie{background:#786e5a14;border-color:#786e5a40}.turn-timeline .tl-slot.active{border-color:#c9a84c!important;box-shadow:0 0 10px #c9a84c66}.turn-timeline .tl-slot .tl-num{position:absolute;top:2px;left:4px;font-size:8px;opacity:.4}.turn-timeline .tl-slot .tl-icon{margin-bottom:2px}.turn-timeline .tl-slot .tl-label{font-size:10px}.turn-timeline .tl-slot .tl-ct-bar{position:absolute;bottom:2px;left:4px;right:4px;height:3px;background:#785a3226;border-radius:2px;overflow:hidden}.turn-timeline .tl-slot .tl-ct-fill{height:100%;border-radius:2px}.action-bar{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.action-bar .act-btn{padding:8px 20px;border-radius:4px;border:2px solid;font-size:14px;font-weight:700;font-family:MedievalSharp,serif;cursor:pointer;background:#120c08eb;transition:all .15s;min-width:100px;text-align:center;letter-spacing:1px}.action-bar .act-btn:active{transform:scale(.95)}.action-bar .act-btn.pass{border-color:#9a7a30;color:#c9a84c}.action-bar .act-btn.pass:hover{background:#9a7a3033}.action-bar .act-btn.cancel{border-color:#7a3030;color:#c55}.action-bar .act-btn.cancel:hover{background:#7a303033}.action-bar .act-btn.attack{border-color:#c44;color:#c44;animation:pulse-danger 1s infinite}.action-bar .act-btn.center{border-color:#5a7a50;color:#7acc7a}.action-bar .act-btn.center:hover{background:#5a7a5033}.action-bar .act-btn.disabled{border-color:#3a3028;color:#5a4a38;cursor:default;pointer-events:none}.battle-log{position:absolute;top:48px;right:10px;width:230px;max-height:250px;background:#120c08e0;border:1px solid rgba(120,90,50,.35);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;box-shadow:0 4px 12px #0006}.battle-log .bl-title{padding:4px 10px;font-size:11px;font-weight:700;color:#7a6a50;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid rgba(120,90,50,.25);flex-shrink:0;font-family:MedievalSharp,serif}.battle-log .bl-entries{flex:1;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:#3a2a1a transparent}.battle-log .bl-entry{padding:3px 10px;font-size:11px;line-height:1.4;border-left:3px solid transparent}.battle-log .bl-entry.player{border-left-color:#7acc7a;color:#a8cca8}.battle-log .bl-entry.enemy{border-left-color:#c55;color:#caa}.battle-log .bl-entry.zombie{border-left-color:#8a7a60;color:#987}.battle-log .bl-entry.system{border-left-color:#c9a84c;color:#d4c4a0}.battle-log .bl-entry .bl-turn{color:#5a4a38;font-size:10px;margin-right:4px}.objective-tracker{position:absolute;top:48px;left:10px;width:200px;background:#120c08e6;border:1px solid rgba(120,90,50,.35);border-radius:6px;padding:8px 12px;font-size:12px;box-shadow:0 4px 12px #0006}.objective-tracker .obj-title{color:#c9a84c;font-weight:700;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:6px;font-family:MedievalSharp,serif}.objective-tracker .obj-distance{margin-bottom:6px;color:#8a7a60}.objective-tracker .obj-bar{height:5px;background:#785a3233;border-radius:3px;overflow:hidden;margin-bottom:4px}.objective-tracker .obj-bar-fill{height:100%;border-radius:3px;transition:width .3s;background:linear-gradient(90deg,#c44,#c9a84c,#7acc7a)}.objective-tracker .obj-floor-progress{display:flex;gap:3px;align-items:center;font-size:11px;color:#7a6a50}.minimap{position:absolute;bottom:10px;right:10px;pointer-events:auto}.minimap canvas{border:1px solid rgba(120,90,50,.4);border-radius:4px}.menu-btn{position:absolute;top:44px;left:10px;width:36px;height:36px;background:#120c08e6;border:1px solid rgba(120,90,50,.4);border-radius:4px;display:none;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}.game-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;opacity:0;transition:opacity .5s}.game-overlay.visible{opacity:1}.game-overlay.hidden{pointer-events:none}.game-overlay .go-title{font-size:40px;font-weight:900;letter-spacing:4px;margin-bottom:12px;text-shadow:0 0 30px currentColor;font-family:MedievalSharp,serif}.game-overlay .go-sub{font-size:16px;color:#8a7a60;margin-bottom:24px;text-align:center;line-height:1.6}.game-overlay .go-btn{padding:14px 40px;font-size:18px;font-weight:700;background:#1e140cf2;border:2px solid #c9a84c;border-radius:4px;color:#d4c4a0;cursor:pointer;font-family:MedievalSharp,serif;letter-spacing:2px;transition:background .2s}.game-overlay .go-btn:hover{background:#3c2814f2}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 28px;background:#120c08f2;border:1px solid rgba(201,168,76,.5);border-radius:4px;color:#c9a84c;font-size:16px;font-weight:700;text-align:center;transition:opacity .3s;pointer-events:none;font-family:MedievalSharp,serif;text-shadow:0 0 8px rgba(201,168,76,.3)}.toast.hidden{opacity:0}.credit{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:9px;color:#3a2a1a}@media(max-width:600px){.status-bar{font-size:11px;height:34px;gap:6px;padding:0 6px}.piece-info{width:180px;bottom:70px;font-size:11px}.piece-info .pi-name{font-size:14px}.turn-timeline .tl-slot{width:36px;height:40px}.battle-log{display:none}.objective-tracker{width:160px;font-size:11px}.action-bar .act-btn{padding:8px 14px;font-size:13px;min-width:80px}}@media(max-width:600px)and (orientation:portrait){.minimap{display:none}}