:root{--blue:#2d7ff9;--red:#e8384f;--neutral:#f2f2f2;--panel:#14161ad9;--text:#f2f2f2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#1e2024;margin:0;padding:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.tug{background:var(--panel);box-sizing:border-box;border-radius:8px;width:min(640px,70vw);padding:8px 12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.tug-row{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.tug-pct-blue{color:var(--blue);text-align:right;min-width:48px}.tug-pct-red{color:var(--red);min-width:48px}.tug-bar{background:var(--neutral);border-radius:4px;flex:1;height:16px;position:relative;overflow:hidden}.tug-fill-blue,.tug-fill-red{transition:width .12s linear;position:absolute;top:0;bottom:0}.tug-fill-blue{background:var(--blue);left:0}.tug-fill-red{background:var(--red);right:0}.tug-marker{opacity:.8;background:#111;width:2px;position:absolute;top:-2px;bottom:-2px}.tug-timer{text-align:center;opacity:.9;font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px}.hint{opacity:.7;background:var(--panel);border-radius:6px;padding:6px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:12px;left:12px}.bottom{background:var(--panel);border-radius:10px;align-items:flex-end;gap:16px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hand{gap:8px;display:flex}.slot{box-sizing:border-box;color:#111;border:2px dashed #ffffff2e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:96px;font-size:12px;font-weight:700;display:flex;position:relative}.slot.filled{cursor:grab;border-style:solid;border-color:#00000059}.slot.spell:after{content:"";pointer-events:none;border:2px dotted #00000073;border-radius:5px;position:absolute;inset:3px}.slot .tier{font-size:18px}.slot .kind{opacity:.7;font-size:10px;font-weight:500}.energy-block{flex-direction:column;gap:6px;min-width:160px;display:flex}.energy-label{opacity:.85;justify-content:space-between;font-size:12px;display:flex}.energy-bar{gap:3px;height:14px;display:flex}.energy-seg{background:#ffffff1f;border-radius:3px;flex:1;overflow:hidden}.energy-seg>div{background:#ffd24a;width:0;height:100%}.draw-btn{color:#111;cursor:pointer;background:#ffd24a;border:none;border-radius:6px;margin-top:2px;padding:8px 10px;font-size:13px;font-weight:700}.draw-btn:disabled{color:#fff6;cursor:not-allowed;background:#ffffff26}.deck-info{opacity:.6;text-align:center;font-size:11px}.drag-ghost{z-index:50;pointer-events:none;opacity:.85;position:fixed;transform:scale(1.05)}.slot.filled:active{cursor:grabbing}.slot.merge-ok{outline-offset:2px;outline:3px solid #c77dff}.slot.merge-bad{outline-offset:2px;outline:3px solid #ff3b3b}.end{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.end.hidden{display:none}.end-card{background:var(--panel);text-align:center;border-radius:12px;min-width:280px;padding:28px 40px}.end-title{margin-bottom:6px;font-size:32px;font-weight:800}.end-title.blue{color:var(--blue)}.end-title.red{color:var(--red)}.end-sub{opacity:.8;margin-bottom:18px;font-size:14px}.end-btn{color:#111;cursor:pointer;background:#ffd24a;border:none;border-radius:8px;padding:10px 28px;font-size:15px;font-weight:700}.coords{pointer-events:none;position:absolute;inset:0}.coords.hidden{display:none}.coords span{color:#111;background:#fff9;border-radius:3px;margin:-7px 0 0 -14px;padding:0 3px;font-size:10px;position:absolute;top:0;left:0}