/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.overline{text-decoration-line:overline}}:root{--ink:#17222d;--muted:#73808a;--paper:#f6f4ef;--card:#fff;--line:#e5e8e6;--gold:#c68b39;--gold-soft:#f4e7cf;--green:#496f60;--dark-green:#25483c;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:var(--paper);min-height:100vh;display:flex}.sidebar{background:#eef0ed;border-right:1px solid #e1e5e2;flex-direction:column;flex:0 0 246px;width:246px;min-height:100vh;padding:30px 19px 22px;display:flex}.brand-lockup{align-items:center;gap:11px;padding:0 10px;display:flex}.brand-mark{background:var(--dark-green);color:#f6ebd9;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative;box-shadow:4px 4px #d3d9d4}.brand-mark span{font-size:11px;position:absolute}.brand-mark span:first-child{transform:translate(-6px,-5px)}.brand-mark span:last-child{color:#d79c4d;transform:translate(6px,5px)}.brand-name{font:700 20px var(--serif);letter-spacing:.04em}.brand-tag{color:#8a9690;letter-spacing:.24em;margin-top:2px;font:9px Arial}.profile-mini{cursor:pointer;background:#ffffff6b;border:1px solid #dfe4df;border-radius:12px;align-items:center;gap:10px;margin:38px 5px 34px;padding:11px 10px;transition:all .2s;display:flex}.profile-mini:hover{background:#fff}.avatar{width:45px;height:45px;font:700 16px var(--serif);color:#fff;border:3px solid #fff;border-radius:50%;flex:0 0 45px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 2px 7px #20352a20}.avatar-small{border-width:2px;flex-basis:32px;width:32px;height:32px;font-size:12px}.avatar-image{object-fit:cover}.avatar-amber{background:linear-gradient(135deg,#d8ae67,#876646)}.avatar-green{background:linear-gradient(135deg,#85a993,#456858)}.avatar-violet{background:linear-gradient(135deg,#ae9bbd,#5c4e70)}.avatar-rose{background:linear-gradient(135deg,#d9a2a0,#925b65)}.avatar-blue{background:linear-gradient(135deg,#94b8c7,#4e7289)}.avatar-slate{background:linear-gradient(135deg,#a7b2ad,#566363)}.profile-mini-copy{flex-direction:column;flex:1;min-width:0;display:flex}.profile-mini-copy strong{font-size:13px}.profile-mini-copy span{color:#82908a;margin-top:3px;font-size:10px}.profile-mini-copy i{color:#b8c0bb;padding:0 2px;font-style:normal}.app-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon-chevron{color:#a1aaa4;font-size:22px}.icon-arrow{font-size:16px}.icon-settings{font-size:14px}.side-nav{flex-direction:column;gap:5px;display:flex}.nav-eyebrow,.section-label,.modal-kicker,.overline{color:#9aa59f;letter-spacing:.18em;font-size:9px;font-weight:700}.nav-eyebrow{padding:0 14px 10px}.nav-item{color:#74817a;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px 14px;font-size:12px;transition:all .2s;display:flex}.nav-item .app-icon{color:#99a49d;width:17px;font-size:18px}.nav-item:hover{color:var(--ink);background:#e1e7e2}.nav-active{color:var(--dark-green);background:#e0e7e2;font-weight:700;box-shadow:inset 3px 0 #6d937d}.nav-active .app-icon{color:#426a57}.nav-badge{color:#fff;text-align:center;background:#d2934d;border-radius:20px;min-width:17px;height:17px;margin-left:auto;padding-top:3px;font-size:9px}.sidebar-bottom{margin-top:auto}.quote-card{background:#e5eae5;border-radius:12px;margin:0 5px 19px;padding:15px 16px 13px}.quote-mark{color:#b6c3ba;height:17px;font:34px Georgia;display:block}.quote-card p{font:italic 12px var(--serif);color:#52655c;margin:8px 0 7px}.quote-card small{color:#8c9b92;font-size:9px}.side-settings{color:#7b8881;text-align:left;background:0 0;border:0;border-bottom:1px solid #dce1dd;align-items:center;gap:10px;width:100%;padding:10px 10px 16px;font-size:11px;display:flex}.side-settings span{color:#afb8b2;margin-left:auto;font-size:9px}.sidebar-footer{color:#9ba6a0;align-items:center;gap:7px;padding:17px 10px 0;font-size:9px;display:flex}.status-dot{background:#7da98a;border-radius:50%;width:6px;height:6px}.version{color:#c0c6c2;margin-left:auto}.content-area{flex:1;min-width:0}.topbar{border-bottom:1px solid #e7e8e4;justify-content:space-between;align-items:center;height:76px;padding:0 5.4%;display:flex}.breadcrumb{color:#a2aaa5;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb b{color:#d0d4d0;font-weight:400}.breadcrumb strong{color:#66746d;font-weight:600}.top-actions{align-items:center;gap:22px;display:flex}.icon-button{color:#78857f;background:0 0;border:0;font-size:18px;position:relative}.notification-dot{background:#d18f46;border-radius:50%;width:5px;height:5px;position:absolute;top:1px;right:1px}.top-avatar{color:#67756d;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.top-avatar .icon-chevron{font-size:17px}.content-scroll{max-width:1270px;margin:0 auto;padding:48px 5.4% 22px}.page-intro{justify-content:space-between;align-items:flex-end;margin-bottom:31px;display:flex}.overline{color:#bf8d4e;align-items:center;gap:9px;font-size:9px;display:flex}.overline-line{background:#cba56e;width:24px;height:1px}.page-intro h1{font:400 clamp(28px, 3.1vw, 42px)/1.15 var(--serif);letter-spacing:-.03em;color:#1c2b2e;margin:13px 0 8px}.page-intro p{color:#89938e;font:14px var(--serif);margin:0}.intro-date{text-align:right;color:#a3ada7;flex-direction:column;gap:3px;padding-bottom:4px;display:flex}.intro-date strong{color:#2a3d38;font:700 21px var(--serif);letter-spacing:.07em}.intro-date span,.intro-date small{letter-spacing:.14em;font-size:9px}.intro-date small{color:#c1c8c3}.hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.9fr);gap:18px;display:grid}.hero-card{color:#f6f0e6;background:#2c5247;border-radius:17px;min-height:275px;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 35px #24463d18}.hero-text{z-index:2;padding:34px 0 31px 38px;position:relative}.hero-kicker{color:#deb676;letter-spacing:.17em;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.hero-kicker .app-icon{font-size:14px}.hero-card h2,.friends-banner h2{font:400 34px/1.15 var(--serif);letter-spacing:-.03em;margin:24px 0 12px}.hero-card h2 em,.friends-banner h2 em{color:#ddb16f;font-style:italic}.hero-card p{color:#b8c8bf;font:13px/1.65 var(--serif);margin:0 0 21px}.primary-button{color:#fff9f0;background:#d3974e;border:0;border-radius:7px;align-items:center;gap:21px;padding:12px 15px 12px 18px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 5px 12px #75491c36}.primary-button:hover{background:#e1a65b;transform:translateY(-1px)}.full-button{justify-content:space-between;width:100%;margin-top:22px;padding:14px 17px}.hero-board-wrap{width:49%;min-height:275px;margin-left:auto;position:relative;overflow:hidden}.hero-orbit{border:1px solid #93af9d28;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:280px;height:390px;top:-50px;right:-40px}.orbit-two{width:220px;height:310px;top:-8px;right:24px}.hero-stones{width:220px;height:220px;position:absolute;top:20px;right:34px}.hero-stone{border-radius:50%;display:block;position:absolute;box-shadow:inset -9px -11px 16px #152e2760,inset 7px 6px 11px #fff2,0 15px 24px #18372e60}.white-stone{background:radial-gradient(circle at 35% 26%,#fff,#d8e0d8 65%,#a8b5ad);width:83px;height:83px;top:26px;left:46px}.black-stone{background:radial-gradient(circle at 32% 26%,#627c71,#163a2e 58%,#0d221b);width:123px;height:123px;top:79px;left:96px}.small-stone{width:50px;height:50px;top:153px;left:22px}.board-caption{color:#bed0c3;font:italic 11px/1.6 var(--serif);text-align:right;position:absolute;bottom:24px;right:36px}.quick-panel{background:#fbfbf8;border:1px solid #e6e8e5;border-radius:17px;padding:27px 24px}.section-label{color:#7f8c86;letter-spacing:.18em;font-size:9px}.section-label span{color:#bcc4be;letter-spacing:.13em;margin-left:8px;font-size:8px}.quick-action{text-align:left;background:0 0;border:0;border-bottom:1px solid #e9ebe8;align-items:center;gap:12px;width:100%;padding:18px 1px;display:flex}.quick-action:last-of-type{border-bottom:0}.quick-action .icon-chevron{margin-left:auto}.quick-action:hover strong{color:#4f7d68}.quick-icon{border-radius:9px;justify-content:center;align-items:center;width:33px;height:33px;font-size:21px;display:flex}.quick-plus{color:#bc7d31;background:#f1e3cc;font-weight:200}.quick-bot{color:#4e7b64;background:#e1ece5;font-size:16px}.quick-action span:nth-child(2){flex-direction:column;gap:4px;display:flex}.quick-action strong{color:#34473f;font:600 12px var(--serif)}.quick-action small{color:#a2aaa5;font-size:10px}.quick-note{color:#9ba69f;align-items:center;gap:9px;padding-top:16px;font-size:9px;display:flex}.quick-note b{color:#628272}.mini-stars{color:#d0924d;font-size:15px}.lower-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.9fr);gap:18px;margin-top:18px;display:grid}.board-card,.stats-card,.matches-card,.history-list-card,.friends-list-card{background:#fff;border:1px solid #e9ebe8;border-radius:16px}.board-card{padding:25px 26px 18px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h3{color:#34463f;font:500 18px var(--serif);margin:8px 0 0}.board-tools{align-items:center;gap:18px;display:flex}.board-tools button,.card-heading button{color:#a4ada7;background:0 0;border:0;font-size:10px}.turn-pill{color:#a5afa9;align-items:center;gap:6px;font-size:9px;display:flex}.turn-pill i{background:#21282a;border-radius:50%;width:8px;height:8px;box-shadow:inset 1px 1px 2px #fff6}.turn-active{color:#527967}.turn-active i{background:#568a71}.board-stage{aspect-ratio:1;place-items:center;width:min(100%,420px);margin:15px auto 8px;padding:10px;display:grid;position:relative}.go-board{grid-template-columns:repeat(var(--board-size), 1fr);grid-template-rows:repeat(var(--board-size), 1fr);background:linear-gradient(135deg,#edcf9d,#d9ae6c);border:1px solid #bd8d50;width:100%;height:100%;padding:17px;display:grid;position:relative;box-shadow:0 9px 14px #9971431e,inset 0 0 0 9px #dfbc80}.go-board:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(100% / var(--board-size) - 1px), #855d3190 calc(100% / var(--board-size) - 1px) calc(100% / var(--board-size))), repeating-linear-gradient(0deg, transparent 0 calc(100% / var(--board-size) - 1px), #855d3190 calc(100% / var(--board-size) - 1px) calc(100% / var(--board-size)));pointer-events:none;position:absolute;inset:17px}.board-point{z-index:1;background:0 0;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.board-point:disabled{cursor:default}.star-dot{background:#684820;border-radius:50%;width:5px;height:5px}.stone{border-radius:50%;width:82%;height:82%;display:block;box-shadow:2px 3px 5px #805d2a80,inset 3px 4px 4px #fff3}.top-coords{display:none}.board-footer{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.board-size-select{align-items:center;gap:5px;display:flex}.board-size-select>span{color:#a2aca5;margin-right:3px;font-size:10px}.board-size-select button,.choice-row button{color:#a2aaa5;background:0 0;border:1px solid #0000;border-radius:5px;padding:5px 8px;font-size:10px}.board-size-select button:hover,.choice-row button:hover{color:#517a65}.board-size-select .size-active,.choice-row .choice-active{color:#4e795f;background:#e4eee7;font-weight:700}.board-hint{color:#b5bcb7;font-size:9px}.side-stack{flex-direction:column;gap:18px;display:flex}.stats-card{padding:24px 23px 19px}.stats-main{align-items:flex-end;gap:10px;margin:23px 0 12px;display:flex}.stats-main>strong{color:#355747;font:400 35px var(--serif)}.stats-main>strong small{color:#8e9d94;font:11px Arial}.stats-main>span{color:#d5dcd6;font:22px var(--serif);margin-bottom:5px}.stats-main .loss{color:#a77860}.win-rate{color:#a6b0aa;text-align:right;flex-direction:column;gap:5px;margin-left:auto;font-size:9px;display:flex}.win-rate b{color:#567666;font-size:15px}.win-rate>div{background:#edf0ec;border-radius:4px;width:65px;height:4px;overflow:hidden}.win-rate i{background:#7fa48f;width:70%;height:100%;display:block}.stats-foot{color:#a6afa9;border-top:1px solid #edf0ed;justify-content:space-between;padding-top:12px;font-size:9px;display:flex}.stats-foot b{color:#599071}.matches-card{padding:23px 22px 10px}.card-heading.compact{align-items:center}.card-heading.compact button{align-items:center;gap:7px;display:flex}.match-list{margin-top:15px}.match-row{border-bottom:1px solid #f0f1ef;align-items:center;gap:9px;padding:10px 0;display:flex}.match-row:last-child{border-bottom:0}.match-person{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.match-person strong{color:#4a5b53;font:11px var(--serif)}.match-person span{color:#a7b0aa;font-size:9px}.match-result{text-align:center;border-radius:50%;width:15px;height:15px;padding-top:3px;font-size:9px}.result-win{color:#59906d;background:#e0eee5}.result-loss{color:#b47d69;background:#f1e5e0}.match-score{color:#5d9574;font-size:10px}.score-loss{color:#b07b69}.content-footer{color:#afb8b2;font:10px var(--serif);justify-content:space-between;padding:29px 3px 0;display:flex}.history-page,.friends-page{gap:18px;display:grid}.history-summary{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.history-summary>div{background:#fff;border:1px solid #e6e9e6;border-radius:14px;flex-direction:column;gap:10px;padding:22px 24px;display:flex}.history-summary span{color:#9aa69f;font-size:10px}.history-summary strong{color:#355747;font:400 31px var(--serif)}.history-summary small{color:#a2ada6;font:11px Arial}.history-list-card{padding:26px 27px 13px}.history-list-card h3,.friends-list-card h3{color:#34463f;font:500 18px var(--serif);margin:8px 0 20px}.history-row{border-top:1px solid #edf0ed;align-items:center;gap:14px;padding:14px 0;display:flex}.history-date{color:#b4bdb7;width:36px;font-size:10px}.history-row .match-person{flex:1}.review-button{color:#9daa9f;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.friends-banner{color:#f7f1e7;background:#2d5748;border-radius:16px;justify-content:space-between;min-height:260px;padding:31px 39px;display:flex;overflow:hidden}.friends-banner h2{margin:19px 0 10px}.friends-banner p{color:#b9cbc0;font:13px var(--serif);margin:0 0 20px}.friend-illustration{width:45%;position:relative}.friend-ring{border:1px solid #a1bead35;border-radius:50%;width:250px;height:250px;position:absolute;top:-4px;right:18px;box-shadow:0 0 0 26px #628b7020,0 0 0 51px #628b7012}.friend-stone{border-radius:50%;display:block;position:absolute;box-shadow:inset -8px -9px 12px #101f1b55,inset 5px 5px 10px #fff3}.fs-one{background:#e2e6dc;width:102px;height:102px;top:35px;right:100px}.fs-two{background:#142b24;width:75px;height:75px;top:100px;right:25px}.fs-three{background:#bc7b3d;width:47px;height:47px;top:153px;right:162px}.friends-list-card{padding:26px 27px 13px}.friend-row{border-top:1px solid #edf0ed;align-items:center;gap:12px;padding:14px 0;display:flex}.outline-button{color:#5d846d;background:#f7faf7;border:1px solid #d8e1da;border-radius:6px;padding:7px 12px;font-size:10px}.friend-status{background:#c3cac5;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.is-online{background:#68a17c}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f302b99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fffdfa;border-radius:17px;width:min(100%,490px);padding:38px 42px 35px;animation:.25s ease-out rise;position:relative;box-shadow:0 24px 80px #1e342a36}.small-modal{width:min(100%,430px);padding:34px 36px 30px}.modal-close{color:#aab3ad;background:0 0;border:0;font-size:21px;position:absolute;top:18px;right:20px}.modal-kicker{color:#bc8750}.modal h2{color:#233d34;font:400 30px var(--serif);margin:16px 0 7px}.modal-subtitle{color:#99a49d;font:13px var(--serif);margin:0}.profile-edit-area{grid-template-columns:auto 1fr;align-items:center;gap:6px 17px;margin:27px 0 22px;display:grid}.profile-preview{position:relative}.profile-preview .avatar{border-width:4px;flex-basis:74px;width:74px;height:74px}.online-ring{background:#74a37d;border:3px solid #fffdfa;border-radius:50%;width:12px;height:12px;position:absolute;bottom:3px;right:3px}.upload-button{color:#5b816b;cursor:pointer;border:1px dashed #cfd9d2;border-radius:7px;width:max-content;padding:10px 12px;font-size:10px}.upload-button span{margin-right:6px;font-size:16px}.upload-button input{display:none}.default-note{color:#a6afa8;grid-column:2;font-size:9px;line-height:1.4}.form-label{color:#75857b;flex-direction:column;gap:8px;margin-top:17px;font-size:10px;display:flex}.form-label input,.form-label select{color:#43564c;background:#fff;border:1px solid #dfe6e0;border-radius:7px;outline:none;padding:12px 13px;font-size:12px}.form-label input:focus,.form-label select:focus{border-color:#89a994;box-shadow:0 0 0 3px #e2eee6}.nickname-hint{color:#afb8b0;margin-top:8px;font-size:9px}.nickname-hint span{color:#cf914c;margin-right:5px;font-size:14px}.room-code-wrap{background:#f2f5f1;border-radius:8px;align-items:center;gap:12px;margin:24px 0 21px;padding:14px;display:flex}.room-code-wrap span{color:#9ca8a0;font-size:10px}.room-code-wrap strong{color:#315745;letter-spacing:.19em;font:700 20px var(--serif);flex:1}.room-code-wrap button{color:#648776;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.choice-row{gap:7px;display:flex}.choice-row button{background:#fff;border:1px solid #dfe6e0;padding:9px 13px}.choice-row .choice-active{border-color:#83a38c}.difficulty-list{gap:8px;margin:24px 0 20px;display:grid}.difficulty-item{text-align:left;background:#fff;border:1px solid #e4e9e5;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;display:flex}.difficulty-item:hover{border-color:#a8c1ae}.difficulty-active{background:#f1f7f2;border-color:#7ea48a;box-shadow:inset 3px 0 #6b9679}.difficulty-icon{color:#4f7d65;background:#e8eee8;border-radius:7px;place-items:center;width:28px;height:28px;font-size:17px;display:grid}.difficulty-item>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.difficulty-item strong{color:#3d5e4d;font:600 12px var(--serif)}.difficulty-item small{color:#9ca89f;font-size:9px}.difficulty-item i{color:#5d966f;margin-left:auto;font-size:15px;font-style:normal}.toast{z-index:30;color:#edf5ef;background:#284d40;border:1px solid #628a75;border-radius:20px;align-items:center;gap:8px;padding:11px 17px;font-size:11px;animation:.25s ease-out rise;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 9px 25px #1e3f332b}.toast span{color:#dfb06c}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=960px){.sidebar{flex-basis:190px;width:190px}.hero-grid,.lower-grid{grid-template-columns:1fr}.quick-panel{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.quick-panel .section-label,.quick-note{grid-column:1/-1}.quick-action{border-bottom:0}.side-stack{grid-template-columns:1fr 1fr;display:grid}.matches-card{min-width:0}}@media (width<=700px){.app-shell{display:block}.sidebar{border-bottom:1px solid #dfe5e0;border-right:0;width:100%;height:auto;min-height:auto;padding:17px 16px 13px}.brand-lockup{padding:0 4px}.profile-mini,.quote-card,.sidebar-bottom{display:none}.side-nav{flex-direction:row;gap:2px;margin-top:18px}.nav-eyebrow{display:none}.nav-item{padding:9px 11px;font-size:11px}.nav-item .app-icon{font-size:15px}.content-area{width:100%}.topbar{height:62px;padding:0 20px}.breadcrumb{font-size:10px}.top-avatar span{display:none}.content-scroll{padding:30px 18px 20px}.page-intro{margin-bottom:23px}.page-intro h1{font-size:30px}.page-intro p{font-size:12px}.intro-date{display:none}.hero-card{min-height:300px}.hero-text{padding:27px 0 25px 25px}.hero-card h2{font-size:30px}.hero-board-wrap{opacity:.55;width:55%;position:absolute;right:-34px}.quick-panel{padding:20px;display:block}.quick-action{padding:15px 0}.lower-grid{margin-top:14px}.board-card{padding:20px 16px 15px}.board-tools{gap:8px}.board-tools button{display:none}.board-footer{display:block}.board-hint{margin-top:9px;display:block}.side-stack{grid-template-columns:1fr}.content-footer{flex-direction:column;gap:10px}.modal{padding:32px 24px 26px}.friends-banner{padding:26px}.friend-illustration{opacity:.4;width:50%;position:absolute;right:-25px}.history-summary{gap:8px}.history-summary>div{padding:15px 12px}.history-summary strong{font-size:25px}.history-row{gap:8px}.history-date{width:29px}.review-button{display:none}}.quick-join{color:#735e8c;background:#e9e4f0;font-size:16px}.capture-count{color:#d1a568;text-align:center;letter-spacing:.04em;margin-top:8px;font-size:11px}.default-avatar-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-avatar-choice{background:#f0f3ef;border:2px solid #0000;border-radius:11px;width:42px;height:42px;padding:2px;overflow:hidden}.profile-avatar-choice img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.profile-avatar-choice:hover{border-color:#a9c4ae}.profile-avatar-selected{border-color:#6c9878;box-shadow:0 0 0 2px #dcebe0}.default-avatar-list .upload-button{padding:8px 10px}.profile-edit-area .default-note{grid-column:1/-1;margin-top:2px}.room-panel{background:#fbfbf8;border:1px solid #e6e8e5;border-radius:16px;min-height:310px;padding:27px 24px}.room-panel h3{color:#34463f;font:500 20px var(--serif);margin:19px 0 10px}.room-panel p{color:#98a39d;font:13px/1.7 var(--serif);max-width:250px;margin:0 0 24px}.wide-button{justify-content:space-between;align-items:center;width:100%;padding:11px 13px;display:flex}.text-button{color:#6e907c;background:0 0;border:0;padding:16px 0 0;font-size:10px}.empty-page{text-align:center;background:#fbfcf9;border:1px dashed #dce4de;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.empty-symbol{color:#6c957c;background:#e6eee8;border-radius:50%;place-items:center;width:54px;height:54px;font-size:31px;display:grid}.empty-page h2{color:#3e584b;font:400 24px var(--serif);margin:20px 0 7px}.empty-page p{color:#9da8a1;font:13px var(--serif);margin:0 0 20px}.room-tabs{background:#f0f4f0;border-radius:7px;grid-template-columns:1fr 1fr;margin:23px 0 19px;padding:3px;display:grid}.room-tabs button{color:#9aa69f;background:0 0;border:0;border-radius:5px;padding:9px;font-size:10px}.room-tabs .room-tab-active{color:#4d775f;background:#fff;font-weight:700;box-shadow:0 2px 7px #30503b10}.room-explain{background:#f2f6f2;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.room-large-icon{color:#5d8b6d;background:#dcebe0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:22px;display:grid}.room-explain div{flex-direction:column;gap:4px;display:flex}.room-explain strong{color:#45624f;font:600 12px var(--serif)}.room-explain small{color:#9eaaa2;font-size:9px}.game-screen{z-index:50;color:#eff4ee;background:#182923;flex-direction:column;min-height:100vh;display:flex;position:fixed;inset:0}.game-topbar{border-bottom:1px solid #ffffff12;flex:0 0 72px;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex}.game-brand{align-items:center;gap:11px;display:flex}.game-brand .brand-mark{box-shadow:none}.game-brand strong{font:700 18px var(--serif);letter-spacing:.04em}.game-mode-label{color:#9fb6a7;border-left:1px solid #ffffff26;margin-left:6px;padding-left:17px;font-size:10px}.game-room-meta{color:#a8bdb0;align-items:center;gap:20px;font-size:10px;display:flex}.game-room-meta b{color:#e5c080;letter-spacing:.14em;margin-left:6px}.game-room-meta button{color:#a8bdb0;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:inline-flex}.game-room-meta .exit-game{color:#d6e0d8;border:1px solid #ffffff20;border-radius:6px;padding:9px 13px}.game-layout{flex:1;grid-template-columns:minmax(190px,1fr) minmax(400px,1.8fr) minmax(190px,1fr);align-items:center;gap:25px;min-height:0;padding:22px 4vw 30px;display:grid}.game-side{align-self:center}.player-side{width:100%;max-width:220px}.game-player-card{background:#243d33;border-radius:10px;align-items:center;gap:11px;padding:15px 14px;display:flex;position:relative}.game-player-card .avatar{flex-basis:46px;width:46px;height:46px}.game-player-card>div{flex-direction:column;gap:4px;min-width:0;display:flex}.game-player-card strong{font:600 13px var(--serif);color:#eef3ed}.game-player-card span{color:#9eb5a6;font-size:9px}.game-player-card>i{background:#3f5a4c;border-radius:50%;width:8px;height:8px;margin-left:auto}.game-player-card>i.active-turn{background:#d0a25c;box-shadow:0 0 0 4px #d0a25c20}.game-score{color:#94ac9d;text-align:center;font:italic 12px var(--serif);margin-top:15px}.fullscreen-board-wrap{flex-direction:column;align-items:center;width:min(100%,680px);min-height:0;margin:0 auto;display:flex}.fullscreen-board-stage{aspect-ratio:1;background:#6f4d2f;width:min(75vh,620px,100%);padding:12px;box-shadow:0 20px 50px #08160f70}.fullscreen-board-stage .go-board{width:100%;height:100%}.game-status{color:#b8d2bf;background:#254638;border:1px solid #6e987d55;border-radius:20px;align-items:center;gap:7px;margin-bottom:13px;padding:8px 14px;font-size:10px;display:flex}.game-status .status-dot{background:#85b18d}.waiting-status{color:#e3c68e;background:#59472e;border-color:#c18e4a55}.game-controls{color:#8fa798;justify-content:space-between;width:min(75vh,620px,100%);padding-top:15px;font-size:10px;display:flex}.game-controls button{color:#9eb4a5;background:0 0;border:0;font-size:10px}.game-controls button:hover{color:#e4c180}@media (width<=850px){.game-topbar{flex-basis:62px;height:62px;padding:0 16px}.game-mode-label,.game-room-meta>span,.game-room-meta>button:not(.exit-game){display:none}.game-layout{grid-template-columns:1fr;align-content:center;gap:12px;padding:15px 17px 20px}.fullscreen-board-wrap{order:1;width:100%}.black-side{order:2}.white-side{order:3}.player-side{max-width:100%}.game-player-card{padding:8px 10px}.game-score{display:none}.fullscreen-board-stage,.game-controls{width:min(87vw,620px)}.game-status{margin-bottom:8px}}.go-board{background:repeating-linear-gradient(90deg,#ffffff12 0 2px,#0000 2px 31px),linear-gradient(115deg,#edcf91 0%,#d9ae67 48%,#e8c782 100%);border:1px solid #5f452b;border-radius:0;padding:14px;box-shadow:inset 0 0 0 2px #c39655,inset 0 0 18px #8c632c30,0 10px 18px #714c281f}.star-dot{background:#5a432a;width:6px;height:6px}.stone{width:86%;height:86%;box-shadow:none}.stone-black{background:radial-gradient(circle at 33% 25%,#566063 0%,#152322 47%,#07100e 100%)}.stone-white{background:radial-gradient(circle at 33% 24%,#fff 0%,#e2e7e0 58%,#aab5ad 100%)}.last-move-mark{background:#f6f2e8;border-radius:50%;width:9px;height:9px;display:block}.stone-white .last-move-mark{background:#25332f}.fullscreen-board-stage{background:#987344;padding:10px;box-shadow:0 20px 50px #08160f70,inset 0 0 0 1px #d2aa69}.go-board{padding:0;display:block}.go-board:before{background:repeating-linear-gradient(90deg, transparent 0 calc(var(--line-step) - 1px), #4b3b2b9c calc(var(--line-step) - 1px) var(--line-step)), repeating-linear-gradient(0deg, transparent 0 calc(var(--line-step) - 1px), #4b3b2b9c calc(var(--line-step) - 1px) var(--line-step));inset:14px}.board-point{left:calc(14px + var(--x) * (100% - 28px));top:calc(14px + var(--y) * (100% - 28px));width:calc((100% - 28px) / var(--board-size));height:calc((100% - 28px) / var(--board-size));position:absolute;transform:translate(-50%,-50%)}.result-modal{text-align:center;width:min(100%,430px)}.result-modal h2{margin-bottom:8px;font-size:34px}.final-score{background:#f0f5f0;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:27px;padding:20px 12px;display:grid}.final-score>div{flex-direction:column;gap:5px;display:flex}.final-score span{color:#71867a;font-size:10px}.final-score strong{color:#2f5d46;font:700 26px var(--serif)}.final-score small{color:#9ba99f;font-size:9px;line-height:1.4}.final-score>b{color:#bdc8bf;font:20px var(--serif)}.score-margin{color:#bd8543;font:12px var(--serif);margin:18px 0 0}.result-modal .full-button{text-align:left;margin-top:19px}.stone{box-shadow:none}.history-page{min-height:430px}.history-list-card{padding-bottom:13px}.history-list-card .card-heading h3{margin-bottom:19px}.history-row .match-person strong{font-size:12px}.history-row .match-person span{font-size:10px}.review-button:hover{color:#547f65}.review-button .icon-arrow{font-size:13px}.replay-modal{width:min(100%,580px);padding:32px 34px 27px}.replay-modal h2{margin-top:12px;font-size:25px}.replay-board-stage{aspect-ratio:1;background:#987344;width:min(100%,430px);margin:21px auto 17px;padding:8px;box-shadow:inset 0 0 0 1px #d2aa69,0 10px 24px #233c3028}.replay-board-stage .go-board{width:100%;height:100%}.replay-controls{color:#8b9a91;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.replay-controls>div{gap:7px;display:flex}.replay-controls button{color:#5b8069;background:#fff;border:1px solid #dce5de;border-radius:6px;padding:7px 10px;font-size:10px}.replay-controls button:hover:not(:disabled){background:#eef5ef}.replay-controls button:disabled{cursor:default;opacity:.42}.stone-last{animation:.32s cubic-bezier(.2,.8,.2,1) stone-drop}.capture-pulse{color:#f1ca82;animation:.65s ease-out capture-flash}.result-backdrop{animation:.45s ease-out result-wash}.result-modal{animation:.46s cubic-bezier(.2,.8,.2,1) result-pop}.nine-lead-note{color:#b47d3e;background:#fff5e3;border-radius:7px;margin-top:12px;padding:9px 11px;font-size:10px}@keyframes stone-drop{0%{opacity:0;transform:scale(.35)translateY(-7px)}65%{transform:scale(1.08)translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes capture-flash{0%{text-shadow:0 0 #0000;transform:scale(1)}45%{text-shadow:0 0 14px #e2ad5b;transform:scale(1.16)}to{text-shadow:0 0 #0000;transform:scale(1)}}@keyframes result-wash{0%{background:#1f302b00}to{background:#1f302b99}}@keyframes result-pop{0%{opacity:0;transform:translateY(20px)scale(.88)}70%{transform:translateY(-3px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.replay-modal{padding:30px 18px 20px}.replay-controls{flex-direction:column;align-items:flex-start}.replay-controls>div{width:100%}.replay-controls button{flex:1}.history-row .review-button{display:flex}}
