:root{font-family:Nunito,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#24364a;background:#f7f8ed;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #31a8e0;--blue-dark: #1476ae;--pink: #f06f9b;--pink-dark: #bd3e70;--yellow: #ffd447;--green: #87bd69;--ink: #24364a;--paper: #fffdf4;--line: #d6dfd0}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 10%,rgba(255,215,73,.25) 0 90px,transparent 92px),radial-gradient(circle at 91% 82%,rgba(74,173,223,.17) 0 150px,transparent 152px),linear-gradient(135deg,#fbf8e8,#f1faed 45%,#eef8fb)}button,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:4px solid rgba(255,190,53,.62);outline-offset:3px}button{color:inherit}.setup-shell,.game-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:24px 30px 32px}.setup-header,.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:16px 22px;border:2px solid rgba(255,255,255,.9);border-radius:30px;background:#ffffffd6;box-shadow:0 18px 45px #47583e1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-link{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#48664b;font-weight:900;text-decoration:none}.home-link svg{font-size:23px}.title-lockup{text-align:center}.title-lockup p,.game-brand p{margin:0;color:#4f9460;font-size:13px;font-weight:900;letter-spacing:.12em}.title-lockup h1{margin:2px 0 3px;color:#26384d;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:.04em}.title-lockup>span{color:#69788a;font-size:14px;font-weight:700}.mode-switch{justify-self:end;display:flex;gap:5px;padding:5px;border-radius:18px;background:#edf1e8}.mode-switch a{padding:10px 14px;border-radius:14px;color:#60706a;font-size:14px;font-weight:900;text-decoration:none}.mode-switch a.active{color:#fff;background:linear-gradient(135deg,#56b9df,#388fca);box-shadow:0 6px 14px #318ec542}.setup-content{display:grid;grid-template-columns:minmax(500px,1.04fr) minmax(390px,.82fr);gap:24px;margin-top:24px}.preview-panel,.mission-panel,.board-stage,.score-sidebar{border:2px solid rgba(255,255,255,.86);background:#ffffffc4;box-shadow:0 20px 52px #485b431f}.preview-panel{display:flex;flex-direction:column;align-items:center;min-height:min(680px,calc(100vh - 190px));padding:24px 30px 20px;border-radius:34px}.preview-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:15px}.preview-heading div{display:grid;gap:2px}.preview-heading span{color:#59905d;font-size:13px;font-weight:900;letter-spacing:.1em}.preview-heading strong{font-size:20px}.preview-heading button,.game-actions button,.rules-button,.start-button,.result-actions button,.primary-dialog-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer;font-weight:900}.preview-heading button{padding:10px 15px;border-radius:14px;color:#37744a;background:#e7f4df}.preview-note{display:flex;align-items:center;gap:7px;margin:16px 0 0;color:#617164;font-size:14px;font-weight:800}.preview-note svg{color:#efb62c}.mission-panel{display:flex;flex-direction:column;padding:24px;border-radius:34px}.matchup{display:grid;grid-template-columns:1fr 1fr;gap:12px}.starter-choice{display:grid;grid-template-columns:minmax(118px,.75fr) minmax(0,1.25fr);gap:10px;align-items:center;margin-top:12px;padding:11px 12px;border:2px solid #f1dea0;border-radius:19px;background:#fff9dc}.starter-choice>div:first-child{display:grid;gap:1px}.starter-choice span{color:#9a7720;font-size:10px;font-weight:900;letter-spacing:.06em}.starter-choice strong{color:#493f2a;font-size:14px}.starter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.starter-buttons button{min-height:40px;padding:7px 9px;border:2px solid transparent;border-radius:13px;color:#65716c;background:#ffffffd1;cursor:pointer;font-size:12px;font-weight:900}.starter-buttons button.selected{border-color:#efb834;color:#754f00;background:#ffe58a;box-shadow:0 5px 12px #af7e122b}.setup-player{position:relative;display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px;border:2px solid #e4ebdf;border-radius:22px;background:#fffef8}.setup-player img{grid-row:1 / 3;width:60px;height:60px;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 5px 12px #2e443d2e}.setup-player strong{display:flex;flex-wrap:wrap;align-items:center;gap:5px;align-self:end;font-size:16px}.starter-badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;color:#7d5b08;background:#fff0a6;font-size:10px;font-style:normal;font-weight:900;line-height:1;white-space:nowrap}.setup-player>span{align-self:start;color:#7d897c;font-size:12px;font-weight:700}.setup-player em{position:absolute;z-index:2;top:26px;right:-20px;display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:50%;color:#fff;background:#364b58;font-size:10px;font-style:normal;font-weight:900}.mission-copy{margin:20px 2px 12px}.mission-copy p,.eyebrow{margin:0 0 4px;color:#e05a87;font-size:13px;font-weight:900;letter-spacing:.1em}.mission-copy h2{margin:0;font-size:clamp(22px,2.6vw,31px);line-height:1.22}.quick-rules{display:grid;gap:9px}.quick-rules article{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:17px;background:#f3f6ee}.quick-rules article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8bc46f,#5ba467);box-shadow:0 5px 10px #529b5933}.quick-rules article span{color:#687568;font-size:13px;line-height:1.35}.quick-rules article strong{display:block;margin-bottom:1px;color:#293b4b;font-size:15px}.setup-actions{display:grid;grid-template-columns:.8fr 1.25fr;gap:10px;margin-top:auto;padding-top:18px}.rules-button,.start-button{min-height:54px;border-radius:18px}.rules-button{color:#486263;background:#edf2ec}.start-button{color:#fff;background:linear-gradient(135deg,#f083a6,#df4f80);box-shadow:0 10px 22px #dd4c7e47}.dots-board{position:relative;display:grid;grid-template-columns:22px repeat(3,minmax(72px,1fr) 22px);grid-template-rows:22px repeat(3,minmax(72px,1fr) 22px);width:min(64vh,620px,100%);aspect-ratio:1;padding:38px;border:12px solid #c7884a;border-radius:34px;background:linear-gradient(#ffffff59,#ffffff59),repeating-linear-gradient(0deg,transparent 0 29px,rgba(55,143,183,.08) 30px),#f9edcb;box-shadow:inset 0 0 0 4px #f2ba6d,inset 0 0 22px #69462433,0 18px 30px #4f47312e}.dots-board.preview{width:min(56vh,540px,100%);flex:1}.score-box{z-index:1;display:grid;place-items:center;align-content:center;gap:1px;margin:6px;border:2px dashed rgba(79,106,99,.22);border-radius:21px;color:#253744;background:#fffff7a8;transition:transform .18s ease,background .18s ease}.score-box>span{display:grid;place-items:center;width:clamp(42px,5vw,58px);height:clamp(42px,5vw,58px);border-radius:50%;font-size:clamp(24px,3.5vw,38px);font-weight:1000;line-height:1}.score-box small{font-size:10px;font-weight:900;letter-spacing:.08em}.score-box.claimed{border-style:solid;color:#fff}.score-box.claimed.player-0{border-color:#8dd4f2;background:linear-gradient(145deg,#49b3e1e0,#2384beed)}.score-box.claimed.player-1{border-color:#f5a6c1;background:linear-gradient(145deg,#f57da4e0,#cd4073ed)}.score-box.just-claimed{animation:box-pop .43s ease both}@keyframes box-pop{0%{transform:scale(.78) rotate(-3deg)}65%{transform:scale(1.06) rotate(1deg)}to{transform:scale(1)}}.edge-button{position:relative;z-index:4;align-self:stretch;justify-self:stretch;min-width:0;min-height:0;padding:0;border:0;background:transparent;cursor:pointer}.edge-button.horizontal{align-self:center;min-height:34px}.edge-button.vertical{justify-self:center;min-width:34px}.edge-button:before{position:absolute;inset:50% auto auto 50%;display:block;border-radius:999px;background:#c8d1c5;content:"";transform:translate(-50%,-50%);transition:width .15s ease,height .15s ease,background .15s ease,box-shadow .15s ease}.edge-button.horizontal:before{width:calc(100% + 12px);height:8px}.edge-button.vertical:before{width:8px;height:calc(100% + 12px)}.edge-button.available:not(:disabled):hover:before,.edge-button.available:not(:disabled):focus-visible:before{background:#8fcf80;box-shadow:0 0 0 8px #89c77233}.edge-button.hinted:before{background:#62bb58;box-shadow:0 0 0 9px #63be563d,0 0 22px #4b9f3e94;animation:hint-line-pulse 1.05s ease-in-out infinite alternate}.edge-button.hinted.horizontal:before{height:12px}.edge-button.hinted.vertical:before{width:12px}.hint-badge{position:absolute;z-index:12;left:50%;bottom:calc(50% + 13px);padding:4px 7px;border:2px solid #fff;border-radius:999px;color:#fff;background:#3d9841;box-shadow:0 4px 10px #2a672a47;font-size:9px;font-weight:900;line-height:1;white-space:nowrap;transform:translate(-50%)}.edge-button.vertical .hint-badge{bottom:auto;left:calc(50% + 13px);top:50%;transform:translateY(-50%)}@keyframes hint-line-pulse{0%{filter:brightness(.96)}to{filter:brightness(1.18)}}.edge-button.claimed.player-0:before{background:var(--blue);box-shadow:0 2px 5px #0c669752}.edge-button.claimed.player-1:before{background:var(--pink);box-shadow:0 2px 5px #a628594d}.edge-button.claimed.horizontal:before{height:12px}.edge-button.claimed.vertical:before{width:12px}.edge-button.last-edge:after{position:absolute;z-index:7;top:50%;left:50%;width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:var(--yellow);box-shadow:0 2px 7px #5f460066;content:"";transform:translate(-50%,-50%)}.board-dot{z-index:8;align-self:center;justify-self:center;width:22px;height:22px;border:4px solid #fff5dc;border-radius:50%;background:#263541;box-shadow:0 3px 7px #19293361}.game-header{grid-template-columns:minmax(210px,.7fr) minmax(300px,1fr) auto;padding:10px 16px}.game-brand{display:flex;align-items:center;gap:10px}.game-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#e3f2df}.game-brand h1{margin:0;font-size:25px;line-height:1}.turn-banner{min-height:44px;padding:11px 18px;border-radius:16px;color:#b7466e;background:#fff0f4;text-align:center}.game-actions{display:flex;gap:6px}.game-actions button{flex-direction:column;min-width:58px;min-height:54px;padding:7px 9px;border-radius:16px;color:#53686b;background:#eff3ee;font-size:11px}.game-actions button svg{font-size:20px}.game-actions button:disabled{opacity:.4;cursor:not-allowed}.game-content{display:grid;grid-template-columns:minmax(580px,1.25fr) minmax(340px,.7fr);gap:22px;margin-top:20px}.board-stage{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 128px);padding:17px 26px 14px;border-radius:30px}.board-caption{display:flex;justify-content:space-between;width:min(64vh,620px,100%);margin-bottom:10px;color:#697467;font-size:13px;font-weight:800}.board-caption b{color:#34734c}.color-key{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:13px;color:#65716c;font-size:12px;font-weight:800}.color-key span{display:flex;align-items:center;gap:6px}.color-key i{display:inline-block;width:25px;height:7px;border-radius:99px}.color-key i.blue{background:var(--blue)}.color-key i.pink{background:var(--pink)}.color-key i.hint{background:#62bb58;box-shadow:0 0 0 4px #63be562b}.color-key i.yellow{width:12px;height:12px;border:2px solid #fff;background:var(--yellow);box-shadow:0 1px 4px #977a21}.score-sidebar{display:flex;flex-direction:column;gap:13px;min-height:calc(100vh - 128px);padding:18px;border-radius:30px}.scoreboard{display:grid;gap:10px}.score-card{display:grid;grid-template-columns:66px 1fr auto;gap:12px;align-items:center;min-height:90px;padding:10px 14px;border:3px solid transparent;border-radius:23px;background:#fffef9;transition:border .16s ease,transform .16s ease}.score-card.active{transform:translate(-3px)}.score-card.blue.active{border-color:#69c2ea}.score-card.pink.active{border-color:#f28eb0}.score-avatar{position:relative}.score-avatar img{display:block;width:64px;height:64px;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 5px 13px #30444130}.score-avatar span{position:absolute;right:-3px;bottom:-1px;display:grid;place-items:center;width:25px;height:25px;border:3px solid #fff;border-radius:50%;color:#fff;font-size:10px;font-weight:900}.blue .score-avatar span{background:var(--blue)}.pink .score-avatar span{background:var(--pink)}.score-player-copy{display:grid;gap:4px}.score-player-copy strong{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:19px}.score-player-copy small{color:#829087;font-size:12px;font-weight:800}.score-total{display:flex;align-items:baseline;gap:3px;min-width:78px;padding:7px 10px;border-radius:18px;text-align:right}.blue .score-total{color:#1978ac;background:#e5f6fd}.pink .score-total{color:#bc3f6c;background:#fff0f5}.score-total b{flex:1;font-size:39px;line-height:1}.score-total span{font-size:13px;font-weight:900}.coach-card{display:grid;grid-template-columns:76px 1fr;gap:13px;align-items:center;padding:13px 15px;border:3px solid #fff;border-radius:25px;background:linear-gradient(135deg,#fff3f8,#edf8ff);box-shadow:0 10px 23px #3c5a661a}.coach-card img{width:74px;height:74px;border:4px solid #eb78ac;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 3px #fff}.coach-card p{margin:0 0 5px;color:#c14375;font-size:15px;font-weight:900}.coach-card p span{margin-left:5px;padding:4px 7px;border-radius:8px;color:#7d6426;background:#ffe59a;font-size:10px}.coach-card strong{display:block;color:#354b5b;font-size:16px;line-height:1.4}.hint-button{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:8px 11px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#68bd58,#3e984a);box-shadow:0 6px 13px #3d8d4233;cursor:pointer;font-size:12px;font-weight:900}.hint-button:disabled{opacity:.48;cursor:not-allowed}.mini-rule{margin-top:auto;padding:17px;border:2px solid #e2eadb;border-radius:23px;background:#fbfcf5}.mini-rule>b{color:#4b8052;font-size:15px}.mini-rule p{margin:6px 0 12px;color:#69786b;font-size:13px;line-height:1.45}.mini-rule div{display:flex;align-items:center;justify-content:space-between}.mini-rule div span{padding:7px 10px;border-radius:12px;color:#385c46;background:#e6f2df;font-size:12px;font-weight:900}.mini-rule em{color:#e09638;font-style:normal;font-weight:900}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1f303b8f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rules-dialog,.result-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:28px;border:5px solid #fff;border-radius:30px;background:#fffdf5;box-shadow:0 28px 80px #14232b4d}.rules-dialog h2,.result-dialog h2{margin:0 0 18px;font-size:31px}.close-button{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#eef1eb;cursor:pointer}.rule-example{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:14px;border-radius:18px;background:#fff3d1}.example-line{display:inline-block;width:44px;height:9px;border-radius:99px}.example-line.blue{background:var(--blue)}.example-line.pink{background:var(--pink)}.example-plus{font-weight:1000}.rule-example strong{font-size:13px}.variant-note{margin:13px 0 18px;color:#67746c;font-size:13px;line-height:1.55}.primary-dialog-button{width:100%;min-height:50px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#71b763,#4b9663)}.result-dialog{width:min(520px,100%);text-align:center}.result-characters{position:relative;display:inline-block}.result-characters img{width:110px;height:110px;border:6px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 10px 26px #344b4338}.result-characters span{position:absolute;right:-16px;bottom:0;font-size:50px}.result-dialog .eyebrow{margin-top:12px}.result-dialog h2{margin-bottom:8px}.result-dialog>p:not(.eyebrow){color:#67746e;line-height:1.5}.result-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-top:20px}.result-actions button{min-height:50px;border-radius:16px;color:#4f6764;background:#edf1ed}.result-actions button.primary{color:#fff;background:linear-gradient(135deg,#f184a7,#db4d7d)}@media(max-width:1080px){.setup-content,.game-content{grid-template-columns:1fr}.preview-panel{min-height:620px}.game-content{grid-template-columns:minmax(520px,1fr) minmax(310px,.62fr)}.game-shell{padding-inline:16px}.dots-board{width:min(60vw,610px)}}@media(max-width:850px){.setup-header,.game-header{grid-template-columns:1fr;justify-items:center}.home-link,.mode-switch{justify-self:center}.game-header{grid-template-columns:auto 1fr}.turn-banner{grid-column:1 / 3;grid-row:2;width:100%}.game-actions{justify-self:end}.game-content{grid-template-columns:1fr}.board-stage,.score-sidebar{min-height:auto}.dots-board{width:min(75vw,600px)}.score-sidebar{display:grid;grid-template-columns:1fr 1fr}.scoreboard,.mini-rule,.coach-card{grid-column:1 / 3}}@media(max-width:620px){.setup-shell,.game-shell{padding:10px}.setup-header,.game-header{border-radius:22px}.setup-content,.game-content{margin-top:10px;gap:10px}.preview-panel,.mission-panel,.board-stage,.score-sidebar{border-radius:23px}.preview-panel{min-height:auto;padding:16px 10px}.preview-heading{padding-inline:6px}.preview-heading strong{font-size:16px}.mission-panel{padding:15px}.matchup{grid-template-columns:1fr 1fr}.setup-player{grid-template-columns:44px 1fr;column-gap:8px;padding:8px}.setup-player img{width:44px;height:44px}.setup-player em{top:15px}.dots-board,.dots-board.preview{grid-template-columns:16px repeat(3,minmax(56px,1fr) 16px);grid-template-rows:16px repeat(3,minmax(56px,1fr) 16px);width:100%;padding:24px;border-width:8px;border-radius:25px}.board-dot{width:17px;height:17px;border-width:3px}.score-box{margin:3px;border-radius:14px}.score-box>span{width:38px;height:38px;font-size:25px}.game-header{grid-template-columns:1fr;padding:10px}.game-brand{justify-self:center}.game-actions{grid-row:3;justify-self:center;width:100%}.game-actions button{flex:1;min-width:0}.turn-banner{grid-column:1;grid-row:2}.board-stage{padding:12px 8px}.board-caption{padding-inline:5px}.score-sidebar{display:flex;padding:12px}.score-card{grid-template-columns:52px 1fr auto;min-height:74px;padding:8px 10px}.score-avatar img{width:50px;height:50px}.score-total{min-width:68px}.score-total b{font-size:32px}.coach-card{grid-template-columns:62px 1fr}.coach-card img{width:60px;height:60px}.setup-actions,.result-actions{grid-template-columns:1fr 1fr}}@media(max-height:760px)and (min-width:851px){.setup-shell{padding-block:12px}.setup-header{padding-block:9px}.title-lockup h1{font-size:38px}.setup-content{margin-top:12px}.preview-panel,.mission-panel{padding-block:14px}.setup-player{grid-template-columns:50px 1fr;padding-block:8px}.setup-player img{width:50px;height:50px}.setup-player em{top:20px}.mission-copy{margin-block:7px 5px}.starter-choice{margin-top:7px;padding-block:7px}.starter-buttons button{min-height:34px}.mission-copy h2{font-size:24px}.quick-rules{gap:5px}.quick-rules article{grid-template-columns:30px 1fr;padding-block:6px}.quick-rules article>b{width:29px;height:29px}.quick-rules article strong{font-size:13px}.setup-actions{padding-top:9px}.rules-button,.start-button{min-height:46px}.game-shell{padding-block:12px}.game-content{margin-top:10px}.board-stage,.score-sidebar{min-height:calc(100vh - 100px)}.dots-board{width:min(68vh,570px)}}