:root{--bg: #13111b;--bg-glow: #2a2340;--panel: #262236;--panel-dark: #1c1929;--panel-light: #322d47;--line: #463f63;--line-light: #5d5482;--text: #ece6d8;--muted: #a69fba;--faint: #6f6888;--gold: #e8bb52;--gold-dark: #8d6420;--accent: #7fb2ff;--hp: #e0505f;--mana: #4f8ff0;--xp: #a77bf0;--good: #5fd38d;--warn: #f0a24f;--danger: #ff6b6b;--card: #f2c75c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--text);background:var(--bg);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}body{min-height:100vh;background:radial-gradient(ellipse at 50% -10%,var(--bg-glow) 0%,transparent 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.025'%3E%3Cpath d='M0 .5h64M0 16.5h64M.5 0v16M32.5 16v16'/%3E%3C/g%3E%3C/svg%3E"),var(--bg);background-attachment:fixed}h1,h2,h3{font-family:Georgia,Palatino Linotype,Book Antiqua,serif;color:var(--gold);letter-spacing:.5px;text-shadow:0 2px 0 #000a;margin:0 0 8px}h1{font-size:26px}h2{font-size:21px}button{font:inherit;font-size:14px;color:var(--text);background:linear-gradient(#3d3656,#2a2540);border:1px solid var(--line-light);border-radius:8px;padding:6px 12px;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,0 2px #0007;transition:transform .05s,filter .1s}button:hover:not(:disabled){filter:brightness(1.18)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffffff1a}button:disabled{opacity:.42;cursor:default}button.primary{background:linear-gradient(#d9a845,#8d6420);border-color:#f3cf75;color:#1d1406;font-weight:700}button.danger{background:linear-gradient(#8a3040,#561c29);border-color:#c25060}button.small{font-size:12px;padding:3px 9px}select{font:inherit;font-size:13px;color:var(--text);background:var(--panel-dark);border:1px solid var(--line);border-radius:6px;padding:5px;max-width:100%}.et-screen{max-width:480px;margin:0 auto;padding:16px}.et-screen.wide{max-width:760px}.et-panel{background:linear-gradient(180deg,var(--panel),var(--panel-dark));border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;box-shadow:0 4px 14px #0007,inset 0 1px #ffffff12}.et-panel-title{font-family:Georgia,Palatino Linotype,serif;font-weight:700;color:var(--gold);font-size:15px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.et-row{display:flex;align-items:center;gap:10px}.et-list-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #ffffff0f;font-size:14px}.et-list-row:first-of-type{border-top:none}.et-icon-slot{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:9px;background:radial-gradient(circle at 50% 35%,#ffffff14,#0006);border:1px solid var(--line)}.et-bar{background:#0008;height:7px;border-radius:4px;overflow:hidden;border:1px solid #000a;margin:3px 0}.et-bar>div{height:100%;border-radius:3px;transition:width .25s;box-shadow:inset 0 1px #fff5}.et-gold{color:var(--gold);font-weight:700}.et-card-text{color:var(--card);font-weight:700}.et-message{padding:8px 12px;border-radius:8px;background:#0005;border-left:3px solid currentColor;font-weight:700;margin-bottom:12px}.et-battlefield{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 18px #000a;padding:16px 8px 40px}.et-battlefield>.et-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.et-battlefield>.et-field-content{position:relative;z-index:1}.et-cell{position:relative;min-height:0;padding:4px 2px 5px;border-radius:10px;text-align:center;border:1px solid transparent;transition:background .15s,opacity .15s}.et-cell.empty{border:1px dashed transparent;min-height:60px}.et-cell.movable{border-color:var(--good);background:#5fd38d1c;cursor:pointer}.et-cell.selected{background:radial-gradient(ellipse at 50% 80%,#ff5a5a40,transparent 70%)}.et-cell.dim{opacity:.5;filter:grayscale(.5)}.et-cell .et-unit-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.et-cell .et-unit-sub{font-size:10px;color:var(--muted);text-shadow:0 1px 2px #000}.et-target-arrow{position:absolute;top:-16px;left:50%;transform:translate(-50%);color:var(--danger);font-size:14px;animation:et-bounce .8s ease-in-out infinite;text-shadow:0 0 4px #000;z-index:2}.et-float{position:absolute;left:50%;top:46px;font-weight:900;font-size:20px;color:#fff4d6;text-shadow:0 0 3px #000,0 2px 0 #000,0 0 8px #ff4d4d;animation:et-float .95s ease-out forwards;pointer-events:none;z-index:3}.et-float.miss{color:#c9c3b6;font-size:16px;font-style:italic}.et-float.heal{color:var(--good);text-shadow:0 0 3px #000,0 2px 0 #000}.et-turn-chip{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;border-radius:14px;font-size:12px;background:#0006;border:1px solid var(--line)}.et-turn-chip.you{border-color:var(--accent);background:#7fb2ff26}.et-skill-btn{display:flex;align-items:center;gap:8px;text-align:left;min-height:52px;padding:5px 8px}.et-skill-btn .et-skill-name{font-weight:700;font-size:13px;line-height:1.15}.et-skill-btn .et-skill-info{font-size:10.5px;color:var(--muted);line-height:1.2}.et-log{max-height:150px;overflow-y:auto;font-size:12.5px;line-height:1.45;padding:8px 10px;border-radius:10px;background:linear-gradient(#2a2418,#1d190f);border:1px solid #5c4b2a;color:#e6d8b5}.et-log div:last-child{color:#fff3cf;font-weight:700}.et-banner{text-align:center;padding:8px 0 4px}.et-banner svg{filter:drop-shadow(0 6px 10px #000a)}.et-cell.dying{pointer-events:none;animation-name:et-die;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes et-die{to{opacity:0;transform:translateY(8px) scale(.85)}}.et-slash-fx{position:absolute;left:50%;bottom:0;width:96px;height:96px;object-fit:contain;transform:translate(-50%);pointer-events:none;z-index:2}.et-shake{animation:et-shake .32s}.et-bob{animation:et-bob 2.6s ease-in-out infinite}.et-pulse{animation:et-pulse 1.4s ease-in-out infinite}@keyframes et-float{0%{transform:translate(-50%) scale(1.25);opacity:1}to{transform:translate(-50%,-34px) scale(1);opacity:0}}@keyframes et-shake{0%,to{transform:translate(0);filter:none}15%{filter:brightness(2.2) saturate(.3)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes et-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes et-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}@keyframes et-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes et-flicker{0%,to{opacity:.9;transform:scale(1)}30%{opacity:1;transform:scale(1.06,1.1)}60%{opacity:.8;transform:scale(.96,.94)}}.et-flame{transform-box:fill-box;transform-origin:50% 100%;animation:et-flicker .9s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.et-bob,.et-pulse,.et-flame,.et-target-arrow{animation:none}}:root{--dock-h: 252px;--dock-footer-h: 62px}.et-dock-space{height:calc(var(--dock-h) + var(--dock-footer-h) + 36px + env(safe-area-inset-bottom))}.et-dock-footer{max-width:448px;margin:8px auto 0;height:var(--dock-footer-h)}.et-dock-footer>.et-log{height:100%;max-height:none;padding:5px 10px;font-size:12px}.et-dock{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:14px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent 0,var(--bg) 12px)}.et-dock-inner{max-width:448px;margin:0 auto;height:var(--dock-h);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:52px 60px 60px 56px;gap:8px;align-content:start}.et-dock-inner>button{height:100%;min-height:0;overflow:hidden}.et-dock-inner>button:first-child,.et-dock-main{grid-column:1 / -1;font-size:16px}.et-defend-ring{position:absolute;top:4%;right:8%;bottom:4%;left:8%;border:2px solid #9fc6ff;border-radius:45%;background:#7fb2ff1f;pointer-events:none}