:root{font-family:Plus Jakarta Sans,Segoe UI,ui-sans-serif,system-ui,sans-serif;color:#1d2116;background:radial-gradient(circle at 0% 0%,rgba(196,230,68,.2),transparent 24%),linear-gradient(180deg,#fff,#f7faee);--bg: #f7faee;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--surface-muted: rgba(106, 135, 36, .08);--text: #1d2116;--muted: #68715c;--border: rgba(59, 76, 28, .12);--border-strong: rgba(59, 76, 28, .7);--accent: #7aa51f;--accent-strong: #5f8513;--accent-soft: rgba(196, 230, 68, .22);--danger: #bd5a32;--shadow: 0 24px 60px rgba(92, 118, 35, .13);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--text)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.home,.lobby,.select-page{min-height:100vh;display:grid;place-items:center;padding:28px}.home{width:min(1180px,calc(100% - 40px));margin:0 auto;grid-template-columns:1.15fr .85fr;gap:32px}.home-intro{justify-self:stretch;padding:24px 8px}.home-intro h1{margin:0;max-width:620px;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:0}.home-intro p{margin-top:18px;max-width:560px;color:var(--muted);font-size:17px}.section-kicker{display:inline-block;margin-bottom:12px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.lobby{align-content:center;justify-items:center;gap:20px}.home-panel{width:min(520px,100%);display:grid;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand-row{display:flex;gap:14px;align-items:center}h1,h2,p{margin:0}h1{font-size:26px;letter-spacing:0}h2{font-size:18px;line-height:1.15}label{display:grid;gap:7px;font-weight:700}input{min-height:50px;border:1px solid var(--border);border-radius:16px;padding:0 16px;background:var(--surface-strong);color:var(--text);outline:none}input:focus{border-color:#7aa51f6b}.primary,.join-row button,.room-code,.secondary{min-height:50px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#6f9819,#a7cc2c);color:#fff;padding:0 16px;font-weight:800;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary:hover,.join-row button:hover,.room-code:hover,.secondary:hover,.icon-button:hover,.card-item:hover{transform:translateY(-1px)}.secondary{border:1px solid var(--border);background:transparent;color:var(--text)}.state-action.waiting{background:linear-gradient(135deg,#6f9819,#a7cc2c)}.state-action.ready{background:linear-gradient(135deg,#1f7a5a,#45b681);box-shadow:0 10px 26px #1f7a5a38}.state-action.ready:disabled{opacity:1;cursor:default}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.top-icon{flex:0 0 auto}.code-text{min-width:54px;text-align:left}.hidden-code{letter-spacing:2px}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:6px;overflow:hidden}.segmented button{height:40px;background:var(--surface);color:var(--text)}.segmented button.active{background:var(--accent);color:#fff}.fixed-board-size{min-height:50px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:16px;padding:0 16px;background:var(--surface-muted);color:var(--muted);font-weight:800}.notice,.toast{color:var(--text);font-weight:700}.topbar{position:fixed;inset:16px 20px auto 20px;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);z-index:5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.candidate-grid{width:min(960px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:116px}.lobby-grid{width:min(360px,calc(100% - 32px));display:grid;gap:12px;margin-top:110px;align-self:end}.player-tile{height:112px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.player-tile .stone{width:44px;height:44px}.player-tile h2{min-width:0;font-size:16px;font-weight:900;overflow-wrap:anywhere}.player-tile p{justify-self:end;min-width:72px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:800;text-align:center}.game-shell{height:100vh;display:grid;grid-template-columns:1fr 320px;grid-template-rows:98px minmax(0,1fr) 150px;grid-template-areas:"top top" "board side" "hand side";overflow:hidden}.game-top{grid-area:top;position:static}.turn-chip{padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);font-weight:800}.board-wrap{grid-area:board;display:grid;place-items:center;padding:12px 20px 0;min-width:0;min-height:0}.board{width:min(calc(100vh - 286px),calc(100vw - 390px));aspect-ratio:1;display:grid;background:linear-gradient(180deg,#fff,#f4fadf);border:1px solid var(--border);border-radius:24px;padding:10px;box-shadow:var(--shadow)}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;width:100%;height:100%;padding:0;overflow:visible;background:linear-gradient(#3b4c1c61,#3b4c1c61) center / 100% 1px no-repeat,linear-gradient(90deg,#3b4c1c61,#3b4c1c61) center / 1px 100% no-repeat}.cell:disabled{cursor:default;opacity:1}.cell:after{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:#7aa51f00;transform:scale(.88);transition:background .14s ease,transform .14s ease;pointer-events:none}.cell:not(.occupied):hover:after,.cell.selecting:not(.occupied):after{background:#7aa51f33;transform:scale(1)}.cell.selected-target:not(.occupied):after{background:#ffdc5594;box-shadow:inset 0 0 0 2px #7aa51fcc,0 2px 7px #5c762333;transform:scale(1)}.board.my-white .cell:not(.occupied):hover:after,.board.my-white .cell.selecting:not(.occupied):after{background:#ffffffb8;box-shadow:inset 0 0 0 1px #3b4c1c6b,0 2px 5px #5c762329}.board.my-white .cell.selected-target:not(.occupied):after{background:#ffdc5594;box-shadow:inset 0 0 0 2px #7aa51fcc,0 2px 7px #5c762333}.cell.win{background-color:#c4e64438}.stone{width:72%;height:72%;aspect-ratio:1;display:block;border-radius:50%;position:relative;z-index:1;box-shadow:inset -5px -8px 12px #00000038,0 2px 5px #00000042}.stone.black{background:radial-gradient(circle at 34% 28%,#3d3d3d,#000 62%)}.stone.white{background:radial-gradient(circle at 34% 28%,#fff,#f4efe4 62%);border:1px solid rgba(59,76,28,.45)}.stone.ghost{opacity:.48}.hand-panel{grid-area:hand;display:flex;align-items:center;justify-content:center;min-height:150px;padding:12px 20px 20px;background:transparent}.choice-panel{position:fixed;left:50%;bottom:198px;width:min(560px,calc(100vw - 36px));display:grid;gap:10px;transform:translate(-50%);padding:14px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:7}.choice-title{font-weight:900}.choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hand-list{width:min(820px,100%);min-height:128px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.card-item{flex:0 1 148px;width:148px;height:108px;display:grid;align-content:start;gap:6px;text-align:left;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.card-item.active{border-color:#7aa51f73;box-shadow:0 0 0 3px var(--accent-soft);background:#fbfff0}.card-item.active:disabled{opacity:1;border-color:#1f7a5a73;box-shadow:0 0 0 3px #45b6812e}.card-item span{font-weight:900}.card-item small{line-height:1.25}.right-panel{grid-area:side;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);align-content:stretch;gap:12px;padding:14px;background:var(--surface);color:var(--text);border-left:1px solid var(--border);overflow:hidden;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);min-height:0}.right-panel section{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);min-height:0}.right-panel section:last-child{border-bottom:0;padding-bottom:0}.right-panel h2{font-size:16px;font-weight:900;letter-spacing:0}.right-panel p,.right-panel small{color:var(--muted);line-height:1.45}.player-card-list{display:grid;gap:8px}.player-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;min-height:64px;padding:10px;border:1px solid var(--border);border-radius:18px;background:#ffffffad}.player-row.current{border-color:#7aa51f6b;box-shadow:inset 0 0 0 1px #7aa51f6b,0 0 0 3px var(--accent-soft)}.player-row span{display:block;font-weight:900}.player-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.player-row b{font-size:12px;white-space:nowrap}.player-row .stone{display:block;width:22px;height:22px;min-width:22px;min-height:22px;align-self:center;justify-self:center}.probability-box{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:18px;background:var(--surface-muted)}.probability-main{font-size:15px;font-weight:800}.probability-main b{font-size:20px;color:var(--accent)}.log-list{display:grid;gap:8px;font-size:13px}.activity-section{grid-template-rows:auto minmax(0,1fr) auto}.activity-scroll{min-height:0;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:4px}.log-entry{margin:0;padding:9px 11px;border:1px solid var(--border);border-radius:18px;background:#ffffffad;color:var(--muted);font-size:12px;line-height:1.4}.log-entry.place{color:var(--text);background:#c4e6443d;border-color:#7aa51f40}.log-entry.system{background:var(--surface-muted)}.log-entry.card{background:#ffdc553d;border-color:#c49b183d;color:var(--text)}.log-entry.win{background:#7aa51f2e;border-color:#7aa51f61;color:var(--text)}.log-card summary{cursor:pointer;list-style:none;color:var(--text);font-weight:800}.log-card summary::-webkit-details-marker{display:none}.log-card summary:before{content:">";display:inline-block;width:14px;color:var(--accent);font-weight:900;transition:transform .14s ease}.log-card[open] summary:before{transform:rotate(90deg)}.log-card-detail{display:grid;gap:4px;margin-top:9px;padding-top:9px;border-top:1px solid var(--border);color:var(--muted)}.log-card-detail b{color:var(--text)}.log-card-detail span{line-height:1.45}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:#fff}.chat-entry{margin:0;padding:9px 11px;border:1px solid var(--border);border-radius:16px;background:#ffffffdb;color:var(--text);font-size:12px;line-height:1.4}.chat-entry b{color:var(--accent)}.empty-chat{color:var(--muted)!important}.activity-chat-form{display:grid;grid-template-columns:1fr 42px;gap:8px}.activity-chat-form input{min-height:42px;border-radius:14px}.activity-chat-form button{border-radius:14px;background:var(--accent);color:#fff}.toast,.hint{position:fixed;left:50%;bottom:16px;transform:translate(-50%);padding:10px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:8}.hint.muted{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#20161a8c;z-index:10}.result-modal{width:min(420px,calc(100vw - 36px));display:grid;gap:12px;border-radius:28px;background:var(--surface);border:1px solid var(--border);padding:26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.result-modal h2{font-size:42px;color:var(--accent)}.result-modal.lose h2{color:var(--danger)}.result-kicker{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}@media(max-width:920px){.home{width:min(100%,calc(100% - 24px));grid-template-columns:1fr;align-content:center;gap:18px}.home-intro h1{font-size:46px}.topbar{inset:10px 10px auto 10px;min-height:auto;flex-wrap:wrap;align-items:flex-start}.game-shell{grid-template-columns:1fr;grid-template-rows:120px auto auto auto;grid-template-areas:"top" "board" "hand" "side"}.board{width:min(94vw,70vh);border-radius:20px;padding:7px}.hand-panel{min-height:154px;padding:12px}.hand-list{justify-content:flex-start;overflow-x:auto}.right-panel{max-height:none;border-left:0;border-top:1px solid var(--border)}.choice-panel{position:static;width:auto;margin:12px;transform:none}.choice-list{grid-template-columns:1fr}}