*{box-sizing:border-box}body{margin:0;background:#0d0b14;color:#e8e4f0;font-family:Courier New,Courier,monospace}.layout{display:flex;gap:16px;padding:16px;align-items:flex-start;justify-content:center}.board-wrap h1{margin:0 0 10px;font-size:22px;letter-spacing:3px;color:#b89cff;text-transform:uppercase}#board3d{position:relative;width:min(1100px,calc(100vw - 380px));height:min(680px,calc(100vh - 110px));border:2px solid #3a3458;border-radius:6px;overflow:hidden}#reset-view{position:absolute;top:10px;right:10px;z-index:5;padding:5px 10px;background:#1d1930d9;color:#b8b0d0;border:1px solid #3a3458;border-radius:4px;font-family:inherit;font-size:12px;cursor:pointer}#reset-view:hover{background:#352a60e6;color:#e8e4f0}#board3d canvas{display:block;cursor:crosshair}.sidebar{width:300px;display:flex;flex-direction:column;gap:12px;padding-top:36px}.sb-header .turn-label{font-size:12px;color:#8a82a8;text-transform:uppercase;letter-spacing:1px}.sb-header .player-name{font-size:20px;font-weight:700}.sb-header .align-label{font-size:13px;margin-top:2px}.sb-header .power-label{font-size:13px;margin-top:4px;color:#cbb8ff}.power-income{color:#8a82a8;font-size:11px}.power-track{display:block;height:5px;margin-top:3px;background:#14111f;border:1px solid #3a3458;border-radius:3px;overflow:hidden}.power-fill{display:block;height:100%;background:linear-gradient(90deg,#6f5fd0,#b89cff)}.sb-hand{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.spell-btn{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#1d1930;color:#e8e4f0;border:1px solid #3a3458;border-radius:4px;font-family:inherit;font-size:13px;cursor:pointer;text-align:left}.spell-btn:hover:not(:disabled){background:#2a2348;border-color:#6f5fd0}.spell-btn.selected{background:#352a60;border-color:#b89cff}.spell-btn:disabled{opacity:.45;cursor:default}.spell-btn .tags{display:flex;gap:5px;align-items:center;font-size:12px}.spell-btn .bonus-up{color:#6fe06f}.spell-btn .bonus-down{color:#ff5f5f}.empty-hand{color:#8a82a8;font-size:13px;font-style:italic}.action-btn{padding:10px;background:#4a3a8c;color:#fff;border:none;border-radius:4px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;width:100%}.action-btn:hover{background:#5d4ab0}.guard-btn{background:#2f5d3a;margin-bottom:6px}.guard-btn:hover{background:#3b7549}.sb-info{min-height:64px;font-size:13px}.info-title{font-weight:700;margin-bottom:4px}.info-stats,.info-tags{color:#b8b0d0;font-size:12px}.sb-log{height:220px;overflow-y:auto;background:#14111f;border:1px solid #2a2740;border-radius:4px;padding:8px;font-size:12px;line-height:1.5}.log-line{color:#b8b0d0}.setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08060eeb;display:flex;align-items:center;justify-content:center;z-index:10}.setup-panel{background:#1d1930;border:2px solid #4a3a8c;border-radius:8px;padding:28px 36px;width:360px}.setup-panel h2{margin:0 0 4px;color:#b89cff}.setup-sub{margin:0 0 16px;color:#8a82a8;font-size:13px}.setup-count{display:block;margin-bottom:12px;font-size:14px}.setup-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.setup-row{display:flex;align-items:center;gap:10px}.setup-name{flex:1}.chip{width:14px;height:14px;border-radius:50%;display:inline-block}select{background:#14111f;color:#e8e4f0;border:1px solid #3a3458;border-radius:4px;padding:4px 8px;font-family:inherit}