@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";
:root{color:#61564e;font-synthesis:none;background:#fcf9f2;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 30%,#f9e9d955,#0000 45%),#fcf9f2;margin:0}button,input{font:inherit}button{cursor:pointer;transition:transform .16s,background .16s}button:hover:not(:disabled){transform:translateY(-2px)}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #8caa83}button:disabled{cursor:default}input{min-width:0}main{max-width:1250px;margin:auto;padding:0 40px}header{border-bottom:1px solid #e7dfd3;justify-content:space-between;align-items:center;height:94px;display:flex}.brand{color:#6b5c50;letter-spacing:-.7px;align-items:center;gap:6px;font-size:18px;text-decoration:none;display:flex}.brand>span{color:#bf8f81;margin-right:5px;font-size:29px}.brand b{color:#8a745f}nav{align-items:center;gap:18px;display:flex}.badge{color:#77855f;background:#eaf0df;border-radius:20px;padding:6px 10px;font-size:10px}.textButton{color:#918370;background:0 0;border:0;padding:6px 0;font-size:11px}.lobby{grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;min-height:730px;padding:50px 0;display:grid}.eyebrow{color:#a08d78;letter-spacing:1px;font-size:11px}.intro h1{letter-spacing:-2px;color:#605448;margin:24px 0 20px;font-size:48px;line-height:1.4}.intro h1 em{background:linear-gradient(#0000 64%,#f1ddbe 64%);font-style:normal}p{color:#9a8d80;font-size:13px;line-height:1.9}.intro>p{font-size:14px}.friends{background:#f4eddd;border-radius:50% 50% 25px 25px;justify-content:center;align-items:end;margin:30px 0 22px;padding:20px 8px;display:flex;position:relative}.friend{flex-direction:column;align-items:center;margin:0 -6px;display:flex;position:relative}.friend span{color:#a18b76;margin-top:4px;font-size:10px}.f1{transform:rotate(-7deg)}.f2{transform:translateY(-12px)}.f3{transform:rotate(7deg)}.spark{color:#b9b28a;font-style:normal;position:absolute}.s1{font-size:30px;top:25px;left:17px}.s2{color:#c79389;font-size:20px;top:8px;right:35px}.introChips{color:#a2937f;gap:18px;font-size:9px;display:flex}.entry{background:#fff;border:1px solid #e6ddce;border-radius:24px;padding:30px;box-shadow:0 12px 45px #8b725514}.entryTop{color:#a18a77;align-items:center;gap:14px;margin-bottom:22px;font-size:11px;line-height:1.8;display:flex}.entryTop b{color:#776354;letter-spacing:-.5px;font-size:16px}label{color:#9a8876;margin:15px 0 8px;font-size:11px;font-weight:600;display:block}input{color:#6d5e51;background:#fffcf8;border:1px solid #e4dbcf;border-radius:9px;width:100%;padding:13px;font-size:12px}input::placeholder{color:#b7aa9c}.primary{color:#fff;background:#a9ba96;border:0;border-radius:10px;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:14px;padding:15px 18px;font-size:13px;font-weight:700;display:flex;box-shadow:0 3px #8da17b}.primary:disabled{opacity:.55}.entry .primary{justify-content:space-between}.secondary{color:#a18a70;background:#fffaf2;border:1px solid #ded1bb;border-radius:9px;padding:10px 15px;font-size:11px}.full{width:100%;margin-top:12px;padding:13px}.secondary:disabled,.join button:disabled{opacity:.5}.divider{color:#b4a697;align-items:center;gap:12px;margin:23px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#ece5da;flex:1;height:1px}.join{gap:8px;display:flex}.join input{font-size:10px}.join button{color:#fff;white-space:nowrap;background:#d6c2a9;border:0;border-radius:9px;padding:0 18px;font-size:12px}.resume{color:#8c9a78;background:0 0;border:0;width:100%;padding:14px 0 0;font-size:11px}.entry>small{text-align:center;color:#b4a695;margin-top:24px;font-size:9px;display:block}footer{letter-spacing:1px;color:#b2a18e;border-top:1px solid #e7dfd3;justify-content:space-between;gap:15px;padding:23px 0;font-size:8px;display:flex}.game{padding:24px 0 30px}.roomTop{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.roomTop>div{align-items:center;gap:12px;display:flex}.connection{color:#8ca07c;font-size:9px}.connection.offline{color:#c3985d}.gameLayout{grid-template-columns:minmax(0,1fr) 250px;gap:24px;display:grid}.playerRow{align-items:center;gap:8px;min-height:82px;padding:0 10px;display:flex}.playerName{flex-direction:column;gap:5px;min-width:80px;max-width:150px;display:flex}.playerName>b{overflow-wrap:anywhere;font-size:13px}.playerName>span{color:#aa9985;font-size:9px}.playerName i{color:#7f9169;background:#dce6cc;border-radius:4px;margin-left:4px;padding:2px 5px;font-size:8px;font-style:normal}.points{color:#a18a71;white-space:nowrap;background:0 0;border:0;padding:5px 12px;font-size:11px}.points strong{color:#83765e;letter-spacing:-1px;font-size:27px}.points small{color:#b3a28d;font-size:8px;display:block}.backCards{flex:1;justify-content:end;margin-right:10px;display:flex}.backCards>div{width:25px;margin-left:-8px;transform:rotate(4deg)}.backCards .cardArt{width:34px}.playerRow.active .playerName b{color:#789365}.table{background:#91a58b;border:8px solid #d6bb95;border-radius:24px;min-height:350px;padding:17px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #80937a,0 4px #c0a785}.tableHeading{color:#e3e9da;letter-spacing:.5px;justify-content:space-between;margin-bottom:16px;font-size:9px;display:flex}.tableHeading b{color:#fff8e2}.tableGrid{gap:22px;min-height:265px;display:flex}.drawPile{border-right:1px dashed #d6dfc977;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:64px;padding-right:12px;display:flex}.deck{border-radius:5px;width:45px;position:relative;transform:rotate(-5deg);box-shadow:3px 3px #d7cab0,5px 5px #6c8166}.deck b{color:#fff9df;font-size:14px;position:absolute;top:28px;left:12px}.drawPile>span{color:#e2e9d8;margin-top:6px;font-size:8px}.lastCard{width:45px}.lastCard>i{color:#c9d7c3;text-align:center;font-size:28px;font-style:normal;display:block}.cardArt{width:100%;height:auto;display:block}.board{flex:1;grid-template-columns:repeat(auto-fill,minmax(53px,1fr));align-content:start;gap:11px 9px;max-height:370px;padding:2px 3px 8px;display:grid;overflow-y:auto}.hwatu{background:0 0;border:0;border-radius:6px;flex-shrink:0;width:60px;max-width:100%;padding:0;position:relative;box-shadow:0 3px 4px #32452c24}.board .hwatu{width:100%;max-width:65px}.board .hwatu:disabled{opacity:1}.board .hwatu.choose{outline-offset:3px;cursor:pointer;outline:3px solid #ffe19d}.pick{color:#8b6d3f;text-align:center;background:#ffe6ac;border-radius:3px;padding:3px;font-size:9px;position:absolute;bottom:0;left:3px;right:3px}.emptyTable{color:#d6e0cc;text-align:center;grid-column:1/-1;margin:60px 0;font-size:11px}.emptyTable span{margin-top:15px;font-size:30px;display:block}.tableOverlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;background:#71896a80;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.tableOverlay>div{text-align:center;background:#fffaf0;border:1px solid #e7d9bf;border-radius:21px;width:100%;max-width:350px;padding:18px 24px 25px;box-shadow:0 10px 35px #40533833}.tableOverlay h2{letter-spacing:-.8px;margin:5px 0;font-size:20px}.tableOverlay p{margin:9px 0;font-size:11px}.tableOverlay .primary{padding:12px;font-size:12px}.pendingCard{color:#f8f3de;border-top:1px dashed #d7dfc9;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding-top:12px;font-size:10px;display:flex}.pendingCard>div{width:35px}.pendingCard b{font-size:22px}.turnBanner{color:#917b5f;text-align:center;background:#f0e8d7;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:15px;padding:12px;font-size:11px;display:flex}.turnBanner>span{color:#ae9678}.turnBanner>b{letter-spacing:.5px;color:#fff;background:#a8bc91;border-radius:12px;padding:4px 8px;font-size:8px}.scoreChips{flex-wrap:wrap;gap:5px;margin-left:auto;display:flex}.scoreChips span{color:#ad977d;background:#fffdf6;border:1px solid #e5dbc8;border-radius:7px;padding:6px 9px;font-size:9px}.hand{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;padding:10px 10px 2px;display:grid}.hand .hwatu{width:100%;max-width:70px}.hand .hwatu:disabled{filter:saturate(.75)}.hand .hwatu.match{outline-offset:2px;outline:2px solid #a2b78c}.hand .hwatu:hover:not(:disabled){transform:none}.hand .hwatu>.cardArt{pointer-events:none;transition:filter .12s ease-out}.hand .hwatu>span{pointer-events:none}@media (hover:hover){.hand .hwatu:hover:not(:disabled)>.cardArt{filter:brightness(1.06)}}.matchDot{background:#a2b78c;border-radius:50%;width:8px;height:8px;position:absolute;top:-10px;left:calc(50% - 4px)}.handHint{text-align:center;color:#b0a18d;margin:14px 0 0;font-size:9px}aside{flex-direction:column;gap:15px;padding-top:8px;display:flex}.host{align-items:center;gap:6px;display:flex}.host b{color:#a58b67;font-size:12px}.host p{color:#ac9b82;margin:6px 0;font-size:10px}.panel{background:#fffdf7;border:1px solid #e7dece;border-radius:15px;padding:20px}.panelTitle{color:#9b8469;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.panelTitle b{color:#869971;font-size:16px}.scoreLine{color:#9f8e79;justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.scoreLine b{color:#9aaa7e}.muted{color:#b3a48f;font-size:10px}.panel>.textButton{color:#9eae87;margin-top:10px;font-size:9px}.log{color:#b4a58e;margin:0;padding-left:14px;font-size:10px;line-height:1.8}.log li{margin:9px 0}.log li:first-child{color:#8b9878}.ruleNote{color:#a08c71;padding:5px 10px;font-size:11px;line-height:2}.ruleNote span{color:#baaa93;font-size:9px}.ruleNote button{font-size:9px;display:block}.goStop{gap:10px;margin-top:15px;display:flex}.goStop button{color:#fff;border:0;border-radius:10px;flex:1;padding:12px;font-size:20px;font-weight:800}.goStop small{margin-top:5px;font-size:9px;font-weight:400;display:block}.go{background:#acba91}.stop{background:#ce9991}.error{color:#a77754;background:#f9eddf;border:1px solid #eed5bc;border-radius:9px;margin:15px 0;padding:12px 17px;font-size:12px}.modalBackdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5a514b66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fffcf5;border:1px solid #e5d4bb;border-radius:22px;width:100%;max-width:650px;max-height:88vh;padding:32px;position:relative;overflow:auto;box-shadow:0 25px 80px #433c3733}.modal h2{letter-spacing:-1px;margin:15px 0;font-size:24px}.modal p{font-size:12px}.close{color:#ac9881;background:0 0;border:0;padding:5px 10px;font-size:27px;position:absolute;top:12px;right:17px}table{border-collapse:collapse;width:100%;margin:20px 0;font-size:11px}th,td{text-align:left;color:#97836a;border-bottom:1px solid #e9dfce;padding:11px 8px;line-height:1.8}th{color:#8a9b75;width:85px}.collection h3{color:#a68f72;margin:18px 0 12px;font-size:12px}.collection>div{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:1000px){.lobby{gap:35px}.friend svg{width:135px;height:135px}.gameLayout{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.panel{padding:16px}.intro h1{font-size:42px}.introChips{gap:9px;font-size:8px}.table{padding:13px}.tableGrid{gap:13px}}@media (max-width:760px){main{padding:0 15px}header{height:75px}.brand{gap:3px;font-size:13px}.brand>span{font-size:23px}.badge{display:none}nav{gap:0}.textButton{font-size:10px}.lobby{flex-direction:column;gap:28px;min-height:0;padding:32px 0;display:flex}.intro{width:100%}.intro h1{margin:18px 0;font-size:37px}.intro>p{font-size:12px}.friend svg{width:110px;height:110px}.friends{margin-top:22px;padding:18px 0}.introChips{justify-content:space-between;gap:5px;font-size:8px}.entry{width:100%;padding:26px}.entryTop b{font-size:16px}footer{letter-spacing:.2px;font-size:7px}.game{padding-top:18px}.gameLayout{display:block}.game aside{display:none}.roomTop{margin-bottom:9px}.roomTop .eyebrow{font-size:9px}.connection{font-size:8px}.secondary{padding:8px 11px;font-size:10px}.playerRow{gap:4px;min-height:70px;padding:0}.playerRow>svg{width:58px;height:58px}.playerName{min-width:70px;max-width:110px}.playerName>b{font-size:11px}.playerName>span{font-size:8px}.points{padding:4px 6px}.points strong{font-size:23px}.points small{font-size:7px}.backCards{margin-right:2px}.backCards>div{width:15px;margin-left:-5px}.backCards .cardArt{width:24px}.table{border-width:6px;border-radius:18px;min-height:325px;padding:12px 10px}.tableHeading{letter-spacing:0;margin-bottom:12px;font-size:8px}.tableGrid{gap:10px;min-height:260px}.drawPile{gap:6px;width:44px;padding-right:9px}.deck,.lastCard{width:32px}.deck b{font-size:11px;top:20px;left:8px}.drawPile>span{font-size:6px}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:320px;padding:3px}.board .hwatu{max-width:58px}.scoreChips{justify-content:end;gap:3px;max-width:145px}.scoreChips span{padding:4px 6px;font-size:8px}.turnBanner{gap:6px;margin-top:11px;padding:10px 6px;font-size:10px}.turnBanner>b{white-space:nowrap;font-size:6px}.hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 10px;max-width:370px;margin:auto;padding:10px 10px 2px}.hand .hwatu{justify-self:center;max-width:60px}.handHint{margin-top:13px;font-size:8px}.tableOverlay{padding:12px}.tableOverlay>div{max-width:285px;padding:12px 17px 19px}.tableOverlay>div>svg{width:75px;height:75px}.tableOverlay h2{font-size:18px}.tableOverlay p{font-size:10px}.pendingCard{font-size:8px}.modal{padding:25px 20px}.modal h2{font-size:21px}.modal p{font-size:11px}th,td{padding:9px 5px;font-size:10px}.collection .hwatu{width:43px}.emptyTable{font-size:10px}.self{margin-top:5px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.specialActions{flex-wrap:wrap;gap:8px;padding:2px 10px 10px;display:flex}.specialActions:empty{display:none}.specialActions button{color:#8c5e3b;background:#f5dbc0;border:1px solid #cc9c78;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700}.specialActions button small{margin-top:4px;font-size:8px;font-weight:400;display:block}.specialActions button:disabled{opacity:.5}.specialActions .blankButton{color:#78885e;background:#e5ecd8;border-color:#acbc95}.specialStatus{color:#fff1d4;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:12px;font-size:9px;display:flex}.specialStatus:empty{display:none}.specialStatus>span{background:#b77e6e;border:1px solid #eac0a3;border-radius:6px;padding:5px 8px}.specialStatus>b{font-size:10px;font-weight:700}.specialStatus small{font-size:8px;font-weight:400}.board .ppukCard{outline-offset:2px;outline:2px dashed #f7be9e}.multipliers{flex-wrap:wrap;justify-content:center;gap:5px;margin:8px 0;display:flex}.multipliers:empty{display:none}.multipliers span{color:#a27050;background:#f3ddca;border-radius:6px;padding:5px 8px;font-size:10px}.settlement{background:#f5ebda;border-radius:9px;margin-top:10px;padding:12px}.settlement>b{color:#95734c;font-size:13px}.settlePreview{color:#aa9275;border-top:1px solid #e6dcc9;margin-top:12px;padding-top:14px;font-size:9px}.settlePreview>b{float:right;color:#bd8d6a;font-size:13px}.settlePreview small{color:#b3a18b;font-size:8px}.settlePreview .multipliers{justify-content:start}.settlePreview .multipliers span{padding:4px 6px;font-size:8px}@media (max-width:760px){.specialActions{padding:3px 4px 9px}.specialActions button{padding:9px 11px;font-size:11px}.specialStatus>b small{margin-top:4px;display:block}.tableOverlay .settlement{padding:8px}.tableOverlay .settlement>b{font-size:12px}.multipliers span{padding:4px 6px;font-size:9px}}button{touch-action:manipulation}p,.muted{color:#786a5e}.textButton,.secondary,.panelTitle,.scoreLine,.ruleNote{font-size:14px}.playerName>b{font-size:16px}.playerName>span,.points small,.handHint,.connection,.eyebrow{color:#786b59;font-size:12px}.tableHeading,.drawPile>span{color:#fff9e9;font-size:12px}.scoreChips span,.log,.specialStatus,.specialStatus>b,.specialStatus small{font-size:13px}.specialActions button{min-height:48px;font-size:16px}.specialActions button small,.multipliers span,.settlePreview small{font-size:12px}.modal p,th,td{color:#706154;font-size:16px}.modal small{color:#786b59;font-size:13px}.modal h3{font-size:18px}.close{min-width:48px;min-height:48px}.tableOverlay p{font-size:15px}.tableOverlay h2{font-size:23px}.tableOverlay .primary{min-height:48px;font-size:16px}.tableOverlay{overflow:auto}.tableOverlay>div{margin:auto}.tableOverlay .settlement>b{font-size:16px}.tableOverlay .goStop small{font-size:13px}.turnBanner{min-height:48px;font-size:15px;font-weight:600}.historyButton,.historyTabs button{color:#715e47;background:#fff9ee;border:1px solid #c9b69c;border-radius:12px;min-height:46px;padding:12px 16px;font-size:15px}.roomTop{flex-wrap:wrap;gap:12px}.roomTop>.eyebrow{margin-right:auto}.historyButton{background:#ede4d3;font-weight:700}.historyTabs{gap:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.historyTabs button{flex-shrink:0}.historyTabs [aria-pressed=true]{color:#fff;background:#65825b;border-color:#65825b}.historyResult{background:#f1eadc;border-radius:16px;padding:18px}.historyResult>strong{font-size:20px}.historyResult p{margin:6px 0}.timeline{padding:0;list-style:none}.timeline li{color:#6f6254;border-bottom:1px solid #e8dfd1;gap:12px;padding:14px 0;font-size:15px;line-height:1.7;display:flex}.timeline li>span{color:#5a7654;text-align:center;background:#e7eddf;border-radius:50%;flex-shrink:0;width:28px;height:28px;font-size:12px;line-height:28px}.motionToggle{min-height:44px}.flyingCard{pointer-events:none;z-index:24;filter:drop-shadow(0 8px 8px #43392c55);animation:.8s cubic-bezier(.2,.7,.2,1) forwards cardFlight;position:fixed}.eventBurst{pointer-events:none;z-index:8;text-align:center;background:radial-gradient(#fff7dce8,#0000 75%);flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:1.8s both burst;display:flex;position:absolute;inset:0}.eventBurst strong{color:#8b4938;text-shadow:2px 3px #fff4c7;font-size:clamp(36px,6vw,64px);transform:rotate(-7deg)}.eventBurst>span{color:#6c543e;background:#fff9edee;border-radius:12px;margin-top:18px;padding:10px;font-size:16px;font-weight:700}.burstStars{color:#c08e39;letter-spacing:15px;font-size:40px;animation:1.4s both starBurst}.motion-on .board .hwatu{animation:.4s both cardLand}.motion-on .lastCard{animation:.55s ease-out flipCard}.motion-on .hand .hwatu{animation:none;transform:none}.motion-on .scorePop{animation:.55s scorePop;display:inline-block}.motion-on .turnBanner{animation:.4s bannerIn}.motion-on .playerRow.active>svg{animation:1s ease-in-out 2 friendHop}.motion-on .friend svg{animation:3s ease-in-out infinite friendFloat}.motion-on .f2 svg{animation-delay:.5s}.motion-on .f3 svg{animation-delay:1s}.motion-on .tableOverlay>div,.motion-on .modal{animation:.3s both dialogIn}.motion-on .choose{animation:1s infinite choiceGlow!important}.hand .hwatu:active:not(:disabled){transform:none}.hand .hwatu:active:not(:disabled)>.cardArt{filter:brightness(.96)}@media (prefers-reduced-motion:reduce){.hand .hwatu>.cardArt{transition:none}.hand .hwatu:hover:not(:disabled)>.cardArt,.hand .hwatu:active:not(:disabled)>.cardArt{transform:none}}@keyframes cardFlight{0%{transform:translate(0)scale(1)rotate(-4deg)}45%{transform:translate(calc(var(--dx)*.45),calc(var(--dy)*.45 - 25px)) scale(1.12) rotate(5deg)}87%{transform:translate(var(--dx),calc(var(--dy) - 3px)) scale(var(--end-scale)) rotate(-2deg)}to{transform:translate(var(--dx),var(--dy)) scale(var(--end-scale)) rotate(0)}}@keyframes cardLand{0%{opacity:0;transform:translateY(-25px)rotate(-12deg)scale(.8)}to{opacity:1;transform:none}}@keyframes dealCard{0%{opacity:0;transform:translateY(45px)rotate(10deg)}to{opacity:1;transform:none}}@keyframes flipCard{0%{transform:perspective(500px)rotateY(100deg)scale(.8)}to{transform:perspective(500px)rotateY(0)scale(1)}}@keyframes scorePop{40%{color:#b46d41;transform:scale(1.4)}to{transform:scale(1)}}@keyframes bannerIn{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes friendHop{30%{transform:translateY(-8px)rotate(-5deg)}60%{transform:rotate(5deg)}to{transform:none}}@keyframes friendFloat{50%{transform:translateY(-8px)}}@keyframes dialogIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:none}}@keyframes choiceGlow{50%{outline-color:#fffef1;box-shadow:0 0 20px #ffe296}}@keyframes burst{0%{opacity:0;transform:scale(.5)}15%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes starBurst{0%{transform:scale(.2)rotate(-30deg)}to{transform:scale(1.15)rotate(12deg)}}@media (max-width:760px){main{padding:0 12px}header{flex-wrap:wrap;gap:8px;height:auto;min-height:78px;padding:12px 0}.brand{font-size:16px}nav{gap:16px;margin-left:auto}.textButton{min-height:44px;font-size:14px}.intro>p,.entry input,.join input,input{font-size:16px}.introChips{flex-wrap:wrap;gap:12px;font-size:12px}.entry label,.entryTop,.entry>small,.divider,.friend span{font-size:14px}.entry .primary,.entry .secondary,.join button,.resume{min-height:48px;font-size:16px}.roomTop .eyebrow,.connection{font-size:12px}.roomTop>div{gap:8px}.secondary{min-height:44px;font-size:14px}.playerRow{flex-wrap:wrap;gap:8px;padding:9px 0}.playerRow>svg{width:52px;height:52px}.playerName{flex:1;min-width:100px;max-width:calc(100% - 145px)}.playerName>b{font-size:16px}.playerName>span{font-size:12px;line-height:1.6}.playerName i{font-size:11px}.points{min-height:48px;padding:4px 8px;font-size:14px}.points strong{font-size:29px}.points small{font-size:12px}.backCards{display:none}.scoreChips{justify-content:center;gap:8px;width:100%;max-width:none;margin:0}.scoreChips span{padding:7px 12px;font-size:14px}.table{min-height:355px;padding:12px 8px}.tableHeading{gap:8px;font-size:12px;line-height:1.6}.tableGrid{gap:8px;min-height:260px}.drawPile{width:48px;padding-right:8px}.deck,.lastCard{width:38px}.drawPile>span{white-space:nowrap;font-size:11px}.deck b{font-size:14px;top:25px}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;max-height:400px}.board .hwatu{max-width:68px;min-height:58px}.turnBanner{padding:12px 10px;font-size:15px;line-height:1.6}.turnBanner>b{font-size:10px}.hand{gap:16px 10px;max-width:440px;padding:16px 5px 4px}.hand .hwatu{max-width:72px}.handHint{color:#796c5c;font-size:13px;line-height:1.7}.specialActions button{min-height:52px;font-size:16px}.specialActions button small{font-size:12px}.specialStatus>b,.specialStatus>b small{font-size:13px;line-height:1.6}.tableOverlay>div{max-width:340px;padding:18px 14px}.tableOverlay h2{font-size:22px}.tableOverlay p{font-size:15px}.tableOverlay .multipliers span{font-size:12px}.pendingCard{font-size:13px}.pick{font-size:12px}.modalBackdrop{padding:10px}.modal{max-height:90dvh;padding:26px 18px}.modal h2{padding-right:30px;font-size:24px}.modal p,th,td{font-size:16px;line-height:1.85}th{width:75px}.collection h3{font-size:16px}.collection .hwatu{width:54px}.modal small{font-size:13px}.game aside{margin-top:28px;display:flex}:is(.game aside .host,.game aside .panel:has(.log),.game aside .ruleNote){display:none}.panelTitle{font-size:16px}.panel .muted,.scoreLine,.panel>.textButton{font-size:14px}.settlePreview,.settlePreview small,.settlePreview .multipliers span{font-size:13px}.settlePreview>b{font-size:20px}footer{flex-direction:column;gap:5px;font-size:11px;line-height:1.7}.emptyTable,.historyButton{font-size:14px}.historyResult>strong{font-size:18px}}.motion-off *{animation:none!important}.motion-off .flyingCard,.motion-off .eventBurst{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.flyingCard,.eventBurst{display:none}}@media (max-width:760px){.table{min-height:285px}.tableGrid{min-height:190px}}.capturedRack{background:#fffaf0;border:1px solid #ddd3bf;border-radius:14px;margin:4px 0 12px;padding:10px 12px 12px}.opponentRack{background:#f1f2e9}.rackHeading{color:#71614e;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px;display:flex}.rackHeading>span{color:#766b5b;font-size:12px}.captureGroups{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.captureGroup{border-left:1px solid #e2dacb;min-width:0;padding-left:9px}.captureGroup:first-child{border:0;padding-left:0}.captureLabel{color:#78674f;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.captureLabel strong{color:#59764d;text-align:center;background:#e6ecd9;border-radius:7px;min-width:28px;padding:1px 4px;font-size:18px}.captureStack{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:22px;align-items:start;gap:0 3px;min-height:62px;padding-bottom:40px;display:grid}.capturedCard{border-radius:4px;width:100%;max-width:42px;position:relative;box-shadow:0 2px 3px #463e3325}.capturedCard .cardArt{border-radius:4px}.capturedCard:hover{z-index:2;transform:translateY(-8px)}.noCapture{color:#928675;white-space:nowrap;grid-column:1/-1;padding-top:12px;font-size:12px}.doublePi{color:#7e6d59;margin-top:6px;font-size:11px;display:block}.motion-on .capturedCard{animation:.55s both collectionIn}.self .scoreChips{display:none}.selfRack{background:#f7faef;border-color:#bdcba9;margin-bottom:12px}.captureGroup.bright .captureLabel strong{color:#9a7334;background:#f6e7b6}.captureGroup.ribbon .captureLabel strong{color:#a26263;background:#f1dbd9}@keyframes collectionIn{0%{opacity:0;transform:translateY(-16px)scale(1.2)}to{opacity:1;transform:none}}@media (max-width:760px){.capturedRack{margin:2px 0 10px;padding:9px 8px 10px}.rackHeading{margin-bottom:7px;font-size:13px}.rackHeading>span{font-size:12px}.captureGroups{gap:6px}.captureGroup{padding-left:5px}.captureLabel{margin-bottom:6px;font-size:14px}.captureLabel strong{min-width:25px;font-size:17px}.captureStack{grid-auto-rows:15px;gap:0 2px;min-height:41px;padding-bottom:26px}.capturedCard{max-width:30px}.noCapture{padding-top:7px;font-size:11px}.doublePi{font-size:10px;line-height:1.5}.selfRack{margin-top:0}.playerRow{padding:6px 0}.table{min-height:255px}.tableGrid{min-height:160px}}@media (min-width:761px){.table{min-height:230px}.tableGrid{min-height:155px}.captureStack{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:17px;min-height:51px;padding-bottom:34px}.capturedCard{max-width:34px}.capturedRack{padding:8px 10px 10px}.rackHeading{margin-bottom:6px}}.traditionalCard{filter:drop-shadow(0 1px 1px #26130930);border-radius:4px;overflow:hidden}.hwatu{border-radius:4px}.capturedCard{max-width:40px}.captureStack{grid-auto-rows:22px;min-height:72px;padding-bottom:50px}footer a{color:#78634d;text-underline-offset:3px}.collection .hwatu{width:70px}@media (max-width:760px){.captureStack{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:19px;min-height:62px;padding-bottom:43px}.capturedCard{max-width:37px}.collection .hwatu{width:65px}.board .hwatu{max-width:68px}.hand .hwatu{max-width:72px}}.cuteHwatu{filter:drop-shadow(0 2px 1px #58423622);border-radius:6px;overflow:visible}.guideIntro{align-items:center;gap:24px;padding:32px 0;display:flex}.guideIntro h1{margin:8px 0;font-size:30px}.guideIntro p{font-size:16px}.guideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.guideMonth{background:#fffdf5;border:1px solid #e3d5bf;border-radius:18px;padding:15px}.guideMonth h2{margin:0 0 14px;font-size:18px}.guideMonth h2 span{color:#8a7764;font-weight:500}.guideMonth>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.guideMonth figure{margin:0}.guideMonth figcaption{text-align:center;color:#756653;margin-top:7px;font-size:12px}.cardGuide>p{font-size:15px}.cardGuide footer{margin-top:30px}@media (max-width:760px){.guideGrid{grid-template-columns:1fr;gap:16px}.guideIntro{gap:12px}.guideIntro h1{font-size:24px}.guideIntro>svg{flex-shrink:0;width:65px}.guideMonth{padding:14px}.guideMonth figcaption{font-size:14px}}.board.monthBoard{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:12px 8px;max-height:none;padding:6px;overflow:visible}.monthPile{border-radius:9px;min-width:0;min-height:133px;position:relative}.pileCards{height:110px;position:relative}.monthPile.vacant:before{content:"";border:1px dashed #e0ead028;border-radius:6px;position:absolute;inset:4px 12px 28px 0}.board .stackedCard{left:calc(var(--pile-index)*5px);top:calc(var(--pile-index)*8px);width:52px;max-width:calc(100% - 15px);transform:rotate(var(--tilt));transform-origin:50% 80%;z-index:calc(1 + var(--pile-index));position:absolute;box-shadow:1px 3px 3px #24342255}.pileLabel{text-align:center;color:#fff9e4;white-space:nowrap;font-size:12px;position:absolute;bottom:0;left:0;right:0}.pileLabel b{color:#6b482d;background:#f5d49f;border-radius:5px;padding:1px 5px;display:inline-block}.ppukPile .pileCards{filter:drop-shadow(0 0 4px #f9d28870)}.tablePlaying{box-shadow:inset 0 0 0 2px #d8e3b977,0 4px #c0a785}.tableHeading{align-items:center;gap:12px;min-height:32px}.tableHeading>span:first-child{max-width:75%}.motion-on .monthBoard .hwatu,.motion-on .lastCard,.motion-on .hand .hwatu{animation:none}.flightCard{z-index:45;pointer-events:none;transform-origin:0 0;animation:cardFlight var(--flight-duration) cubic-bezier(.25,.66,.3,1) both;perspective:700px;position:fixed}.flightInner{transform-style:preserve-3d;position:relative}.flightFront,.flightBack{backface-visibility:hidden}.flightBack{position:absolute;inset:0;transform:rotateY(180deg)}.flipFlight .flightInner{animation:.65s ease-in-out both cardReveal}.flightCard .cardArt{filter:drop-shadow(2px 7px 4px #25362555)}.pendingCard{flex-wrap:wrap;font-size:14px}.pendingCard>.choiceTray{justify-content:center;gap:24px;width:100%;padding:8px 0 24px;display:flex}.choiceTray .hwatu{outline-offset:4px;outline:3px solid #ffe3a3;width:65px}.choiceTray .hwatu>span{color:#fff7dd;white-space:nowrap;font-size:13px;position:absolute;bottom:-24px;left:-5px;right:-5px}.isPlaying .hand{opacity:.8}.isPlaying .turnBanner{color:#516643;background:#e4ecd8}.stageDots{animation:.8s ease-in-out infinite alternate turnPulse}.playerRow.active{background:#edf0df66;border-left:4px solid #91a978;border-radius:10px}.playerRow{border-left:4px solid #0000;transition:background .3s,border-color .3s}.table[data-stage=land] .struckPile .pileCards{animation:.22s .43s both tableTap}.table[data-stage=bomb] .struckPile .pileCards{animation:.28s .41s both tableTap}@keyframes cardReveal{0%,15%{transform:rotateY(180deg)}90%,to{transform:rotateY(0)}}@keyframes tableTap{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes turnPulse{to{opacity:.35}}@media (max-width:760px){.board.monthBoard{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 5px;padding:3px}.monthPile{min-height:113px}.pileCards{height:94px}.board .stackedCard{width:45px;max-width:calc(100% - 10px);left:calc(var(--pile-index)*3px);top:calc(var(--pile-index)*7px)}.pileLabel{font-size:11px}.tableGrid{gap:9px}.drawPile{width:43px;padding-right:7px}.deck,.lastCard{width:35px}.tableHeading{letter-spacing:0;font-size:12px}.table{padding:10px 7px}.turnBanner{font-size:14px}.turnBanner>b{white-space:nowrap}.monthPile.vacant:before{right:7px}}@media (prefers-reduced-motion:reduce){.flightCard{display:none}.stageDots{animation:none}}.motion-off .flightCard{display:none}main{max-width:1440px;padding:0 32px}.gameLayout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.table{padding:20px}.board.monthBoard{gap:14px 12px}.monthPile{min-height:158px}.pileCards{height:158px}.board .stackedCard{width:76px;max-width:calc(100% - 16px);left:calc(var(--pile-index)*5px);top:calc(var(--pile-index)*8px)}.monthPile.vacant:before{inset:4px 16px 16px 0}.ppukBadge{z-index:6;color:#66452c;background:#ffe0a6;border-radius:8px;padding:4px 8px;font-size:14px;font-weight:800;position:absolute;top:0;right:0;box-shadow:0 2px 5px #35472d33}.drawPile{width:83px;padding-right:15px}.deck,.lastCard{width:62px}.deck b{font-size:18px;top:40px;left:21px}.hand{gap:12px;padding:20px 8px 8px}.hand .hwatu{justify-self:center;max-width:92px}.handHint{font-size:14px}@media (min-width:761px) and (max-width:1100px){.gameLayout{display:block}.gameLayout aside{display:none}.board.monthBoard{grid-template-columns:repeat(6,minmax(0,1fr))}.hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:600px;margin:auto}.hand .hwatu{max-width:92px}}@media (max-width:760px){main{padding:0 8px}.table{border-width:5px;border-radius:18px;padding:12px 8px}.tableGrid{gap:10px}.board.monthBoard{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 9px;padding:3px}.monthPile,.pileCards{height:133px;min-height:133px}.board .stackedCard{width:66px;max-width:calc(100% - 10px);left:calc(var(--pile-index)*3px);top:calc(var(--pile-index)*6px)}.drawPile{width:48px;padding-right:6px}.deck,.lastCard{width:42px}.deck b{font-size:15px;top:28px;left:13px}.ppukBadge{padding:3px 6px;font-size:12px;right:-2px}.hand{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px;max-width:480px;padding:20px 6px 8px}.hand .hwatu{max-width:96px}.monthPile.vacant:before{inset:4px 9px 12px 0}}@media (max-width:360px){.board.monthBoard{gap:8px 6px}.monthPile,.pileCards{height:119px;min-height:119px}.drawPile{width:40px}.deck,.lastCard{width:35px}.hand{gap:16px 8px}}.flightCard{max-width:none;margin:0;padding:0;line-height:0;display:block}.flightCard .flightInner,.flightCard .flightFront{width:100%}.flight-hand .flightInner,.flight-bomb .flightInner{animation:.72s ease-out both handThrow}@keyframes handThrow{0%{filter:brightness(1.12);transform:rotate(-8deg)}35%{transform:rotate(7deg)}85%,to{filter:brightness();transform:rotate(0)}}main.gameMode{max-width:1280px;padding:0 20px}.gameMode header{gap:12px;height:60px;min-height:60px;padding:6px 0}.gameMode .brand{font-size:17px}.gameMode nav{gap:16px}.gameMode .game{padding:12px 0 18px}.gameMode .roomTop{gap:8px;min-height:38px;margin-bottom:10px}.gameMode .historyButton,.gameMode .roomTop .secondary{border-radius:10px;min-height:38px;padding:8px 12px;font-size:13px}.gameMode .roomTop .eyebrow,.gameMode .connection{letter-spacing:0;font-size:12px}.gameMode .gameLayout{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:18px}.gameMode .playArea{width:100%;min-width:0;max-width:1000px;margin:auto}.gameMode .playerRow{border-radius:12px;flex-wrap:nowrap;gap:8px;height:auto;min-height:46px;padding:2px 8px}.gameMode .playerRow>svg{flex-shrink:0;width:40px;height:40px}.gameMode .playerName{flex:1;gap:1px;min-width:0;max-width:250px}.gameMode .playerName>b{font-size:15px;line-height:1.35}.gameMode .playerName>span{white-space:nowrap;font-size:11px;line-height:1.35}.gameMode .playerName i{font-size:10px}.gameMode .points{flex-shrink:0;align-items:center;gap:4px;min-height:40px;padding:1px 9px;font-size:13px;display:flex}.gameMode .points strong{font-size:26px}.gameMode .points small{margin-left:5px;font-size:10px}.gameMode .backCards{flex:0 170px;max-width:170px;margin:0 4px 0 8px}.gameMode .backCards>div{width:18px;margin-left:-5px}.gameMode .backCards .cardArt{width:24px}.gameMode .capturedRack{border-radius:12px;margin:3px 0 7px;padding:6px 9px 7px}.gameMode .rackHeading{display:none}.gameMode .captureGroups{gap:8px}.gameMode .captureGroup{padding-left:8px;position:relative}.gameMode .captureLabel{margin-bottom:3px;font-size:12px;line-height:18px}.gameMode .captureLabel strong{border-radius:5px;min-width:22px;padding:0 3px;font-size:14px;line-height:19px}.gameMode .captureStack{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:15px;gap:0 2px;min-height:50px;padding-bottom:35px}.gameMode .capturedCard{max-width:32px;transition:transform .15s;animation:none!important}.gameMode .noCapture{opacity:.55;padding-top:10px;font-size:11px}.gameMode .doublePi{margin:0;font-size:10px;line-height:19px;position:absolute;top:0;right:0;transform:translate(-28px)}.gameMode .table{border-width:5px;border-radius:20px;min-height:210px;padding:10px 14px 12px;box-shadow:inset 0 0 0 1px #e2ead433,0 3px #c0a785}.gameMode .tableHeading{letter-spacing:0;gap:8px;min-height:24px;margin:0 0 6px;padding-right:100px;font-size:12px;line-height:1.4}.gameMode .tableHeading>span:first-child{max-width:none}.gameMode .tableGrid{min-height:172px;display:block;position:relative}.gameMode .drawPile{z-index:1;border:0;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;width:94px;height:29px;padding:0;display:flex;position:absolute;top:-31px;right:0}.gameMode .deck,.gameMode .lastCard{flex-shrink:0;width:25px}.gameMode .deck{box-shadow:2px 2px #d7cab0,3px 3px #6c8166}.gameMode .deck b{font-size:10px;top:15px;left:7px}.gameMode .drawPile>span{display:none}.gameMode .lastCard>i{font-size:20px}.gameMode .board.monthBoard{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:9px 12px;min-height:165px;max-height:none;padding:12px 4px 3px;display:grid;overflow:visible}.gameMode .monthPile,.gameMode .pileCards{height:142px;min-height:142px}.gameMode .monthPile.vacant:before{display:none}.gameMode .board .stackedCard{width:74px;max-width:calc(100% - 12px);left:calc(var(--pile-index)*4px);top:calc(var(--pile-index)*6px)}.gameMode .ppukBadge{padding:3px 6px;font-size:12px;top:-5px;right:2px}.gameMode .specialStatus{gap:5px;margin:0;font-size:11px}.gameMode .specialStatus>span{padding:3px 6px}.gameMode .specialStatus>b,.gameMode .specialStatus small{font-size:11px;line-height:1.4}.gameMode .turnBanner{border:1px solid #dfd8c8;gap:7px;min-height:36px;margin:7px 0 5px;padding:5px 10px;font-size:14px;line-height:1.5;animation:none!important}.gameMode .turnBanner>b{font-size:10px}.gameMode .self{margin:0}.gameMode .selfRack{margin-bottom:5px}.gameMode .specialActions{gap:6px;padding:2px 4px 6px}.gameMode .specialActions button{min-height:36px;padding:6px 10px;font-size:13px}.gameMode .specialActions button small{margin:0 0 0 6px;font-size:11px;display:inline}.gameMode .hand{background:linear-gradient(#fffcf4,#f2e7d5);border:1px solid #e0d2b9;border-radius:14px;grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;gap:6px;max-width:none;margin:0;padding:13px 9px 7px;box-shadow:inset 0 2px #fffdf8}.gameMode .handSlot{aspect-ratio:160/260;justify-self:center;width:100%;min-width:0;max-width:82px;position:relative}.gameMode .handSlot>.hwatu{width:100%;max-width:none;min-height:0;margin:0;display:block}.gameMode .handSlot.departed,.gameMode .handSlot>.departed{visibility:hidden}.gameMode .handHint{color:#786b59;margin:6px 0 0;font-size:12px;line-height:1.5}.gameMode aside{gap:12px;padding-top:4px}.gameMode aside .host,.gameMode aside .ruleNote{display:none}.gameMode aside .panel{border-radius:14px;padding:14px}.gameMode aside .panelTitle{margin-bottom:9px;font-size:14px}.gameMode aside .panelTitle b{font-size:22px}.gameMode aside .scoreLine{padding:5px 0;font-size:13px}.gameMode aside .muted{margin:8px 0;font-size:12px;line-height:1.7}.gameMode aside .panel>.textButton{font-size:12px;line-height:1.6}.gameMode aside .log{padding-left:14px;font-size:12px;line-height:1.65}.gameMode aside .log li{margin:7px 0}.gameMode aside .log li:nth-child(n+4){display:none}.gameMode aside .settlePreview{margin-top:9px;padding-top:9px;font-size:12px}.gameMode aside .settlePreview small,.gameMode aside .settlePreview .multipliers span{font-size:11px}.gameMode footer{margin-top:6px;padding:12px 0;font-size:10px}.gameMode .pendingCard{gap:8px;margin-top:8px;padding-top:8px;font-size:13px}.gameMode .pendingCard>.choiceTray{gap:22px;padding:6px 0 22px}.gameMode .choiceTray .hwatu{width:68px}.gameMode .tableOverlay{z-index:10}@media (min-width:761px) and (max-width:1100px){main.gameMode{max-width:1040px;padding:0 16px}.gameMode .gameLayout{display:block}.gameMode .gameLayout aside{display:none}.gameMode .hand{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-width:none;margin:0}.gameMode .handSlot{max-width:82px}.gameMode .board.monthBoard{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:760px){main.gameMode{padding:0 7px}.gameMode header{flex-wrap:nowrap;gap:6px;height:auto;min-height:46px;padding:4px 0}.gameMode .brand{letter-spacing:-.6px;gap:2px;font-size:13px}.gameMode .brand>span{margin-right:2px;font-size:20px}.gameMode nav{flex-shrink:0;gap:9px;margin-left:auto}.gameMode nav .textButton{min-height:38px;padding:5px 0;font-size:12px}.gameMode .game{padding:6px 0 12px}.gameMode .roomTop{gap:5px;min-height:32px;margin-bottom:5px}.gameMode .roomTop .eyebrow,.gameMode .connection{font-size:10px}.gameMode .roomTop>div{gap:5px}.gameMode .historyButton,.gameMode .roomTop .secondary{min-height:32px;padding:5px 8px;font-size:12px}.gameMode .gameLayout{display:block}.gameMode .gameLayout aside{display:none}.gameMode .playerRow{gap:5px;height:auto;min-height:42px;padding:1px 5px}.gameMode .playerRow>svg{width:35px;height:35px}.gameMode .playerName{gap:0;min-width:0;max-width:none}.gameMode .playerName>b{font-size:14px}.gameMode .playerName>span{font-size:10px;line-height:1.4}.gameMode .points{gap:2px;min-height:40px;padding:0 4px;font-size:12px}.gameMode .points strong{font-size:25px}.gameMode .points small{white-space:normal;max-width:32px;margin-left:4px;font-size:9px;line-height:1.25}.gameMode .backCards{flex:0 42px;max-width:42px;margin:0 4px;display:flex}.gameMode .backCards>div{width:5px;margin-left:-1px}.gameMode .backCards .cardArt{width:17px}.gameMode .capturedRack{border-radius:10px;margin:2px 0 5px;padding:4px 6px 5px}.gameMode .captureGroups{gap:5px}.gameMode .captureGroup{padding-left:5px}.gameMode .captureLabel{margin-bottom:2px;font-size:11px;line-height:17px}.gameMode .captureLabel strong{min-width:20px;font-size:13px;line-height:17px}.gameMode .captureStack{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:12px;gap:0 1px;min-height:44px;padding-bottom:32px}.gameMode .capturedCard{width:32px;max-width:none}.gameMode .noCapture{padding-top:8px;font-size:10px}.gameMode .doublePi{font-size:9px;line-height:17px;transform:translate(-22px)}.gameMode .table{border-width:4px;border-radius:15px;min-height:168px;padding:8px 7px 9px}.gameMode .tableHeading{gap:4px;min-height:23px;margin:0;padding-right:65px;font-size:11px;line-height:1.4}.gameMode .tableGrid{min-height:131px}.gameMode .drawPile{gap:7px;width:61px;height:26px;top:-25px;right:0}.gameMode .deck,.gameMode .lastCard{width:21px}.gameMode .deck b{font-size:9px;top:13px;left:6px}.gameMode .lastCard>i{font-size:18px}.gameMode .board.monthBoard{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 5px;min-height:126px;padding:12px 1px 0}.gameMode .monthPile,.gameMode .pileCards{height:123px;min-height:123px}.gameMode .board .stackedCard{width:66px;max-width:calc(100% - 9px);left:calc(var(--pile-index)*3px);top:calc(var(--pile-index)*5px)}.gameMode .ppukBadge{padding:2px 5px;font-size:10px;top:-3px;right:-1px}.gameMode .specialStatus{gap:3px;font-size:10px}.gameMode .specialStatus>span{padding:2px 4px}.gameMode .specialStatus>b,.gameMode .specialStatus small{font-size:10px}.gameMode .turnBanner{border-radius:9px;gap:5px;min-height:32px;margin:5px 0 3px;padding:4px 7px;font-size:12px;line-height:1.5}.gameMode .turnBanner>b{padding:2px 6px;font-size:9px}.gameMode .selfRack{margin-bottom:5px}.gameMode .specialActions{gap:5px;padding:0 2px 5px}.gameMode .specialActions button{border-radius:8px;min-height:33px;padding:5px 7px;font-size:12px}.gameMode .specialActions button small{margin-left:4px;font-size:10px}.gameMode .hand{border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 2px;max-width:none;margin:0;padding:12px 5px 6px}.gameMode .handSlot{aspect-ratio:160/260;width:100%;max-width:78px}.gameMode .handSlot>.hwatu{width:100%;max-width:78px;min-height:0;left:0}.gameMode .handHint{margin-top:5px;font-size:11px;line-height:1.5}.gameMode footer{gap:3px;padding:9px 0;font-size:9px;line-height:1.5}.gameMode .pendingCard{font-size:12px}.gameMode .pendingCard>.choiceTray{gap:20px;padding:5px 0 21px}.gameMode .choiceTray .hwatu{width:64px}}@media (max-width:360px){.gameMode .brand{font-size:12px}.gameMode nav{gap:6px}.gameMode nav .textButton{font-size:11px}.gameMode .roomTop .eyebrow{font-size:9px}.gameMode .backCards{flex-basis:32px;max-width:32px}.gameMode .board.monthBoard{gap:6px 4px}.gameMode .monthPile,.gameMode .pileCards{height:113px;min-height:113px}.gameMode .board .stackedCard{width:61px}.gameMode .capturedCard{width:29px}.gameMode .captureStack{min-height:41px;padding-bottom:29px}.gameMode .hand{gap:11px 2px;padding-left:4px;padding-right:4px}}.resultDialog{overscroll-behavior:contain;color:#61564e;text-align:center;box-sizing:border-box;background:#fffbf1;border:1px solid #decdb2;border-radius:24px;width:min(460px,100vw - 28px);max-width:none;height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:30px 28px 22px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 90px #302b2a50}.resultDialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26302488}.resultDialog>.eyebrow{margin:3px 28px 14px;font-size:13px}.resultDialog h2{margin:9px 0;font-size:26px;line-height:1.4}.resultDialog p{color:#796b59;font-size:16px}.resultDialog .settlement{background:#f0eadb;border-radius:14px;margin:18px 0;padding:16px 12px}.resultDialog .settlement>b{font-size:21px}.resultDialog .multipliers{flex-wrap:wrap;justify-content:center;gap:7px}.resultDialog .multipliers span{font-size:14px}.resultDialog .primary{min-height:52px;font-size:17px}.resultDialog .close{width:44px;height:44px;font-size:28px;top:8px;right:8px}.resultBoardButton{color:#77644e;background:0 0;border:0;width:100%;min-height:44px;margin-top:12px;font-size:15px;display:block}.resultReopen{color:#6d5a3f;white-space:nowrap;background:#fffaf0;border:1px solid #aa9876;border-radius:9px;padding:7px 12px;font-size:14px}@media (max-width:480px){.resultDialog{border-radius:20px;padding:26px 18px 18px}.resultDialog h2{font-size:24px}.resultDialog .settlement>b{font-size:19px}}
.flightCard{pointer-events:none;z-index:45;transform-origin:50%;will-change:transform;perspective:700px;contain:layout style;max-width:none;margin:0;padding:0;line-height:0;display:block;position:fixed;animation:none!important}.flightCard .flightInner{width:100%;transform-style:preserve-3d;position:relative;animation:none!important}.flightFront,.flightBack{backface-visibility:hidden;width:100%}.flightBack{position:absolute;inset:0;transform:rotateY(180deg)}.flipFlight .flightInner{transform:rotateY(180deg)}.flightCard .cardArt{filter:drop-shadow(1px 5px 3px #26362644)}.gameMode .capturedCard,.gameMode .turnBanner,.gameMode .struckPile .pileCards{animation:none!important}.gameMode .handSlot{aspect-ratio:160/260;min-width:0;position:relative}.gameMode .handSlot.departed{visibility:hidden}.gameMode .handSlot .hwatu{width:100%;max-width:none;display:block}.gameMode .hand .hwatu:disabled{filter:none}.gameMode.isPlaying .hand{opacity:1}.gameMode .monthPile.vacant:before{display:none}@media (prefers-reduced-motion:reduce){.flightCard{display:none}}.gameMode .noCapture{visibility:hidden}.gameMode .table{overflow:visible}.gameMode .tableOverlay{border-radius:14px}.gameMode .hand{min-height:155px}@media (max-width:760px){.gameMode .hand{min-height:clamp(225px,64vw,274px)}}
.themeToggle{color:#675a47;white-space:nowrap;background:#f5efdf;border:1px solid #d9cfbc;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:40px;min-height:40px;padding:5px 9px;font-size:13px;display:inline-flex}.themeToggle>span:first-child{font-size:20px;line-height:1}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e1d2;--night-text:#e8e1d2;--night-muted:#c0b6a5;--night-line:#535547;background:#202320}html[data-theme=dark] body{color:var(--night-text);background:radial-gradient(at 15% 5%,#36403455,#0000 55%),#202320}html[data-theme=dark] :is(header,footer){border-color:var(--night-line)}html[data-theme=dark] :is(.brand,.brand b,.intro h1,.entryTop b,.guideIntro h1,.guideMonth h2,.modal h2,.modal h3,.resultDialog h2,.playerName>b,.panelTitle,.host b,.rackHeading,.captureLabel,.points strong,.points,.close){color:var(--night-text)}html[data-theme=dark] :is(p,label,.textButton,.eyebrow,.friend span,.introChips,.entryTop,.entry>small,.divider,.playerName>span,.points small,.handHint,.gameMode .handHint,.gameMode .muted,.gameMode .log,.log,.muted,.doublePi,.rackHeading>span,.guideMonth figcaption,.guideMonth h2 span,.host p,.ruleNote,.resultBoardButton,footer,footer a){color:var(--night-muted)}html[data-theme=dark] :is(.entry,.panel,.modal,.resultDialog,.guideMonth,.tableOverlay>div){border-color:var(--night-line);color:var(--night-text);background:#2c302b;box-shadow:0 12px 42px #0004}html[data-theme=dark] :is(.friends,.intro h1 em){background:#393e32}html[data-theme=dark] input{color:#f3ecde;background:#222820;border-color:#626452}html[data-theme=dark] input::placeholder{color:#a9a48f}html[data-theme=dark] :is(.secondary,.historyButton,.historyTabs button,.resultReopen,.themeToggle,.scoreChips span,.blankButton){color:#e4e8d3;background:#363d30;border-color:#626b54}html[data-theme=dark] :is(.primary,.join button){color:#192414;background:#90aa78;box-shadow:0 3px #597348}html[data-theme=dark] .primary:disabled{opacity:.6}html[data-theme=dark] :is(.badge,.playerName i){color:#d7e7bf;background:#3f5036}html[data-theme=dark] .resume{color:#c1d6aa}html[data-theme=dark] .divider:before,html[data-theme=dark] .divider:after{background:var(--night-line)}html[data-theme=dark] :is(.capturedRack,.opponentRack){background:#2b332b;border-color:#4b5845}html[data-theme=dark] .selfRack{background:#30382b;border-color:#647550}html[data-theme=dark] .captureGroup{border-color:#515a48}html[data-theme=dark] .captureLabel strong{color:#e0efd3;background:#435b37}html[data-theme=dark] .captureGroup.bright .captureLabel strong{color:#ffe9a9;background:#655b36}html[data-theme=dark] .captureGroup.ribbon .captureLabel strong{color:#ffd4d0;background:#624642}html[data-theme=dark] .playerRow.active{background:#3a493166;border-color:#b1ca91}html[data-theme=dark] .playerRow.active .playerName b{color:#cbe3ad}html[data-theme=dark] :is(.table,.gameMode .table){background:#3d5948;border-color:#7a6d52;box-shadow:inset 0 0 0 1px #bdd0ac33,0 3px #524b39}html[data-theme=dark] :is(.tableHeading,.gameMode .tableHeading,.pendingCard){color:#e2ead6}html[data-theme=dark] .tableHeading b{color:#fff2d0}html[data-theme=dark] .tableOverlay{background:#17251bd4}html[data-theme=dark] .modalBackdrop{background:#111912b8}html[data-theme=dark] .resultDialog::backdrop{background:#10170ec9}html[data-theme=dark] :is(.turnBanner,.gameMode .turnBanner){color:#e5e8ce;background:#373e2f;border-color:#60684d}html[data-theme=dark] .isPlaying .turnBanner{color:#ecf5d8;background:#405334}html[data-theme=dark] .gameMode .hand{background:linear-gradient(#333a2d,#282e25);border-color:#637052;box-shadow:inset 0 2px #46513d}html[data-theme=dark] .hand .hwatu.match{outline-color:#c3df9c}html[data-theme=dark] .matchDot{background:#c3df9c}html[data-theme=dark] :is(.settlement,.resultDialog .settlement,.historyResult){color:#f4e7bd;background:#393f31;border-color:#60664f}html[data-theme=dark] .resultDialog .settlement>b{color:#f4e7bd}html[data-theme=dark] .resultDialog p{color:var(--night-muted)}html[data-theme=dark] .multipliers span{color:#f4dfae;background:#524a36;border-color:#716447}html[data-theme=dark] :is(.scoreLine,.settlePreview,.timeline li,.modal table td,.modal table th){color:#e3ddce;border-color:#555b4b}html[data-theme=dark] .modal table th{background:#373e30}html[data-theme=dark] .historyTabs button[aria-pressed=true]{color:#182412;background:#829c6b}html[data-theme=dark] .timeline li>span{color:#e6eed7;background:#4e5d40}html[data-theme=dark] .connection{color:#bfd9a4}html[data-theme=dark] .connection.offline{color:#f0bd82}html[data-theme=dark] .bombButton{color:#ffe0b1;background:#593f31;border-color:#88624c}html[data-theme=dark] .go{color:#fff9ec;background:#758d5e}html[data-theme=dark] .stop{color:#fff6e7;background:#9d6154}html[data-theme=dark] .error{color:#ffe7cd;background:#583b32;border-color:#92624d}html[data-theme=dark] .specialStatus>span{color:#ffe5ab;background:#635332}html[data-theme=dark] .themeToggle{color:#dfedc5;border-color:#73805b}@media (max-width:760px){.gameMode nav{gap:6px}.gameMode .themeToggle{min-width:34px;min-height:36px;padding:3px 5px}.gameMode .themeLabel{display:none}.gameMode .brand{font-size:12px}.gameMode nav .textButton{font-size:11px}}.gameDialog{max-height:85dvh;overflow:auto}.settingsBody{text-align:left;gap:14px;display:grid}.settingsBody fieldset{border:1px solid var(--line,#d8c9ba);border-radius:16px;flex-wrap:wrap;gap:10px;padding:16px;display:flex}.settingsBody legend{padding:0 8px;font-weight:800}.settingsBody button{border:1px solid var(--line,#d8c9ba);background:var(--surface,#fff8ef);min-height:48px;color:inherit;border-radius:12px;padding:10px 16px;font-size:16px}.settingsBody button[aria-pressed=true]{background:#a96b4b22;outline:2px solid #a96b4b}.entry select{background:var(--surface,#fff8ef);width:100%;min-height:48px;color:inherit;font:inherit;border:1px solid #ba9d80;border-radius:12px;margin-bottom:12px;padding:10px}.peerStatus{color:#438154;font-size:12px}.peerStatus.away,.peerStatus.reconnecting{color:#a57743}.error button{color:#653d2d;background:#fff5e8;border:0;border-radius:10px;min-height:44px;margin-left:12px;padding:8px 14px}.gameDialog .goStop{gap:12px;display:flex}.gameDialog .goStop button{flex:1;min-height:66px;font-size:23px}.gameDialog .goStop small{font-size:14px;display:block}[data-theme=dark] .settingsBody button,[data-theme=dark] .entry select{color:#f4e8d9;background:#302a26}[data-theme=dark] .settingsBody button[aria-pressed=true]{background:#714f3c}[data-theme=dark] .gameDialog .settlement b{color:#f1cc91}.gameDialog p{word-break:keep-all;overflow-wrap:anywhere}.hand .hwatu.deadCard{position:relative}.deadBadge{z-index:3;color:#fffaf0;white-space:nowrap;pointer-events:none;background:#655c55;border:1px solid #fff5e8;border-radius:5px;padding:3px 1px;font-size:clamp(11px,1vw,14px);font-weight:800;line-height:1.2;display:block;position:absolute;bottom:5px;left:3px;right:3px;box-shadow:0 1px 3px #0003}.deadHint{color:#756357;margin-top:5px;display:block}html[data-theme=dark] .deadBadge{color:#f5f0df;background:#414943;border-color:#b2b6a2}html[data-theme=dark] .deadHint{color:#c8c8b6}
.autoPlayBadge{color:#fff8e7;white-space:normal;pointer-events:none;background:#705329f2;border-radius:4px;padding:3px 1px;font-size:11px;font-weight:800;line-height:1.3;position:absolute;bottom:17%;left:2px;right:2px}.sideBonus{overflow-wrap:anywhere;border:1px solid #b9a889;border-radius:12px;margin:12px 0;padding:12px;font-size:14px;line-height:1.6}.sideBonus p{margin:5px 0;font-size:14px}.blankHandHint{color:#78613c;margin-top:4px;display:block}.blankHandCard .selectedBadge{top:26%}.eventBurst.shakeBurst,.eventBurst.blankBurst{padding:10px}.shakeRevealedCards{justify-content:center;gap:8px;display:flex}.shakeRevealedCards>.cardArt{filter:drop-shadow(0 3px 3px #302b2a33);width:42px;height:auto}.shakeBurst>strong{margin-top:5px;font-size:25px;transform:none}.shakeBurst>span{margin-top:6px;padding:6px 10px;font-size:13px}.blankUseNotice{text-align:left;justify-content:center;align-items:center;gap:16px;max-width:100%;display:flex}.blankUseNotice>div{flex-shrink:0;width:56px}.blankUseNotice>p{max-width:200px;margin:0;line-height:1.5}.blankUseNotice strong{color:#705136;text-shadow:none;font-size:23px;display:block;transform:none}.blankUseNotice span{color:#654e36;overflow-wrap:anywhere;background:#fff8e9e8;border-radius:8px;margin-top:7px;padding:6px 9px;font-size:14px;display:block}.replayActionCards .bombBlankArt{width:60px}html[data-theme=dark] .specialActions .shakeButton{color:#f1deab;background:#514b31;border-color:#8f8055}html[data-theme=dark] .blankHandHint{color:#dfc99e}@media (max-width:420px){.shakeRevealedCards>.cardArt{width:36px}.shakeBurst>strong{font-size:21px}.shakeBurst>span{font-size:12px}.blankUseNotice{gap:10px}.blankUseNotice>div{width:48px}.blankUseNotice strong{font-size:19px}.blankUseNotice span{font-size:12px}}.gukjinChoiceCard{width:72px;margin:12px auto}.gukjinOptions .chooseCardButton{justify-content:center;min-height:118px}.gukjinDialog>p{font-size:16px;line-height:1.7}.gukjinDialog .gukjinChoiceNote{font-size:14px}.gukjinStatus{color:#765a2b;overflow-wrap:anywhere;margin-top:5px;font-size:11px;font-weight:700;line-height:1.5;display:block}.gukjinInspectLabel,.gukjinReplayLabel{color:#765a2b;white-space:normal;overflow-wrap:anywhere;margin-top:5px;font-size:12px;font-weight:700;line-height:1.5;display:block}.replayScores .gukjinReplayLabel{margin:0 0 0 8px;display:inline-block}.replayActionCards:has(.gukjinReplayLabel){padding-bottom:4px}html[data-theme=dark] :is(.gukjinStatus,.gukjinInspectLabel,.gukjinReplayLabel){color:#efce97}.gameMode .stackedCard .ppukBadge{pointer-events:none;line-height:1.2;top:12%;right:3px}.lobbyDialogBody{justify-items:center;gap:14px;display:grid}.lobbyDialogBody>p{margin:0;line-height:1.7}.lobbyDialogBody>.primary,.lobbyDialogBody>.secondary{width:100%;min-height:48px;font-size:16px}.lobbyReadyList{text-align:left;gap:8px;width:100%;display:grid}.lobbyReadyList>div{background:#f8f2e6;border:1px solid #dfd4c0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:15px;display:flex}.lobbyReadyList span{overflow-wrap:anywhere;min-width:0}.lobbyReadyList b{color:#61794e;flex-shrink:0;font-size:14px}.lobbyReadyList .emptyLobbyPlayer{background:0 0;border-style:dashed}.lobbyReadyList .emptyLobbyPlayer b{color:#8a7960}.cardChoiceDialog>p{margin:10px 0 18px;line-height:1.7}.pendingChoiceSource{text-align:left;background:#eee6d6;border-radius:14px;justify-content:center;align-items:center;gap:16px;padding:14px;display:flex}.pendingChoiceSource>div{flex-shrink:0;width:58px}.pendingChoiceSource>span{gap:7px;font-size:14px;line-height:1.5;display:grid}.pendingChoiceSource b{font-size:16px}.dialogCardChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 8px;display:grid}.chooseCardButton{color:#69543d;min-width:0;font:inherit;cursor:pointer;background:#fffaf0;border:2px solid #b09a72;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:16px 8px 12px;display:flex}.chooseCardButton>.cardArt{width:84px;max-width:100%;height:auto}.chooseCardButton strong{font-size:15px;line-height:1.5}.chooseCardButton>span{font-size:14px}.chooseCardButton .choiceCardAction{color:#506642;background:#e5edd9;border-radius:9px;margin-top:5px;padding:8px 10px;font-size:14px}.chooseCardButton:hover:not(:disabled),.chooseCardButton:focus-visible{outline-offset:3px;border-color:#607f4c;outline:3px solid #b1c593}.chooseCardButton:disabled{opacity:.55;cursor:wait}.cardChoiceDialog>.resultBoardButton{min-height:44px;margin-top:14px}html[data-theme=dark] .lobbyReadyList>div{background:#363d30;border-color:#626b54}html[data-theme=dark] .lobbyReadyList b{color:#c2d7a6}html[data-theme=dark] .lobbyReadyList .emptyLobbyPlayer b{color:#c3b89f}html[data-theme=dark] .pendingChoiceSource{background:#3b4134}html[data-theme=dark] .chooseCardButton{color:#f0e8d5;background:#30382d;border-color:#89916e}html[data-theme=dark] .chooseCardButton .choiceCardAction{color:#eff6df;background:#4e603e}@media (max-width:420px){.dialogCardChoices{gap:12px}.chooseCardButton{padding:12px 6px 10px}.chooseCardButton>.cardArt{width:76px}.chooseCardButton strong,.chooseCardButton .choiceCardAction{font-size:13px}.pendingChoiceSource{gap:12px;padding:12px}.lobbyReadyList>div{padding:10px;font-size:14px}}.gameMode .playerName{overflow-wrap:anywhere;flex:1;min-width:0;max-width:none}.gameMode .playerName>span{white-space:normal}.gameMode .opponentRisk{color:#70513d;font-size:14px;font-weight:700}.opponentRisk strong{color:#a34f3c}.nextGoal{color:#705d49;flex-wrap:wrap;gap:4px 18px;padding:6px 10px;font-size:14px;line-height:1.6;display:flex}.nextGoal>span:last-child{font-weight:600}.gameMode .roomTop{flex-wrap:wrap}.gameMode .roomTop .reviewActions{flex-wrap:wrap;gap:8px;display:flex}.gameMode .hand .selectedHand{outline-offset:3px;outline:3px solid #c59030;box-shadow:0 0 0 6px #f8d78b88}.gameMode .board .handTarget{outline-offset:2px;outline:3px dashed #ffe1a2}.selectedBadge{color:#fff8e7;white-space:normal;pointer-events:none;background:#755329ed;border-radius:5px;padding:5px 1px;font-size:12px;font-weight:800;line-height:1.4;position:absolute;top:20%;left:2px;right:2px}.wideDialog{text-align:left;width:min(700px,100vw - 24px)}.resultDialog h2{overflow-wrap:anywhere;word-break:normal}.gameDialog>h2{margin-right:0;padding-right:48px}.dialogContent{font-size:16px;line-height:1.7}.dialogContent p{font-size:16px}.dialogContent table{border-collapse:collapse;width:100%;font-size:14px}.dialogContent th,.dialogContent td{vertical-align:top;border-bottom:1px solid #d9cdbb;padding:10px 8px}.dialogContent th{width:72px}.dialogContent .eyebrow{font-size:13px}.dialogContent .timeline{padding-left:0}.historyUpdate{background:#f2e7c9;border-radius:10px;padding:10px 12px;color:#70552b!important}.gameDialog .textButton{min-height:44px;font-size:15px}.gameDialog .historyTabs button{min-height:44px;font-size:14px}.gameDialog .collection .hwatu{width:72px}.replayControls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replayControls button{color:#65523c;min-height:44px;font:inherit;background:#f7eedc;border:1px solid #b9a889;border-radius:10px;padding:8px 18px}.replayControls button:disabled{opacity:.45}.replayControls button[aria-pressed=true]{background:#cad6b8}.replayStage{background:#e3e9d9;border-radius:14px;min-height:260px;margin-top:16px;padding:12px}.replayStage h3{margin:0 0 8px}.replayActionCards,.replayBoard{flex-wrap:wrap;gap:7px;display:flex}.replayActionCards{min-height:106px}.replayActionCards>div{width:60px;animation:.25s ease-out reviewReveal}.replayBoard>div{width:44px}.replayStage>p{margin:8px 0;font-size:14px}.replayScores{flex-direction:column;gap:6px;margin-top:12px;font-size:14px;display:flex}.patternGuide{background:#fffcf3;border:1px solid #d8cdb7;border-radius:12px;margin:10px 0;padding:10px 12px}.patternGuide summary{cursor:pointer;min-height:36px;font-size:15px;font-weight:700;line-height:1.7}.patternGuide summary span{font-size:13px;font-weight:400;display:block}.patternGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.patternGrid section{border-top:1px solid #ded4c3;min-width:0;padding-top:10px}.patternGrid p{margin:5px 0;font-size:14px;line-height:1.6}.patternGrid section>div{flex-wrap:wrap;gap:8px;display:flex}.patternGrid figure{width:64px;margin:0}.patternGrid figure .cardArt{width:44px}.patternGrid figcaption{margin-top:4px;font-size:12px;line-height:1.5}.patternGrid b{font-size:15px}.patternGrid b>span{color:#8b633e}@keyframes reviewReveal{0%{opacity:.3;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.replayActionCards>div{animation:none}}html[data-theme=dark] .gameMode .opponentRisk,html[data-theme=dark] .nextGoal{color:#e2cfaa}html[data-theme=dark] .opponentRisk strong{color:#ffc4a4}html[data-theme=dark] .patternGuide{color:#e9e5d6;background:#30382d;border-color:#68705a}html[data-theme=dark] .patternGrid p{color:#d1cbbb}html[data-theme=dark] .patternGrid b>span{color:#ebcca0}html[data-theme=dark] .patternGrid section,html[data-theme=dark] .dialogContent td,html[data-theme=dark] .dialogContent th{border-color:#626654}html[data-theme=dark] .replayStage{background:#35412f}html[data-theme=dark] .replayControls button{color:#f6eed8;background:#424b37;border-color:#939579}html[data-theme=dark] .replayControls button[aria-pressed=true]{background:#5b7149}html[data-theme=dark] .historyUpdate{background:#514c32;color:#f1ddb2!important}@media (max-width:760px){.gameMode header{flex-wrap:wrap;gap:7px;height:auto;min-height:90px;padding:10px 0}.gameMode .brand{font-size:15px}.gameMode nav{justify-content:space-between;gap:12px;width:100%}.gameMode nav .textButton{min-height:40px;padding:8px 3px;font-size:14px}.gameMode .themeToggle{min-width:44px;min-height:40px}.gameMode .roomTop .eyebrow{flex:1 0 100%;order:-1;font-size:13px;line-height:1.5}.gameMode .connection{font-size:13px}.gameMode .roomTop .historyButton,.gameMode .roomTop .secondary{min-height:44px;padding:8px 10px;font-size:13px}.gameMode .roomTop>div{flex-wrap:wrap;gap:8px}.gameMode .playerRow{gap:6px;min-height:84px}.gameMode .playerName>b{font-size:16px}.gameMode .playerName>span,.gameMode .peerStatus{font-size:13px;line-height:1.5}.gameMode .points small{max-width:48px;font-size:12px}.gameMode .handHint{font-size:14px;line-height:1.7}.gameMode .captureLabel{font-size:13px;line-height:20px}.gameMode .captureLabel strong{font-size:14px;line-height:20px}.gameMode .doublePi{font-size:12px;line-height:20px;position:static;transform:none}.gameMode .turnBanner{flex-wrap:wrap;min-height:44px;font-size:14px}.gameMode .turnBanner>b{font-size:12px}.gameMode .specialActions button{min-height:44px;font-size:14px}.gameMode .specialActions button small{font-size:12px}.gameMode .tableHeading{font-size:13px}.gameMode .backCards{flex-basis:45px;max-width:45px}.nextGoal{padding:6px;font-size:14px}.patternGuide summary span{font-size:13px}.patternGrid{grid-template-columns:1fr}.patternGrid figure{width:74px}.patternGrid figure .cardArt{width:50px}.patternGrid figcaption{font-size:13px}.selectedBadge{font-size:11px}.gameMode .resultReopen{min-height:44px}.dialogContent table{font-size:14px}}.carryNotice{color:#72592e;overflow-wrap:anywhere;background:#efe4b9;border:1px solid #bba371;border-radius:12px;gap:5px;margin:10px 0;padding:10px 14px;font-size:14px;display:grid}.carryNotice small{font-size:12px}.chongtongCards{justify-content:center;gap:8px;margin:16px 0;display:flex}.chongtongCards>.cardArt{width:55px;max-width:20%}html[data-theme=dark] .carryNotice{color:#f1deab;background:#514b31;border-color:#8f8055}.isDealing :is(.hand .cardArt,.backCards,.board .cardArt,.lastCard){visibility:hidden}.dealSequence{z-index:30;pointer-events:none;--deal-x:50vw;--deal-y:50vh;background:radial-gradient(#27352318,#0000 65%);position:fixed;inset:0}.dealCaption{color:#fff3d5;white-space:nowrap;background:#463d2ff0;border:1px solid #edd3a5;border-radius:99px;padding:13px 22px;font-size:17px;font-weight:800;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #201c2344}.shuffleStack{left:var(--deal-x);top:var(--deal-y);width:55px;height:90px;animation:.2s .8s both shuffleExit;position:absolute;transform:translate(-50%,-50%)}.shuffleStack>div{animation:.72s both riffleCut;animation-delay:calc(var(--i)*25ms);filter:drop-shadow(0 5px 3px #221e2344);position:absolute;inset:0}.shuffleStack .cardArt{width:100%;height:100%}.dealCard{left:var(--deal-x);top:var(--deal-y);opacity:0;perspective:700px;filter:drop-shadow(0 5px 3px #241f2433);position:absolute}.dealCardInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.75,.25,1);position:relative}.dealBack,.dealFront{backface-visibility:hidden;position:absolute;inset:0}.dealFront{transform:rotateY(180deg)}.dealCard .cardArt{width:100%;height:100%}.dealReveal .dealCard:not(.peer) .dealCardInner{transform:rotateY(180deg)}.fastDeal .shuffleStack{animation-delay:.5s}.fastDeal .shuffleStack>div{animation-duration:.44s}.fastDeal .dealCardInner{transition-duration:.25s}@keyframes riffleCut{0%{transform:translate(calc(var(--i)*1px),calc(var(--i)*-2px)) rotate(-7deg)}30%{transform:translate(calc((var(--i) - 2.5)*20px),-18px) rotate(calc((var(--i) - 2.5)*12deg))}58%{transform:translate(calc(var(--i)*-2px),0) rotate(5deg)}78%{transform:translate(24px,-20px)rotate(-11deg)}to{transform:translate(0)rotate(0)}}@keyframes shuffleExit{to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}@media (max-width:420px){.dealCaption{padding:10px 16px;font-size:14px;top:12%}}.eventBurst.eventPortal{z-index:60;pointer-events:none;background:radial-gradient(#fff2d6e8 0%,#fff2d650 30%,#0000 63%);padding:24px;animation:.28s cubic-bezier(.15,.8,.3,1) both eventReveal;position:fixed;inset:0}.eventPortal>strong{font-size:clamp(36px,8vw,76px)}.eventPortal>span{overflow-wrap:anywhere;max-width:min(460px,85vw);line-height:1.6;box-shadow:0 8px 28px #2d251c22}.eventPortal.cue-bomb{background:radial-gradient(#ffd7a6d9,#0000 65%)}.eventPortal.cue-bomb>strong{color:#9a442d;animation:.38s both bombStamp}.eventPortal.cue-go>strong{color:#558345;animation:.42s both goLift}.eventPortal.cue-stop>strong{color:#9f4e4a;animation:.3s both bombStamp}.eventPortal.cue-ttadak>strong{color:#8154a2;animation:.32s both doubleStamp}.eventPortal.cue-shake .shakeRevealedCards{animation:.45s both fanShake}.captureSweep:before,.captureSweep:after{content:"";z-index:-1;filter:blur(1px);background:#f7e9b87a;border:1px solid #fff2cf88;border-radius:5px;position:absolute;inset:5% 0;transform:translate(-9px,-6px)rotate(-5deg)}.captureSweep:after{opacity:.45;filter:blur(2px);transform:translate(-18px,-10px)rotate(-9deg)}.captureSweep .cardArt{filter:drop-shadow(0 7px 5px #26362666)}@keyframes eventReveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes bombStamp{0%{opacity:0;transform:scale(1.7)rotate(-9deg)}65%{opacity:1;transform:scale(.94)rotate(-5deg)}to{transform:scale(1)rotate(-7deg)}}@keyframes goLift{0%{opacity:0;transform:translateY(35px)rotate(-7deg)}70%{transform:translateY(-8px)rotate(-7deg)}to{opacity:1;transform:translateY(0)rotate(-7deg)}}@keyframes doubleStamp{0%,48%{transform:scale(1.25)rotate(4deg)}28%,to{transform:scale(1)rotate(-7deg)}}@keyframes fanShake{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}65%{transform:rotate(7deg)}}@media (prefers-reduced-motion:reduce){.eventBurst.eventPortal,.eventPortal>*{animation:none!important}.captureSweep:before,.captureSweep:after{display:none}}.eventPortal .eventTag{color:#6b5464;overflow-wrap:anywhere;background:#fff9eef2;border:1px solid #ecd4c5;border-radius:99px;max-width:85vw;margin:8px 0;padding:7px 14px;font-size:clamp(12px,2.5vw,16px);line-height:1.5;display:block;box-shadow:0 4px 12px #51433618}.eventPortal[data-effect] .burstStars{letter-spacing:0;font-size:58px;line-height:1.2}.eventPortal.cue-ppuk{background:radial-gradient(#e8ddf3e8,#0000 64%)}.eventPortal.cue-ppuk>strong{color:#81668c;font-size:clamp(32px,7vw,60px);animation:.46s both ppukBounce}.eventPortal.cue-ppuk .burstStars{color:#9b8bab;animation:.46s both ppukBounce}.eventPortal.cue-first-ppuk{background:radial-gradient(#fff0bde8,#0000 65%)}.eventPortal.cue-first-ppuk>strong{color:#a47a31;animation:.48s both bonusBloom}.eventPortal.cue-first-ppuk .burstStars{color:#d1a23f;animation:.6s both bonusTwinkle}.eventPortal.cue-first-ppuk .eventTag{color:#855f23;background:#fff5ce;border:2px solid #e6c77d}.eventPortal.cue-three-ppuk{background:radial-gradient(#f7dcefe8,#0000 67%)}.eventPortal.cue-three-ppuk>strong{color:#a9588a;animation:.5s both crownRise}.eventPortal.cue-three-ppuk .burstStars{color:#b68b31;font-size:76px;animation:.5s both crownRise}.eventPortal.cue-three-ppuk .eventTag{color:#944774;background:#fff0f8;border:2px solid #d796b9}.eventPortal.cue-self-ppuk{background:radial-gradient(#d9f2e7e8,#0000 64%)}.eventPortal.cue-self-ppuk>strong{color:#4c8b71}.eventPortal.cue-self-ppuk .burstStars,.eventPortal.cue-recover-ppuk .burstStars{color:#559b80;animation:.5s both returnSwoop}.eventPortal.cue-recover-ppuk>strong{color:#558d8a}.eventPortal.cue-jjok{background:radial-gradient(#fce0e7e8,#0000 64%)}.eventPortal.cue-jjok>strong{color:#b36584}.eventPortal.cue-jjok .burstStars{color:#d9829d;animation:.5s both heartPop}.eventPortal.cue-sweep-board{background:radial-gradient(#d9f1f7e8,#0000 65%)}.eventPortal.cue-sweep-board>strong{color:#50899d}.eventPortal.cue-sweep-board .burstStars{color:#73b4c3;animation:.55s both cleanSweep}.eventPortal.cue-sweep-board .burstStars:before,.eventPortal.cue-sweep-board .burstStars:after{content:"✧";vertical-align:middle;margin:0 20px;font-size:30px;display:inline-block}.eventPortal.cue-three-ppuk .burstStars:after{content:"✦ ✦ ✦";letter-spacing:12px;margin:7px 0 0 12px;font-size:20px;display:block}@keyframes ppukBounce{0%{opacity:0;transform:translateY(-16px)rotate(-8deg)}50%{opacity:1;transform:translateY(7px)rotate(5deg)}75%{transform:translateY(-4px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}@keyframes bonusBloom{0%{opacity:0;transform:scale(.65)}70%{transform:scale(1.09)}to{opacity:1;transform:scale(1)}}@keyframes bonusTwinkle{0%{opacity:0;transform:scale(.5)rotate(-40deg)}65%{transform:scale(1.15)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes crownRise{0%{opacity:0;transform:translateY(22px)scale(.8)}70%{transform:translateY(-5px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes returnSwoop{0%{opacity:0;transform:translate(60px)rotate(45deg)}70%{transform:translate(-8px)rotate(-8deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes heartPop{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.2)}65%{transform:scale(.95)}to{transform:scale(1)}}@keyframes cleanSweep{0%{opacity:0;transform:translate(-70px)rotate(-30deg)}to{opacity:1;transform:translate(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.eventPortal[data-effect]>*{animation:none!important}}.resultMoodScene{background:radial-gradient(#fff0bfaa,#0000 72%);border-radius:20px;flex-direction:column;align-items:center;gap:5px;margin:2px 0 12px;padding:6px 12px 12px;display:flex;position:relative}.resultMoodScene>b{color:#8b6b35;font-size:14px;line-height:1.5}.resultMoodDecor{text-align:center;letter-spacing:32px;color:#d6ae60;pointer-events:none;padding-left:32px;font-size:28px;position:absolute;inset:6px 0 auto}.resultFriend{z-index:1;transform-origin:50% 90%;position:relative;overflow:visible}.outcome-win .resultMoodScene{background:radial-gradient(#fff0bfee,#0000 75%)}.outcome-lose .resultMoodScene{background:radial-gradient(#e3e9f5dd,#0000 75%)}.outcome-lose .resultMoodScene>b{color:#747e9e}.outcome-lose .resultMoodDecor{color:#a5b1d3;letter-spacing:0;padding:0;top:30px;left:125px}.outcome-draw .resultMoodScene{background:radial-gradient(#e4efdfdd,#0000 75%)}.outcome-draw .resultMoodScene>b{color:#6c8865}.outcome-draw .resultMoodDecor{color:#93b38d;letter-spacing:0;padding:0;top:40px;left:-125px}.celebrateResult.outcome-win .resultFriend{animation:.8s cubic-bezier(.2,.7,.3,1) both resultHappy}.celebrateResult.outcome-win .resultMoodDecor{animation:.9s ease-out both resultConfetti}.celebrateResult.outcome-lose .resultFriend{animation:.8s ease-out both resultComfort}.celebrateResult.outcome-lose .resultTear{animation:.7s ease-out both resultTear}.celebrateResult.outcome-draw .resultFriend{animation:.85s ease-in-out both resultCurious}.celebrateResult.outcome-draw .resultMoodDecor{animation:.85s ease-out both resultConfetti}html[data-theme=dark] .outcome-win .resultMoodScene{background:radial-gradient(#65532b88,#0000 75%)}html[data-theme=dark] .outcome-lose .resultMoodScene{background:radial-gradient(#49567588,#0000 75%)}html[data-theme=dark] .outcome-draw .resultMoodScene{background:radial-gradient(#45644388,#0000 75%)}html[data-theme=dark] .resultMoodScene>b{color:#efd9aa}html[data-theme=dark] .outcome-lose .resultMoodScene>b{color:#c4d0ed}html[data-theme=dark] .outcome-draw .resultMoodScene>b{color:#c8e2bb}@keyframes resultHappy{0%{opacity:0;transform:translateY(16px)scale(.9)}35%{opacity:1;transform:translateY(-12px)scale(1.03)}60%{transform:translateY(0)scale(1)}80%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes resultConfetti{0%{opacity:0;transform:translateY(15px)scale(.5)}70%{opacity:1;transform:translateY(-3px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes resultComfort{0%{opacity:0;transform:translateY(8px)rotate(-5deg)}55%{opacity:1;transform:translateY(0)rotate(3deg)}to{transform:rotate(0)}}@keyframes resultTear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes resultCurious{0%{opacity:0;transform:rotate(0)}35%{opacity:1;transform:rotate(-6deg)}70%{transform:rotate(4deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.celebrateResult .resultFriend,.celebrateResult .resultMoodDecor,.celebrateResult .resultTear{animation:none!important}}.capturedCard.patternSparkle{isolation:isolate;animation:.78s ease-in-out both patternCardGlow;position:relative}.capturedCard.patternSparkle:after{content:"✦";color:#fff6bd;text-shadow:0 1px 2px #926a2b;pointer-events:none;z-index:2;border:2px solid #ffeaa4;border-radius:4px;justify-content:flex-end;align-items:flex-start;font-size:14px;line-height:1;display:flex;position:absolute;inset:2px;box-shadow:inset 0 0 10px #fff8ccaa}.eventBurst.eventPortal.patternPortal{background:0 0;justify-content:flex-start;padding-top:max(18px,8dvh)}.patternPortal .burstStars{color:#d2b56c;margin:0;font-size:30px!important}.patternPortal>strong{text-shadow:none;background:#fff8eaf2;border-radius:14px;padding:7px 18px;font-size:clamp(25px,5vw,40px);transform:none;box-shadow:0 5px 20px #30281822}.patternPortal>.eventTag{margin:3px 0;font-size:12px}.patternPortal>span{margin-top:7px;padding:7px 13px;font-size:14px}.patternPortal.cue-pattern-birds>strong{color:#557e74}.patternPortal.cue-pattern-ribbon>strong{color:#aa637c}.patternPortal.cue-pattern-bright>strong{color:#9c772e}.patternPortal .burstStars{animation:.55s both bonusTwinkle}@keyframes patternCardGlow{0%{filter:brightness()}35%{filter:brightness(1.35)}70%{filter:brightness(1.1)}to{filter:brightness()}}@media (max-width:420px){.eventBurst.eventPortal.patternPortal{padding-top:12px}.patternPortal>span{font-size:12px}.patternPortal>.eventTag{font-size:11px}.patternPortal .burstStars{font-size:23px!important}}@media (prefers-reduced-motion:reduce){.capturedCard.patternSparkle{animation:none}}.settlementReveal{text-align:left;background:#f7efdf;border:1px solid #d8c8aa;border-radius:16px;margin:16px 0;padding:14px}.settlementCounter{text-align:center;overflow-wrap:anywhere;gap:5px;display:grid}.settlementCounter>span{color:#7b6b50;font-size:13px}.settlementCounter>strong{color:#806030;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(25px,6vw,36px);line-height:1.25}.settlementCounter small{margin-left:5px;font-size:15px}.settlementSkip{color:#715c3f;cursor:pointer;background:#fffaf0;border:1px solid #b7a486;border-radius:10px;min-height:42px;margin:10px auto 4px;padding:9px 12px;font-size:13px;display:block}.settlementSteps{margin:8px 0 0;padding:0;list-style:none}.settlementSteps li{border-top:1px solid #dfd1ba;justify-content:space-between;gap:12px;padding:7px 3px;font-size:13px;line-height:1.4;display:flex}.settlementSteps li>span{overflow-wrap:anywhere;min-width:0}.settlementSteps li>b{overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums;max-width:64%}.settlementSteps small{font-size:12px}.settlementSteps .pending{opacity:.38}.settlementSteps .active{color:#8a6630;background:#fff6d7;border-radius:6px}.bakStage{align-items:center;min-height:82px;display:grid}.bakStage:empty{display:none}.bakReveal{color:#995b78;background:#f8e0e9;border:1px solid #e2b4c7;border-radius:12px;grid-template-columns:36px 1fr;gap:3px 8px;margin-top:8px;padding:11px;animation:.3s both bakPop;display:grid}.bakReveal>span{grid-row:span 2;align-self:center;font-size:30px}.bakReveal>b{font-size:19px}.bakReveal>small{font-size:12px;line-height:1.4}.bak-bright{color:#997527;background:#fff0bd;border-color:#dfc777}.bak-go{color:#527d62;background:#dceee3;border-color:#a7c9b2}.bak-animal{color:#7b6695;background:#e7e0f3;border-color:#c6b5dd}.countingResult .resultMoodScene{background:0 0;margin:0;padding:0}.countingResult .resultMoodScene .resultFriend{width:90px;height:90px}.countingResult .resultMoodScene>b,.countingResult .resultMoodDecor{display:none}.countingResult h2{font-size:22px}.countingResult .settlementReveal{margin-top:10px}html[data-theme=dark] .settlementReveal{color:#e9dfc7;background:#393f31;border-color:#60664f}html[data-theme=dark] .settlementCounter>span{color:#d4c7aa}html[data-theme=dark] .settlementCounter>strong{color:#f4e7bd}html[data-theme=dark] .settlementSkip{color:#f0dfbb;background:#4b4c3c;border-color:#908567}html[data-theme=dark] .settlementSteps li{border-color:#60664f}html[data-theme=dark] .settlementSteps .active{color:#f4dfad;background:#52523a}@keyframes bakPop{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.bakReveal{animation:none}}.gameMode .playerRow .liveFriend{isolation:isolate;flex:0 0 52px;place-items:center;width:52px;height:56px;display:grid;position:relative}.liveFriendArt{transform-origin:50% 90%;width:52px;height:52px;display:block}.liveFriendArt>svg{width:100%;height:100%;display:block}.liveFriend .reactionAccent{color:#c8939b;pointer-events:none;font-size:16px;font-weight:800;line-height:1;position:absolute;top:0;right:0}.liveFriend.react-joy .reactionAccent{color:#c2a057;font-size:17px}.liveFriend.react-sad .reactionAccent{color:#92a3c3;top:4px}.liveFriend.react-happy:before,.liveFriend.react-joy:before{content:"";z-index:-1;background:#f9e6ad66;border-radius:50%;position:absolute;inset:5px}.liveFriend.react-sad:before{content:"";z-index:-1;background:#d8e5f566;border-radius:50%;position:absolute;inset:8px}.reactionMotion.react-happy .liveFriendArt{animation:.65s ease-out both liveHappy}.reactionMotion.react-joy .liveFriendArt{animation:.95s ease-out both liveJoy}.reactionMotion.react-sad .liveFriendArt{animation:.7s ease-out both liveSad}.reactionMotion.react-joy .reactionAccent{animation:.65s both bonusTwinkle}@keyframes liveHappy{0%{transform:translateY(0)}40%{transform:translateY(-5px)rotate(-4deg)}70%{transform:translateY(0)rotate(3deg)}to{transform:translateY(0)}}@keyframes liveJoy{0%{transform:scale(.95)}28%{transform:translateY(-7px)rotate(-7deg)}48%{transform:translateY(0)rotate(5deg)}70%{transform:translateY(-4px)rotate(-4deg)}to{transform:translateY(0)rotate(0)}}@keyframes liveSad{0%{transform:translateY(0)}40%{transform:translateY(3px)rotate(-6deg)}70%{transform:translateY(2px)rotate(3deg)}to{transform:translateY(1px)rotate(0)}}@media (max-width:760px){.gameMode .playerRow .liveFriend{flex-basis:44px;width:44px;height:48px}.liveFriendArt{width:44px;height:44px}.liveFriend .reactionAccent{font-size:14px}}@media (prefers-reduced-motion:reduce){.liveFriendArt,.liveFriend .reactionAccent{animation:none!important}}.liveFriend.character-hachiware.react-happy:before,.liveFriend.character-hachiware.react-joy:before{background:#bce5f566}.liveFriend.character-hachiware .reactionAccent{color:#659fb9}.liveFriend.character-usagi.react-happy:before,.liveFriend.character-usagi.react-joy:before{background:#ffe38d77}.liveFriend.character-usagi .reactionAccent{color:#bd8938}.liveFriend.character-usagi.react-sad .reactionAccent{color:#bf887b;font-size:12px}.reactionMotion.character-hachiware.react-happy .liveFriendArt{animation:.72s ease-out both hachiHop}.reactionMotion.character-hachiware.react-joy .liveFriendArt{animation:1s ease-out both hachiClasp}.reactionMotion.character-hachiware.react-sad .liveFriendArt{animation:.75s ease-out both hachiDroop}.reactionMotion.character-usagi.react-happy .liveFriendArt{animation:.65s ease-out both usagiWiggle}.reactionMotion.character-usagi.react-joy .liveFriendArt{animation:1s ease-out both usagiBounce}.reactionMotion.character-usagi.react-sad .liveFriendArt{animation:.7s ease-out both usagiHuff}@keyframes hachiHop{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(0)}72%{transform:translateY(-2px)}}@keyframes hachiClasp{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-6px)rotate(-3deg)}45%{transform:translateY(0)scale(1.04,.97)}70%{transform:translateY(-3px)rotate(3deg)}}@keyframes hachiDroop{0%{transform:translateY(0)}45%{transform:translateY(3px)rotate(-4deg)}to{transform:translateY(2px)rotate(-2deg)}}@keyframes usagiWiggle{0%,to{transform:rotate(0)}18%{transform:rotate(-9deg)}36%{transform:rotate(9deg)}54%{transform:rotate(-7deg)}72%{transform:rotate(5deg)}}@keyframes usagiBounce{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-7px)rotate(-10deg)}40%{transform:translateY(0)rotate(8deg)}60%{transform:translateY(-5px)rotate(-8deg)}80%{transform:translateY(0)rotate(5deg)}}@keyframes usagiHuff{0%,to{transform:translateY(1px)}25%{transform:translateY(2px)rotate(-6deg)}50%{transform:translateY(1px)rotate(6deg)}75%{transform:translateY(2px)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.liveFriend .liveFriendArt,.liveFriend .reactionAccent{animation:none!important}}.bonusGuide{background:#fff8ec;border:1px solid #dfcbbb;border-radius:20px;margin:24px 0;padding:22px}.bonusGuide h2{color:#84664e;margin:0 0 18px}.bonusGuide h2>span{margin-top:6px;font-size:13px;font-weight:500;display:block}.bonusGuideCards{flex-wrap:wrap;justify-content:center;gap:clamp(12px,4vw,36px);display:flex}.bonusGuideCards figure{text-align:center;flex:0 140px;margin:0}.bonusGuideCards .cardArt{filter:drop-shadow(0 5px 5px #58442b20);width:100%;height:auto;display:block}.bonusGuideCards figcaption{color:#78614f;margin-top:9px;font-size:14px;font-weight:700}.bonusGuide>p{text-align:center;margin-bottom:0;font-size:14px;line-height:1.7}html[data-theme=dark] .bonusGuide{background:#373a30;border-color:#68604e}html[data-theme=dark] .bonusGuide h2,html[data-theme=dark] .bonusGuideCards figcaption{color:#ead9ba}@media (max-width:440px){.bonusGuide{padding:15px 10px}.bonusGuideCards{flex-wrap:nowrap;gap:9px}.bonusGuideCards figure{min-width:0}.bonusGuideCards figcaption{font-size:11px}}