:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#343932;background:#f7f4ed;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid #e0ded5;background:#fffdf8;border-radius:12px;padding:12px 15px;color:inherit}button:hover{background:#f0eee5}button:focus-visible,a:focus-visible{outline:3px solid #799176;outline-offset:4px}button:disabled{opacity:.38;cursor:default}.site-header{height:92px;border-bottom:1px solid #e6e2d8;display:flex;align-items:center;justify-content:space-between;padding:0 5.8%;gap:20px}.brand{font-weight:800;display:flex;align-items:center;gap:11px;font-size:20px}.brand-icon{font-size:35px;color:#df6a46}.brand-en{font-size:10px;font-weight:500;letter-spacing:2px;border-left:1px solid #d3d4c8;padding-left:16px;margin-left:8px}.header-note{font-size:13px;color:#8b8f81}.quiet{border:0;background:transparent;font-size:13px}.quiet span{margin-left:12px}.game-page{max-width:1260px;margin:auto;padding:28px 40px 0}.back{font-size:12px;color:#828779}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:#86927e;font-weight:600}h1{font-size:44px;letter-spacing:1px;margin:7px 0 9px;line-height:1.3}h2{font-size:24px;margin:12px 0}.title-mark{display:inline-block;font-size:35px;color:#df6a46;margin-left:16px;transform:rotate(12deg)}.page-heading p{margin:0;color:#939487;font-size:13px}.pill{font-size:12px;border:1px solid #dce0d1;background:#edf0e5;padding:9px 15px;border-radius:30px;color:#738168}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.board-card{background:#fffdf8;border:1px solid #e7e1d5;border-radius:24px;padding:23px 30px 19px;box-shadow:0 6px 20px #45452204}.board-top{display:flex;justify-content:space-between;color:#939384;font-size:11px;letter-spacing:.5px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#94a37b;margin-right:7px}.board{display:block;width:100%;max-height:590px;margin:0 auto}.peg{cursor:pointer;outline:none}.peg:hover circle:last-child,.peg:focus-visible circle:last-child{fill:#fff;stroke:#ffe396;stroke-width:5}.board-hint{text-align:center;color:#939488;font-size:12px}.board-hint span{margin-right:7px;color:#aaae96}.turn-card{background:#fffdf8;border:1px solid #e7e1d5;border-radius:21px;padding:24px}.turn-card h2{font-size:23px;margin:10px 0}.turn-card h2 span{margin-left:5px}.turn-card>p{font-size:11px;color:#929285;margin-bottom:22px}.player-list{display:flex;flex-direction:column;gap:9px}.player-row{display:flex;align-items:center;padding:13px 11px;border:1px solid #e8e6df;border-radius:12px;gap:11px;font-size:13px}.player-row.active{background:#f4eef7;border-color:#ceb9db}.piece-icon{width:24px;height:24px;flex-shrink:0}.mobile-turn{display:none}.player-row small{display:block;font-size:9px;color:#99998d;margin-top:3px}.player-row strong{margin-left:auto;font-size:22px;font-weight:600}.player-row strong small{display:inline;font-weight:400}.turn-label{font-size:9px;color:#9464aa;background:#e9dcef;padding:4px 6px;border-radius:5px;margin-left:auto}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#959585;margin-top:24px}.progress-label strong{color:#757e68}.progress{height:5px;background:#eeeee3;border-radius:5px;margin-top:10px;overflow:hidden}.progress span{height:100%;display:block;background:#93a482;transition:width .3s}.notice{display:flex;align-items:center;gap:10px;min-height:72px;font-size:12px;padding:8px 9px;line-height:1.9;color:#89917d}.notice>span{color:#cd9d52;font-size:22px}.notice p{margin:0}.actions{display:flex;gap:10px}.actions button{font-size:11px;flex:1;padding:12px 7px}.tip{border-top:1px dashed #dcded0;margin-top:24px;padding:22px 9px}.tip>span{font-size:11px;color:#8e987e;background:#eaeedf;padding:4px 9px;border-radius:5px}.tip p{font-size:11px;line-height:2;color:#949887;margin:12px 0}footer{font-size:10px;color:#a1a391;padding:25px 0;display:flex;justify-content:space-between;letter-spacing:1px}footer span{font-size:22px;color:#b7bea4}.primary{width:100%;background:#758567;color:#fff;border-color:#758567;font-weight:600;margin-top:18px}.primary:hover{background:#637456}.home{max-width:1040px;margin:70px auto;padding:0 35px}.home h1{font-size:64px;margin-top:16px}.orange{color:#de6a47}.intro{color:#939487;font-size:15px}.game-card{margin-top:38px;display:grid;grid-template-columns:220px 1fr;max-width:650px;border:1px solid #e2ddcf;background:#fffdf8;border-radius:23px;overflow:hidden;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.mini-board{background:#cf4d42;margin:24px;aspect-ratio:1;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);display:flex;align-items:center;justify-content:center;color:#ffe4a6;font-size:45px;gap:0}.mini-board span:nth-child(2){color:#e2c4ea;transform:translateY(-26px)}.game-card>div:last-child{padding:33px 24px 28px 0}.tag{font-size:11px;color:#929c7f}.game-card h2{font-size:29px}.game-card p{font-size:13px;color:#8d9183}.game-card strong{display:block;margin-top:23px;font-size:13px;color:#758567}.game-card strong span{margin-left:70px}.home-foot{font-size:11px;color:#a1a391;margin-top:55px}.modal-backdrop{position:fixed;inset:0;background:#2b302a60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{position:relative;background:#fffdf8;border-radius:24px;width:450px;max-height:90dvh;overflow:auto;padding:34px;box-shadow:0 25px 70px #20282026}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;padding:0 8px}.modal>p{font-size:13px;color:#888d7c;line-height:1.8}.modal ol{padding-left:24px}.modal li{padding:8px 0 5px 5px;font-size:14px}.modal li::marker{color:#a082ac}.modal li p{font-size:12px;line-height:1.9;color:#878b7d}.modal .modal-note{background:#f2f0e7;padding:12px;border-radius:10px;font-size:11px}.player-choice{display:flex;gap:8px;margin:24px 0}.player-choice button{flex:1;font-size:20px;padding:16px 2px}.player-choice button span{display:block;font-size:9px;margin-top:8px;color:#8c8c80}.player-choice .chosen{background:#eff1e7;border-color:#899a75;color:#647652}.new-piece{animation:pop .4s ease-out;transform-box:fill-box;transform-origin:center}@keyframes pop{0%{opacity:.3;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@media(min-width:1400px){.game-page{padding-top:35px}.page-heading{margin:32px 0}}@media(max-width:850px){.brand-en,.header-note{display:none}.site-header{height:74px;padding:0 24px}.game-page{padding:22px 20px 0}.play-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.turn-card{padding:18px}.board-card{padding:20px 12px}.pill{display:none}.turn-card h2{font-size:19px}}@media(max-width:650px){.brand{font-size:18px}.page-heading{margin:22px 0}.page-heading h1{font-size:35px}.page-heading p{font-size:11px}.play-layout{display:flex;flex-direction:column}.board-card{border-radius:19px;padding:18px 10px}.board-top{padding:0 8px;font-size:10px}.board-hint{font-size:11px}.board{max-height:none}.turn-card{padding:20px}.player-list{display:grid;grid-template-columns:1fr 1fr}.player-row{padding:11px 8px;gap:8px}.turn-label{display:none}.turn-card>p{margin-bottom:15px}.tip{display:none}.notice{min-height:65px}.actions button{font-size:13px}.home{margin-top:45px;padding:0 24px}.home h1{font-size:48px}.game-card{grid-template-columns:130px 1fr}.mini-board{margin:18px 10px;font-size:30px;align-self:center}.game-card>div:last-child{padding:25px 15px 25px 5px}.game-card h2{font-size:25px}.game-card p{font-size:11px;line-height:1.8}.game-card strong span{margin-left:30px}.modal{padding:30px 23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:650px){.mobile-turn{display:block;text-align:center;font-size:13px;font-weight:600;color:#6b745f;margin:16px 0 0}.mobile-turn button{background:#758567;color:#fff;border:0}.board-top{font-size:11px}}.color-picker{border:0;padding:0;margin:18px 0;min-width:0}.color-picker legend{font-size:13px;font-weight:600;margin-bottom:9px}.color-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.color-swatch{width:28px;height:28px;min-width:28px;padding:0;border:1px solid #b5b0a6;border-radius:50%;font-size:16px}.color-swatch:hover{background:revert;transform:scale(1.08)}.color-swatch.chosen{outline:2px solid #74836b;outline-offset:2px}.custom-color{display:flex;align-items:center;gap:7px;font-size:11px;color:#737967;cursor:pointer}.custom-color input{width:32px;height:30px;padding:2px;background:#fffdf8;border:1px solid #b8bdaf;border-radius:6px;cursor:pointer}.appearance-preview{padding:15px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.appearance-preview>span{background:#fffdf8;color:#47483e;padding:5px 9px;border-radius:7px;font-size:11px}.appearance-preview>div{display:flex;gap:8px}.appearance-preview svg{width:33px;height:34px}.reset-colors{font-size:11px;padding:8px 12px}.modal .player-choice{margin:18px 0}.current-player-name{color:#343932}.player-row.active{background:#eef1e8;border-color:#a6b593}.turn-label{color:#637650;background:#e1e8d6}