:root{--ink:#17211f;--muted:#78817e;--line:#dfe5e1;--paper:#f7f8f5;--accent:#ef7659;--green:#19786c;--board:#1e8274;--board-dark:#12695e;--shadow:0 22px 50px #173f3820}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP','DM Sans',sans-serif}button,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1440px;margin:auto;padding:28px 54px 34px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{font:800 15px 'DM Sans';letter-spacing:.12em}.brand em{color:var(--accent);font-style:normal;font-weight:500}.brand-mark{color:var(--accent);margin-right:8px;font-size:19px}.topbar-actions{display:flex;gap:14px;align-items:center;font:600 12px 'DM Sans';color:var(--muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:#61b77e}.text-button{background:none;border:0;border-left:1px solid var(--line);padding-left:18px;color:var(--ink);font-weight:700}.hero{display:flex;justify-content:space-between;align-items:end;padding:55px 8px 44px}.eyebrow{color:var(--accent);font:700 11px 'DM Sans';letter-spacing:.18em;margin:0 0 13px}.hero h1{font-size:clamp(35px,4vw,57px);line-height:1.15;letter-spacing:.04em;margin:0}.hero h1 span{color:var(--accent)}.hero-copy{color:var(--muted);font-size:13px;margin:18px 0 0}.hero-badge{display:flex;gap:14px;align-items:center;margin-right:7%;border-left:2px solid var(--accent);padding-left:15px}.badge-icon{font-size:25px;color:var(--accent)}.hero-badge small,.stat small{display:block;color:var(--muted);font:700 10px 'DM Sans';letter-spacing:.14em}.hero-badge strong{font-size:14px}.game-layout{display:grid;grid-template-columns:250px minmax(440px,610px) 250px;justify-content:center;gap:36px;align-items:start}.panel{background:#fff;border:1px solid #e6ebe7;border-radius:5px;box-shadow:0 8px 24px #173f3808}.controls-panel,.history-panel{padding:25px 22px;min-height:512px}.panel-heading{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:17px}.panel-heading h2{font-size:14px;margin:0;letter-spacing:.05em}.section-number{color:var(--accent);font:700 12px 'DM Sans'}.move-total{margin-left:auto;color:var(--muted);font:600 11px 'DM Sans'}.setting-group{margin-top:25px}.setting-group label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:9px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f3f5f2;border-radius:4px;padding:3px}.segmented button{border:0;background:none;padding:9px 2px;font-size:10px;color:var(--muted);border-radius:3px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #173f3818;font-weight:700}.color-choice{display:flex;gap:18px}.color-btn{background:none;border:0;padding:4px 0;display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px}.color-btn.active{color:var(--ink);font-weight:700}.disc,.player-disc{display:inline-block;width:16px;height:16px;border-radius:50%;box-shadow:inset -2px -3px 3px #0003}.black{background:#172321}.white{background:#f8faf5;border:1px solid #c9d2cd;box-shadow:inset -2px -3px 3px #b8c0bc}.primary-button{width:100%;border:0;border-radius:3px;background:var(--accent);color:white;font-weight:700;font-size:12px;padding:13px;margin-top:30px;box-shadow:0 7px 15px #ef765933}.primary-button span{float:right;font-size:17px;line-height:12px}.rule-note,.review-tip{display:flex;gap:9px;margin-top:28px;color:var(--muted);font-size:10px;line-height:1.7}.rule-note span,.review-tip span{flex:none;border:1px solid #cbd5d0;border-radius:50%;width:17px;height:17px;text-align:center;font:700 11px 'DM Sans';color:var(--green)}.rule-note p,.review-tip p{margin:0}.board-area{position:relative}.scorebar{display:flex;align-items:center;justify-content:space-between;margin:0 5px 20px}.player-card{display:flex;align-items:center;gap:10px;opacity:.42}.player-card.active{opacity:1}.player-disc{width:27px;height:27px}.player-card small{display:block;font:700 9px 'DM Sans';letter-spacing:.1em;color:var(--muted)}.player-card strong{font:700 23px 'DM Sans'}.turn-label{text-align:center;color:var(--accent);font-size:11px;font-weight:800}.turn-label small{display:block;color:var(--muted);font:500 10px 'DM Sans';margin-top:3px}.board-wrap{position:relative;padding:0 20px 0 24px}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;background:var(--board);border:8px solid var(--board-dark);border-radius:4px;box-shadow:var(--shadow);overflow:hidden}.cell{position:relative;display:flex;aspect-ratio:1;align-items:center;justify-content:center;border:1px solid #ffffff20;background:#218778;transition:background .15s}.cell.legal{cursor:pointer}.cell.legal:hover{background:#319889}.cell.legal::after{content:'';width:9px;height:9px;border-radius:50%;background:#9bd0bcaa}.stone{width:72%;height:auto;aspect-ratio:1;border-radius:50%;animation:place .25s ease-out}.stone.black{background:radial-gradient(circle at 35% 28%,#50605c,#151d1c 62%);box-shadow:inset -4px -5px 5px #0006,2px 3px 4px #12483d88}.stone.white{background:radial-gradient(circle at 35% 28%,#fff,#dfe7e1 67%);box-shadow:inset -4px -5px 5px #b6c1bb99,2px 3px 4px #12483d55}.coordinates{position:absolute;display:flex;color:#afd8ca;font:700 10px 'DM Sans';pointer-events:none}.top-coords{left:24px;right:20px;top:-18px;justify-content:space-around}.side-coords{top:0;bottom:0;left:3px;flex-direction:column;justify-content:space-around}.status-message{text-align:center;color:var(--muted);font-size:11px;margin-top:17px}.history-list{height:331px;overflow-y:auto;padding-top:12px}.empty-history{text-align:center;color:#b0bbb6;font-size:11px;line-height:2.1;padding-top:110px}.history-row{display:flex;align-items:center;gap:9px;padding:9px 5px;border-bottom:1px solid #edf0ed;font-size:11px;cursor:pointer}.history-row:hover,.history-row.selected{background:#fff4ef}.history-row.selected{border-left:2px solid var(--accent);padding-left:3px}.history-num{color:#aab4af;width:20px;font:700 10px 'DM Sans'}.mini-stone{width:12px;height:12px;border-radius:50%;box-shadow:inset -1px -2px 2px #0003}.history-row time{margin-left:auto;color:#aab4af;font:10px 'DM Sans'}.review-tools{display:flex;gap:7px;margin-top:14px}.review-tools button{border:1px solid var(--line);background:#fff;border-radius:3px;height:29px;color:var(--muted);font-size:11px}.review-tools button:first-child,.review-tools button:nth-child(2){width:29px;font-size:17px}.review-tools button:last-child{flex:1}.review-tip{margin-top:18px}.analysis{margin:38px auto 0;max-width:1082px;padding:22px 25px 24px}.analysis .panel-heading{padding-bottom:14px}.review-label{margin-left:auto;color:var(--muted);font-size:10px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:0;margin-top:20px}.stat{padding:0 22px;border-right:1px solid var(--line);min-height:68px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{display:block;font-size:16px;margin:7px 0 2px}.stat span{color:var(--muted);font-size:10px}.stat i{color:#bec7c2;font-style:normal;font-weight:400;padding:0 5px}.recommendation strong{font-size:12px}.recommendation span{line-height:1.7;display:block}.hidden{display:none}footer{display:flex;justify-content:space-between;color:#aab3ae;font:700 9px 'DM Sans';letter-spacing:.12em;margin:34px 8px 0}@keyframes place{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:1050px){.app-shell{padding:25px}.game-layout{grid-template-columns:210px minmax(390px,1fr);gap:25px}.history-panel{grid-column:1/-1;min-height:0}.history-list{height:180px}.empty-history{padding:25px}.analysis{margin-top:25px}}@media(max-width:700px){.app-shell{padding:18px 14px}.topbar-actions span:not(.live-dot),.text-button{display:none}.hero{padding:38px 4px 32px;display:block}.hero-badge{margin:25px 0 0}.game-layout{display:flex;flex-direction:column}.board-area{order:-1;width:100%}.controls-panel,.history-panel{width:100%;min-height:0}.history-list{height:220px}.analysis-grid{grid-template-columns:1fr 1fr}.stat{padding:12px 10px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3){padding-left:0}.stat:last-child{grid-column:1/-1;padding-left:0}footer{margin-top:25px}.board-wrap{padding-left:19px;padding-right:15px}}.cell.last-move::before{content:'';position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#ef7659;box-shadow:0 0 0 2px #fff9,0 1px 4px #173f3866;}