*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;font-family:system-ui,sans-serif;overflow:hidden}#canvas-container{width:100%;height:100%}#canvas-container canvas{display:block}#hud{z-index:10;color:#fff;pointer-events:none;background:#0000008c;border-radius:8px;max-width:380px;padding:12px 16px;position:fixed;top:12px;left:12px}#hud h1{margin-bottom:4px;font-size:1rem;font-weight:600}#hud p{font-size:.85rem;line-height:1.4}#hud .hint{opacity:.75;margin-top:6px;font-size:.75rem}#block-picker{pointer-events:auto;gap:6px;margin-top:8px;display:flex}#block-picker button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff59;border-radius:4px;padding:4px 8px;font-size:.75rem}#block-picker button.active{background:#ffffff59;border-color:#fff}#crosshair{pointer-events:none;z-index:5;border:2px solid #ffffffd9;border-radius:2px;width:12px;height:12px;margin:-6px 0 0 -6px;position:fixed;top:50%;left:50%}#toast{color:#fff;z-index:20;background:#000000bf;border-radius:8px;padding:10px 16px;font-size:.85rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#overlay{color:#fff;z-index:30;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay .sub{opacity:.75;margin-top:8px;font-size:.9rem}#help{color:#fff;z-index:25;background:#000000d9;border-radius:10px;min-width:280px;padding:20px 24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#help h2{margin-bottom:10px;font-size:1rem}#help ul{font-size:.85rem;line-height:1.8;list-style:none}#help p{opacity:.75;margin-top:12px;font-size:.8rem}.player-label{color:#fff;white-space:nowrap;background:#0000008c;border-radius:4px;padding:2px 6px;font-size:11px;transform:translate(-50%,-100%)}.player-label.local{background:#fff3;border:1px solid #ffffff80}#landing,#loading{color:#fff;background:linear-gradient(160deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.landing-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:min(360px,90vw);padding:28px}.landing-card h1{margin-bottom:4px;font-size:1.4rem}.landing-card .tagline{opacity:.7;margin-bottom:20px;font-size:.9rem}.landing-card label{opacity:.85;margin-bottom:6px;font-size:.8rem;display:block}.landing-card input{color:#fff;background:#00000040;border:1px solid #fff3;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:1rem}.landing-card button{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:6px;width:100%;margin-bottom:8px;padding:10px;font-size:.95rem}.landing-card button.secondary{background:0 0;border:1px solid #ffffff4d}.landing-card button:disabled{opacity:.6;cursor:not-allowed}.landing-card .error{color:#ff8a8a;margin-bottom:8px;font-size:.85rem}.hidden{display:none!important}#open-board.board-toggle{pointer-events:auto;color:#fff;cursor:pointer;background:#e94560d9;border:1px solid #ffffff59;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:.75rem}#suggestion-board,#feedback-board{z-index:40;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.board-panel{color:#fff;background:#121826;border:1px solid #ffffff1f;border-radius:12px;width:min(560px,100%);max-height:90vh;padding:20px;overflow-y:auto}.board-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.board-header h2{font-size:1.1rem}.board-cycle{opacity:.75;margin-top:4px;font-size:.8rem}#board-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.board-locked{background:#2ecc7126;border:1px solid #2ecc7159;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.85rem}.board-error{color:#ff8a8a;margin-bottom:10px;font-size:.85rem}.board-form{margin-bottom:16px}.board-form h3,.board-constitution h3{margin-bottom:8px;font-size:.9rem}.board-form input,.board-form textarea,.board-form select{color:#fff;width:100%;font:inherit;background:#00000040;border:1px solid #fff3;border-radius:6px;margin-bottom:8px;padding:8px 10px}.board-form label{margin-bottom:8px;font-size:.85rem;display:block}.board-form button{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:6px;padding:8px 12px}.board-constitution ul{opacity:.85;margin-bottom:16px;margin-left:18px;font-size:.8rem;line-height:1.5;list-style:outside}.board-list{flex-direction:column;gap:10px;display:flex}.board-empty{opacity:.75;font-size:.85rem}.board-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.board-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.board-card-header h4{font-size:.95rem}.board-score{font-size:1rem;font-weight:700}.board-author{opacity:.7;margin:4px 0;font-size:.75rem}.board-description{margin-bottom:8px;font-size:.85rem;line-height:1.4}.board-votes{gap:8px;display:flex}.board-votes button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:4px;padding:4px 10px;font-size:.75rem}.board-votes button.active{background:#e9456080;border-color:#e94560}