html,body{background-color:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#renderCanvas{touch-action:none;width:100%;height:100%}#ui-container{pointer-events:none;box-sizing:border-box;justify-content:flex-end;width:100%;height:100%;padding:20px;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:absolute;top:0;left:0}#unit-panel{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141419e6;border:1px solid #444;border-radius:8px;width:200px;padding:20px;transition:opacity .3s;position:relative;box-shadow:0 4px 15px #00000080}.profile-container{justify-content:center;margin-bottom:15px;display:flex}.unit-profile-img{object-fit:cover;background:#222;border:2px solid #fa0;border-radius:50%;width:80px;height:80px;box-shadow:0 0 10px #fa06}.close-panel-btn{color:#888;cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .2s,transform .2s;position:absolute;top:10px;right:12px}.close-panel-btn:hover{color:#fa0;transform:scale(1.15)}.close-panel-btn:active{transform:scale(.95)}#unit-panel.hidden{opacity:0;pointer-events:none}#unit-panel h2{color:#fa0;border-bottom:1px solid #555;margin-top:0;margin-bottom:15px;padding-bottom:10px;font-size:1.2rem}.stat-row{justify-content:space-between;margin-bottom:8px;font-size:.95rem;display:flex}.stat-row span:first-child{color:#aaa;font-weight:700}.action-btn{color:#fff;cursor:pointer;background-color:#2b5c3e;border:1px solid #3c8254;border-radius:4px;width:100%;margin-bottom:8px;padding:8px;font-family:inherit;font-size:.9rem;transition:background .2s}.action-btn:hover{background-color:#3c8254}#battle-log{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141419e6;border:1px solid #444;border-radius:8px;flex-direction:column;width:250px;height:350px;margin-left:20px;padding:15px;display:flex;box-shadow:0 4px 15px #00000080}#battle-log h3{color:#aaa;border-bottom:1px solid #555;margin-top:0;margin-bottom:10px;padding-bottom:5px;font-size:1rem}#log-content{flex-direction:column;flex-grow:1;gap:8px;font-size:.85rem;line-height:1.4;display:flex;overflow-y:auto}.log-entry{background:#ffffff0d;border-left:3px solid #fa0;border-radius:0 4px 4px 0;padding:5px 8px}.log-dice{color:#fa0;font-weight:700}.rarity-common{color:#ccc}.rarity-uncommon{color:#1eff00;text-shadow:0 0 2px #1eff004d}.rarity-rare{color:#0070dd;text-shadow:0 0 2px #0070dd4d}.rarity-epic{color:#a335ee;text-shadow:0 0 2px #a335ee4d}.rarity-legendary{color:#ff8000;text-shadow:0 0 2px #ff80004d}.debug-btn{color:#fff;cursor:pointer;pointer-events:auto;z-index:1000;background-color:#8b0000;border:1px solid #f44;border-radius:4px;padding:8px 15px;font-family:inherit;font-weight:700;position:absolute;top:20px;left:20px;box-shadow:0 2px 5px #00000080}.debug-btn:hover{background-color:#a00}#debug-panel{color:#0f0;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0a0a0af2;border:1px solid #0f0;border-radius:8px;width:250px;padding:15px;font-family:Courier New,Courier,monospace;position:absolute;top:65px;left:20px;box-shadow:0 4px 15px #000c}#debug-panel.hidden{display:none}#debug-panel h3{color:#0f0;border-bottom:1px solid #0f0;margin-top:0;margin-bottom:10px;padding-bottom:5px;font-size:1.1rem}#debug-content{font-size:.9rem;line-height:1.5}.debug-action-btn{color:#0f0;cursor:pointer;pointer-events:auto;background:#000;border:1px solid #0f0;border-radius:4px;padding:6px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;transition:all .15s ease-in-out}.debug-action-btn:hover{color:#000;background:#0f0;box-shadow:0 0 5px #00ff0080}.debug-action-btn:active{transform:scale(.96)}.debug-action-btn:disabled{opacity:.4;color:#555;cursor:not-allowed;box-shadow:none;border-color:#555}#title-screen{z-index:10000;cursor:pointer;background-image:url(./title-BKvQKWuc.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s;display:flex;position:fixed;top:0;left:0;overflow:hidden}#title-screen.fade-out{opacity:0;pointer-events:none;visibility:hidden}.title-overlay{z-index:1;background:radial-gradient(circle,#0000001a 0%,#000c 75%),linear-gradient(#0f0a1e33 0%,#0a0514d9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.title-content{z-index:2;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:1.5s cubic-bezier(.1,.8,.2,1) forwards fadeInScale;display:flex;position:relative}.title-text{letter-spacing:.25em;text-indent:.25em;background:linear-gradient(135deg,#fa0 0%,#ff007f 50%,#7f00ff 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ffaa0059;-webkit-background-clip:text;margin:0;font-family:Outfit,Inter,sans-serif;font-size:5rem;font-weight:900;animation:4s ease-in-out infinite alternate titlePulse}.subtitle-text{color:#ffffffa6;letter-spacing:.6em;text-indent:.6em;text-transform:uppercase;text-shadow:0 2px 10px #00000080;margin-top:15px;margin-bottom:0;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:300}.player-welcome{color:#ffdc78d9;letter-spacing:.12em;text-shadow:0 2px 8px #0009;min-height:1.4em;margin-top:14px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:400;transition:opacity .4s}.start-prompt{letter-spacing:.3em;text-indent:.3em;color:#fa0;-webkit-backdrop-filter:blur(8px);background:#ffaa000d;border:2px solid #fa09;border-radius:50px;padding:14px 45px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;transition:all .4s cubic-bezier(.165,.84,.44,1);animation:2.2s ease-in-out infinite blink;box-shadow:0 0 20px #ffaa0026,inset 0 0 12px #ffaa001a}#title-screen:hover .start-prompt{color:#fff;letter-spacing:.35em;text-indent:.35em;background:#ffffff1f;border-color:#fffffff2;transform:scale(1.06);box-shadow:0 0 35px #fff6,inset 0 0 15px #fff3}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:.4;box-shadow:0 0 15px #ffaa001a}50%{opacity:1;box-shadow:0 0 30px #ffaa0059}}@keyframes titlePulse{0%{filter:drop-shadow(0 0 15px #ffaa0040)}to{filter:drop-shadow(0 0 35px #ff007f80)}}.context-menu{z-index:10000;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f14f2;border:1px solid #ffaa0080;border-radius:6px;flex-direction:column;min-width:140px;padding:6px 0;font-family:Inter,sans-serif;display:flex;position:absolute;box-shadow:0 4px 15px #000c,0 0 10px #ffaa0026}.context-menu.hidden{display:none}.context-menu-btn{color:#eee;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;width:100%;padding:10px 18px;font-size:.9rem;transition:background .2s,color .2s}.context-menu-btn:hover{color:#fa0;background:#fa03}.context-menu-btn:disabled{color:#555;cursor:not-allowed;background:0 0}