:root{--bg:#f4f1e8;--surface:#fcfaf3;--line:#e4dfd0;--line2:#d3cdba;--ink:#6d6c62;--ink-strong:#37362e;--muted:#9a9887;--faint:#b6b4a4;--sage:#8aa17d;--sage-ink:#55704a;--lav:#a79cc3;--lav-ink:#6a5f8a;--btn:#3b3a32}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:2px solid var(--sage);outline-offset:3px}a{color:inherit}.site{flex-direction:column;max-width:1060px;min-height:100vh;margin:0 auto;padding:0 32px;display:flex}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.mast{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;display:flex}.wordmark{letter-spacing:-.6px;color:var(--ink-strong);white-space:nowrap;font-size:19px;font-weight:800;text-decoration:none}.wordmark i{color:var(--sage-ink);margin:0 2px;font-style:normal}.nav{align-items:center;gap:26px;font-size:13px;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--ink-strong)}.nav .nav-cta{border:1px solid var(--line2);color:var(--ink-strong);background:var(--surface);border-radius:999px;padding:8px 18px}.nav .nav-cta:hover{border-color:var(--ink-strong)}.site-footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;gap:16px;margin-top:auto;padding:26px 0;font-size:12px;display:flex}.site-footer em{margin-left:10px;font-style:normal}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--ink)}.eyebrow{letter-spacing:2.4px;color:var(--sage-ink);text-transform:uppercase;margin:0 0 20px;font-size:11px;font-weight:600}.lead{color:var(--ink);max-width:580px;font-size:15px;line-height:2}.section-head{border-top:1px solid var(--line);align-items:baseline;gap:14px;margin-bottom:26px;padding-top:18px;display:flex}.section-head h2{color:var(--ink-strong);margin:0;font-size:17px;font-weight:600}.sec-num{color:var(--faint);font-family:ui-monospace,monospace;font-size:12px}.sec-note{color:var(--faint);margin-left:auto;font-size:12px}.note{color:var(--muted);font-size:12.5px;line-height:1.9}.notice{color:#96653f;background:#f7ede2;border:1px solid #d9c3ae;border-radius:8px;margin-top:14px;padding:12px 16px;font-size:13px;line-height:1.7}.notice button{color:#7a4f2c;background:#e6d3bd;border:0;border-radius:5px;margin-left:12px;padding:5px 12px;font-size:12px}.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12.5px;display:inline-flex}.text-button:hover{color:var(--ink-strong)}.spin{vertical-align:-2px;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin,.demo-live i{animation:none}}.better{color:var(--sage-ink);font-weight:600}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 26px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.btn.primary{background:var(--btn);color:#f4f1e8}.btn.primary:hover:not(:disabled){background:#2b2a24}.btn.ghost{border-color:var(--line2);color:var(--ink);background:0 0}.btn.ghost:hover:not(:disabled){border-color:var(--ink-strong);color:var(--ink-strong)}.btn.big{padding:15px 34px;font-size:15px}.source-link{color:var(--sage-ink);align-items:center;gap:5px;margin-top:10px;font-size:12.5px;text-decoration:none;display:inline-flex}.source-link:hover{text-decoration:underline}.hero{padding:84px 0 72px}.hero h1{letter-spacing:-2.5px;color:var(--ink-strong);margin:0 0 28px;font-size:clamp(42px,7vw,78px);font-weight:600;line-height:1.14}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.demo-section{padding-bottom:64px}.demo-player{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.demo-screen{justify-content:center;padding:34px 20px 28px;display:flex;position:relative}.demo-screen .board-wrap{aspect-ratio:1;width:min(420px,80vw)}.demo-bar{border-top:1px solid var(--line);align-items:center;gap:18px;padding:14px 20px;font-size:12.5px;display:flex}.demo-live{letter-spacing:1.6px;color:var(--sage-ink);align-items:center;gap:7px;font-size:10.5px;font-weight:700;display:inline-flex}.demo-live i{background:var(--sage);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.demo-model{color:var(--ink)}.demo-clock{color:var(--ink-strong);margin-left:auto;font-family:ui-monospace,monospace;font-size:14px}.demo-progress{background:var(--line);height:2px}.demo-progress i{background:var(--sage);height:100%;transition:width .45s linear;display:block}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:34px;padding:44px 0 54px;display:grid}.fact-num{height:46px;color:var(--ink-strong);letter-spacing:-1px;align-items:center;font-size:42px;font-weight:300;display:flex}.fact b{letter-spacing:2px;color:var(--sage-ink);margin:10px 0 12px;font-size:11px;display:block}.fact p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.home-links{border-top:1px solid var(--line);margin-bottom:56px}.home-link{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:18px;padding:22px 4px;text-decoration:none;display:flex}.home-link:hover{color:var(--ink-strong)}.home-link>span:nth-child(2){flex:1}.home-link b{color:var(--ink-strong);font-size:14.5px;font-weight:600;display:block}.home-link small{font-size:12px}.link-num{border:1px solid var(--line2);width:20px;height:20px;color:var(--sage-ink);border-radius:50%;place-items:center;font-size:11px;display:grid}.board-wrap{position:relative}.arc-canvas{aspect-ratio:1;width:100%;height:100%;image-rendering:pixelated;touch-action:manipulation;background:#0c0d0b;border:1px solid #22251f;border-radius:6px;display:block}.clickable{cursor:crosshair}.ai-click,.human-cursor{pointer-events:none;border:2px solid #d7e6c9;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0008}.human-cursor{border-color:var(--lav);border-radius:2px;width:11px;height:11px}.board-loading{color:var(--muted);background:#f7f4ebcc;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.game-stack{max-width:780px}.game-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:14px;overflow:hidden}.human-panel{border-color:#cdc4dd}.panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:13px 18px;display:flex}.identity{letter-spacing:1.2px;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.identity.ai{color:var(--sage-ink)}.identity.human{color:var(--lav-ink)}.panel-sub{color:var(--faint);letter-spacing:.8px;font-size:11px}.panel-heading strong{color:var(--ink-strong);white-space:nowrap;margin-left:auto;font:500 21px ui-monospace,monospace}.panel-heading strong span{color:var(--faint);font-size:14px}.game-viewport{justify-content:center;align-items:center;gap:30px;min-height:250px;padding:20px;display:flex;position:relative}.game-viewport .board-wrap{flex-shrink:0;width:min(300px,58vw)}.game-side{flex-direction:column;flex-shrink:0;gap:12px;width:150px;display:flex}.game-side p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.8}.mini-label{letter-spacing:1.8px;color:var(--faint);font-size:10.5px;font-weight:600}.action-log{flex-direction:column;gap:5px;min-height:118px;display:flex}.action-log>div{color:var(--muted);border:1px solid var(--line);background:var(--bg);border-radius:4px;justify-content:space-between;gap:10px;padding:4px 8px;font:12px ui-monospace,monospace;display:flex}.action-log>div:last-child{color:var(--sage-ink);border-color:#c9d4bd}.action-log code{color:var(--faint)}.panel-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:11.5px;display:flex}.panel-foot a{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.panel-foot a:hover{color:var(--ink-strong)}.level-marks{flex-wrap:wrap;gap:5px;display:flex}.level-marks>span{border:1px solid var(--line2);width:20px;height:20px;color:var(--faint);border-radius:4px;place-items:center;font:11px ui-monospace,monospace;display:grid}.level-marks>.current{border-color:var(--lav);color:var(--lav-ink)}.level-marks>.complete{background:var(--lav);border-color:var(--lav);color:#fff}.controller{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.controller>div{align-items:center;gap:6px;display:flex}.controller button{border:1px solid var(--line2);background:var(--bg);min-width:38px;min-height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;display:flex}.controller button:hover:not(:disabled){border-color:var(--ink-strong)}.controller .interact{gap:12px;padding:0 18px;font-size:13px}.interact span{color:var(--faint);letter-spacing:1px;font-size:10px}.controller>.text-button{flex-shrink:0}.controls-note{color:var(--faint);margin:10px 2px 0;font-size:11.5px;line-height:1.8}.wizard-head{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:44px 0 8px;display:flex}.wizard-head h1{letter-spacing:-1px;color:var(--ink-strong);margin:0;font-size:30px;font-weight:600}.engine-pill{letter-spacing:1px;color:var(--sage-ink);border:1px solid var(--line2);background:var(--surface);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:11px;display:inline-flex}.wizard-body{max-width:880px;padding:34px 0 60px}.wizard-body.narrow{max-width:520px}.wizard-lead{color:var(--ink);margin:0 0 26px;font-size:14px;line-height:1.8}.opponent-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.op-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:5px;padding:18px;display:flex;position:relative}.op-card:hover{border-color:var(--line2)}.op-card.selected{border-color:var(--sage-ink);background:#f6f6ec}.op-card b{color:var(--ink-strong);font-size:15px;font-weight:600}.op-harness{color:var(--muted);font-size:11.5px}.op-stats{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.op-stats i{color:var(--muted);font:11px ui-monospace,monospace}.op-card.selected .op-stats i:first-child{color:var(--sage-ink)}.op-check{border:1px solid var(--line2);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:12px;right:12px}.op-card.selected .op-check{background:var(--sage-ink);border-color:var(--sage-ink)}.wizard-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:34px;display:flex}.nav-right{gap:10px;display:flex}.name-input{border:0;border-bottom:2px solid var(--line2);width:100%;color:var(--ink-strong);letter-spacing:-.5px;background:0 0;padding:10px 2px;font-size:30px}.name-input:focus{border-color:var(--sage-ink);outline:none}.name-input::placeholder{color:var(--faint)}.ready-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:14px;padding:26px}.ready-row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.ready-row span{letter-spacing:1.8px;color:var(--faint);font-size:11px}.ready-row b{color:var(--ink-strong);font-size:20px;font-weight:600}.ready-row small{color:var(--muted);font-size:12px;font-weight:400}.ready-vs{letter-spacing:3px;color:var(--sage-ink);border-block:1px solid var(--line);margin:14px 0;padding:10px 0;font:11px ui-monospace,monospace}.rules{margin:26px 0 0;padding:0;list-style:none}.rules li{color:var(--ink);border-bottom:1px dashed var(--line);padding:9px 0 9px 20px;font-size:13.5px;position:relative}.rules li:before{content:"—";color:var(--sage-ink);position:absolute;left:0}.verdict{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:14px;margin-bottom:34px;padding:34px}.verdict b{letter-spacing:-.5px;color:var(--ink-strong);margin-top:10px;font-size:30px;font-weight:600;display:block}.verdict-time{color:var(--ink);margin:14px 0 6px;font:24px ui-monospace,monospace;display:block}.verdict p{color:var(--muted);max-width:520px;margin:8px auto 0;font-size:13.5px;line-height:1.9}.verdict.won{background:#f2f5ea;border-color:#c2cfb2}.verdict.won b,.verdict svg{color:var(--sage-ink)}.record-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}.record-table{border-collapse:collapse;width:100%;font-size:13px}.record-table th{letter-spacing:1.6px;color:var(--faint);text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;font-size:10.5px;font-weight:600}.record-table td{border-bottom:1px solid var(--line);color:var(--ink);padding:12px 14px}.record-table tr:last-child td{border-bottom:0}.record-table .mono{font-family:ui-monospace,monospace;font-size:12.5px}.record-table em{color:var(--faint);font-size:11px;font-style:normal}.record-table a{color:var(--sage-ink);align-items:center;gap:4px;font-size:11.5px;text-decoration:none;display:inline-flex}.clear-all{color:var(--sage-ink)}.record-table-wrap.compact{margin-top:14px}.record-table-wrap.compact td,.record-table-wrap.compact th{padding:9px 12px}.page-head{padding:64px 0 50px}.page-head h1{letter-spacing:-2px;color:var(--ink-strong);margin:0 0 22px;font-size:clamp(34px,5.5vw,56px);font-weight:600;line-height:1.2}.about-sec{padding-bottom:54px}.about-body{max-width:680px}.about-body p{color:var(--ink);margin:0 0 18px;font-size:14px;line-height:2.05}.about-body b{color:var(--ink-strong);font-weight:600}.about-list{border-top:1px solid var(--line);margin:20px 0;padding:0;list-style:none}.about-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:18px;padding:13px 2px;font-size:13.5px;display:flex}.about-list b{color:var(--ink-strong);font-weight:600}.about-list span{color:var(--muted);text-align:right;font-size:12.5px}.about-list a{color:var(--sage-ink);align-items:center;gap:4px;font-size:12.5px;text-decoration:none;display:inline-flex}.about-cta{justify-content:center;padding:10px 0 64px;display:flex}.ranking-grid{grid-template-columns:minmax(0,1fr) 330px;gap:44px;padding-bottom:30px;display:grid}.ranks{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.ranks li{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:15px 4px;display:flex}.rank-number{color:var(--faint);font:12px ui-monospace,monospace}.rank-name{color:var(--ink-strong);overflow-wrap:anywhere;min-width:0;font-size:14px}.rank-name small{color:var(--faint);margin-top:3px;font-size:11.5px;display:block}.rank-time{color:var(--ink);margin-left:auto;font:13px ui-monospace,monospace}.ranks li.you{background:#f2f5ea;border-radius:6px}.ranks li.you .rank-name,.ranks li.you .rank-time{color:var(--sage-ink)}.empty-ranks{text-align:center;border:1px dashed var(--line2);color:var(--muted);border-radius:12px;padding:34px 16px}.empty-ranks>span{color:var(--faint);font:22px ui-monospace,monospace}.empty-ranks p{font-size:13px;line-height:1.9}.ai-records{flex-direction:column;display:flex}.ai-record{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 6px;display:flex}.ai-record:hover{background:#f2efe4}.ai-record.selected{background:#f2f5ea;border-radius:6px}.ai-record b{color:var(--ink-strong);font-size:13.5px;font-weight:600}.ai-record small{color:var(--faint);margin-top:3px;font-size:11px;display:block}.ai-record-right{text-align:right;flex-shrink:0}.ai-record-right small{font-family:ui-monospace,monospace}@media (max-width:900px){.ranking-grid{grid-template-columns:1fr;gap:30px}.facts{grid-template-columns:1fr;gap:26px}}@media (max-width:680px){.site{padding:0 18px}.mast{min-height:64px}.nav{gap:16px;font-size:12px}.nav .nav-cta{padding:7px 13px}.hero{padding:52px 0 48px}.hero h1{letter-spacing:-1.6px}.page-head{padding:44px 0 36px}.game-viewport{flex-direction:column;gap:14px;min-height:0;padding:14px}.game-viewport .board-wrap{width:min(300px,78vw)}.game-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.action-log{display:none}.controller{flex-wrap:wrap;justify-content:center}.wizard-nav{flex-wrap:wrap}.wizard-head h1{font-size:24px}.site-footer{flex-direction:column;gap:8px}.about-list li{flex-direction:column;gap:4px}.about-list span{text-align:left}}
