*{box-sizing:border-box;margin:0;padding:0}html,body{background:#15120e;color:#e8e0d0;font-family:Segoe UI,system-ui,sans-serif;height:100%;overflow:hidden}#wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#game{max-width:100vw;max-height:100vh;aspect-ratio:4/3;background:#000;cursor:crosshair}#topbar{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:center;background:#14100ad9;border:1px solid #4a3d28;border-radius:8px;padding:6px 14px;font-size:13px;pointer-events:none;white-space:nowrap}#topbar .stat b{color:#ffc94d;font-weight:600}#poolwrap{display:inline-block;vertical-align:middle;width:120px;height:10px;background:#2a2418;border:1px solid #4a3d28;border-radius:5px;overflow:hidden}#poolbar{display:block;height:100%;background:#b07cff;width:100%;transition:width .2s}#layerlabel{color:#8fd6ff;font-weight:600}#toolbar{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;background:#14100ad9;border:1px solid #4a3d28;border-radius:8px;padding:8px}#toolbar .group{display:flex;flex-direction:column;gap:4px}#toolbar .grouplabel{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9a8a68;margin-top:4px}button.tool{background:#2a2418;color:#e8e0d0;border:1px solid #4a3d28;border-radius:6px;padding:5px 8px;font-size:12px;cursor:pointer;text-align:left;min-width:110px}button.tool:hover{background:#3a3220}button.tool.active{background:#5a4a20;border-color:#ffc94d;color:#ffc94d}button.tool .key{float:right;color:#9a8a68;font-size:10px}button.tool:disabled{opacity:.35;cursor:default}#eggpanel{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;background:#14100ad9;border:1px solid #4a3d28;border-radius:8px;padding:8px}#eggpanel .grouplabel{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9a8a68}button.egg{background:#2a2418;color:#e8e0d0;border:1px solid #4a3d28;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;text-align:left;min-width:150px;display:flex;align-items:center;gap:7px}button.egg:hover{background:#3a3220}button.egg:disabled{opacity:.35;cursor:default}button.egg .cost{margin-left:auto;color:#4dff88;font-size:11px}.casteicon{flex:none}#queue{font-size:12px;color:#ffc94d;min-height:16px;max-width:130px;word-wrap:break-word}#log{position:absolute;bottom:10px;left:10px;display:flex;flex-direction:column-reverse;gap:2px;pointer-events:none;max-width:420px}#log .msg{background:#14100acc;border-left:3px solid #ffc94d;padding:3px 8px;font-size:12px;border-radius:0 4px 4px 0}#log .msg.danger{border-left-color:#ff5d5d;color:#ffb0b0}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#overlay.hidden{display:none}#overlay h1{font-size:42px}#overlay h1.win{color:#4dff88}#overlay h1.loss{color:#ff5d5d}#overlay p{color:#c0b49a;max-width:480px;text-align:center;line-height:1.5}#overlay button{background:#5a4a20;color:#ffc94d;border:1px solid #ffc94d;border-radius:8px;padding:10px 28px;font-size:16px;cursor:pointer}#hint{position:absolute;bottom:10px;right:10px;font-size:11px;color:#9a8a68;background:#14100ab3;padding:4px 10px;border-radius:6px;pointer-events:none}