:root{--bg: #07070c;--panel: rgba(16, 16, 26, .82);--ink: #e8eaf2;--muted: #8b8fa3;--crest: #f59e0b;--trough: #3b82f6;--line: rgba(255, 255, 255, .1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:radial-gradient(1400px 1000px at 50% -10%,#12121f 0%,var(--bg) 60%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.board-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2.5vmin,28px)}.board{display:block;border-radius:16px;background:#05050a;box-shadow:0 0 0 1px #ffffff0f,0 40px 120px -50px #000000f2;touch-action:none}.turnbar{position:absolute;top:max(clamp(12px,3vmin,28px),env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px -20px #000000e6;z-index:20;max-width:calc(100vw - 24px);transition:opacity .6s ease}.turnbar-vs{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid;opacity:.5;transition:opacity .2s ease,box-shadow .2s ease}.chip-active{opacity:1;box-shadow:0 0 20px -6px currentColor}.chip-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.03em}.chip-ai{font-size:8.5px;font-weight:700;letter-spacing:.08em;padding:1px 4px;border-radius:4px;border:1px solid currentColor;opacity:.85}.chip-pips{display:flex;gap:3px}.chip-pip{width:7px;height:7px;border-radius:50%;border:1px solid}.chip-thinking{font-size:11px;color:var(--muted);font-style:italic}.chip-dot{width:7px;height:7px;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.35}}.end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:30}.end-card{pointer-events:auto;text-align:center;padding:28px 40px;border-radius:18px;background:#08080ec7;border:1px solid;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px -30px #000000e6;animation:rise .35s ease}@keyframes rise{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.end-title{font-size:26px;font-weight:700;letter-spacing:.02em}.end-sub{margin-top:4px;font-size:14px;color:var(--muted)}.end-reset{margin-top:18px;background:#ffffff14;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 20px;font-size:14px;cursor:pointer;transition:background .15s ease}.end-reset:hover{background:#ffffff29}.fab{position:absolute;bottom:max(clamp(16px,4vmin,32px),env(safe-area-inset-bottom,0px));right:max(clamp(16px,4vmin,32px),env(safe-area-inset-right,0px));width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel);color:var(--ink);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 40px -16px #000000e6;cursor:pointer;z-index:40;transition:opacity .6s ease,transform .25s ease,background .2s ease,color .2s ease}.turnbar.is-dim,.fab.is-dim{opacity:.22}.fab:hover{background:#1e1e2ee6}.fab svg{transition:transform .4s ease}.fab-open{color:var(--crest)}.fab-open svg{transform:rotate(90deg)}.controls{position:absolute;bottom:max(clamp(16px,4vmin,32px),env(safe-area-inset-bottom,0px));left:max(clamp(16px,4vmin,32px),env(safe-area-inset-left,0px));display:flex;gap:8px;z-index:40;transition:opacity .6s ease}.controls.is-dim{opacity:.22}.ctrl-btn{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel);color:var(--ink);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 40px -16px #000000e6;cursor:pointer;transition:background .2s ease,opacity .2s ease,color .2s ease}.ctrl-btn:hover:not(:disabled){background:#1e1e2ee6}.ctrl-btn:disabled{opacity:.32;cursor:default}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:45}.scrim-on{opacity:1;pointer-events:auto}.sheet{position:absolute;top:0;right:0;height:100%;width:min(340px,88vw);background:#0c0c14eb;border-left:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-30px 0 80px -40px #000000e6;transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);z-index:50;display:flex;flex-direction:column;padding:22px;gap:18px}.sheet-open{transform:translate(0)}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-header h2{margin:0;font-size:19px;letter-spacing:.05em;font-weight:600}.sheet-close{background:transparent;border:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}.sheet-close:hover{color:var(--ink)}.sheet-section{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.sheet-section:last-child{border-bottom:none}.sheet-action{width:100%;background:#ffffff0f;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px;font-size:14px;cursor:pointer;transition:background .15s ease}.sheet-action:hover{background:#ffffff24}.sheet-toggle{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.sheet-toggle input{width:16px;height:16px;accent-color:var(--trough);cursor:pointer}.sheet-sub{color:var(--muted);font-size:12.5px}.sheet-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.sheet-field select{background:#0000004d;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;cursor:pointer}.sheet-rules h3{margin:0 0 6px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.sheet-rules p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.sheet-rules strong{color:var(--ink)}.sheet-keys{margin-top:10px!important;font-size:12px!important}.sheet-keys kbd{font-family:ui-monospace,monospace;font-size:11px;padding:1px 5px;border-radius:4px;background:#ffffff14;border:1px solid var(--line);color:var(--ink)}@media (max-width: 480px){.turnbar{gap:8px;padding:6px 10px}.turnbar-vs{display:none}.chip{gap:6px;padding:5px 9px}.chip-pip{width:6px;height:6px}.fab{width:48px;height:48px}.ctrl-btn{width:42px;height:42px}.end-card{padding:22px 26px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}