@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(./cinzel-latin-ext-800-normal-BVA5zD9y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(./cinzel-latin-800-normal-CwkMVn6z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#3a2610;--ink-soft:#6a4c26;--cream:#f7e9c8;--cream-dim:#f7e9c8b8;--gold-hi:#f6d77e;--gold:#d4a73f;--gold-lo:#8a641a;--gold-line:#f0d0714d;--night:#160d05b3;--felt-1:#2f7d48;--felt-2:#1f5c35;--felt-3:#123a21;--red:#c8202e;--black:#1c1c22;--blue:#1f5fbf;--green:#17803d;--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", system-ui, -apple-system, "Segoe UI", "Thonburi", "Noto Sans Thai", "Leelawadee UI", sans-serif;--mincho:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, "Thonburi", "Noto Serif Thai", "Noto Sans Thai", "Leelawadee UI", serif;--display:"Cinzel", "Hiragino Mincho ProN", Georgia, serif;--gold-grad:linear-gradient(#ffffff73, #fff0 45%), linear-gradient(#f3d57a, #c99b38 55%, #8d661c);--parch-1:#f7e9c8;--parch-2:#ead5a8;--parch-3:#d3b57c;--brass-1:#f0d071;--brass-2:#c69a35;--brass-3:#8a641a;--r-sm:6px;--r-md:10px;--r-lg:18px;--shadow-1:0 2px 6px #00000052;--shadow-2:0 8px 24px #0000006b;--shadow-3:0 20px 56px #00000094;--font:var(--sans);--font-display:var(--mincho);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#21130a}button{font:inherit;color:inherit}.icon{flex:none}.screen{min-height:100dvh}.wood-bg{background-color:#0000;background-image:repeating-linear-gradient(90deg,#00000014 0 2px,#0000 2px 132px),repeating-linear-gradient(88deg,#ffffff06 0 1px,#0000 1px 9px),repeating-linear-gradient(92deg,#0000000d 0 3px,#0000 3px 41px),radial-gradient(130% 80% at 50% -10%,#74492a,#432812 52%,#1f1209);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.parchment,.modal.acc-modal{color:var(--ink);background:radial-gradient(110% 80% at 18% 6%,#ffffff8c,#fff0 55%),radial-gradient(90% 70% at 90% 100%,#9c6c2e4d,#9c6c2e00 62%),linear-gradient(170deg,#f9edd0,#ecd8ab 60%,#d6b97f);border:1px solid #78521e73;box-shadow:0 10px 28px #0000006b,inset 0 1px #ffffffbf,inset 0 -3px 12px #8c602440}.felt{background:radial-gradient(120% 90% at 50% 20%, var(--felt-1), var(--felt-2) 58%, var(--felt-3))}.btn{color:var(--ink);cursor:pointer;white-space:nowrap;background:linear-gradient(#fcf5e3,#ead6a6);border:1px solid #78521e73;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform 80ms,filter .15s,opacity .15s;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,inset 0 -2px #78521e40,0 2px 6px #00000040}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.35)}.btn-primary{background:var(--gold-grad);color:#3a2405;border-color:#6b4a10;box-shadow:inset 0 1px #ffffffd9,inset 0 -2px #6e4a1459,0 3px 10px #00000052}.btn-dark{color:var(--cream);background:#160d05c7;border-color:#f0d07159;box-shadow:inset 0 1px #ffffff14,0 2px 6px #0000004d}.btn-danger{color:#fff;background:linear-gradient(#e15a4e,#a7241b);border-color:#6e130c}.btn-lg{letter-spacing:.04em;padding:14px 30px;font-size:17px}.link-btn{color:inherit;opacity:.85;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:4px;padding:4px 2px;font-size:13px;text-decoration:underline;display:inline-flex}.link-btn:hover{opacity:1}.ghost-pill{color:var(--cream);border:1px solid var(--gold-line);cursor:pointer;background:#1e10048c;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex;box-shadow:0 2px 6px #00000052,inset 0 1px #ffffff1f}.ghost-pill:hover{background:#1e1004bf}.ghost-pill.icon-only{padding:9px}.pill{background:var(--night);color:var(--cream);border:1px solid var(--gold-line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0000004d}.icon-btn{background:var(--night);width:38px;height:38px;color:var(--cream);border:1px solid var(--gold-line);cursor:pointer;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 6px #0000004d}.icon-btn:hover{background:#281808e6}.seg{background:linear-gradient(#f7ecd2,#ead8b0);border:1px solid #78521e61;border-radius:12px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.seg button{min-width:0;color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-right:1px solid #78521e33;flex:1 1 0;padding:10px 8px;font-size:14px;transition:background .15s;overflow:hidden}.seg button:last-child{border-right:none}.seg button:hover:not(.on):not(:disabled){background:#ffffff59}.seg button.on{color:#3a2405;background:linear-gradient(#ffffff6b,#fff0 50%),linear-gradient(#f2d274,#c99b38);font-weight:700;box-shadow:inset 0 -2px #6e4a1459}.seg.small button{padding:7px 10px;font-size:13px}.seg.disabled{opacity:.45}.seg.disabled button{cursor:not-allowed}.avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;transition:transform .15s}.avatar-btn:hover{transform:scale(1.08)rotate(-4deg)}.hidden{display:none!important}.card{--cw:80px;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .1);-webkit-user-select:none;user-select:none;flex:none;position:relative}.card.face{box-shadow:inset 0 1px 0 #fffffff2, inset 0 0 0 calc(var(--cw) * .03) #fff9, 0 1px 2px #00000040, 0 6px 14px #0003;background:linear-gradient(160deg,#fffefa,#f5efe2);border:1px solid #28190a52}.card.red{color:var(--red)}.card.black{color:var(--black)}.card.blue{color:var(--blue)}.card.green{color:var(--green)}.card .corner{flex-direction:column;align-items:center;line-height:.9;display:flex;position:absolute}.card .tl{top:calc(var(--cw) * .07);left:calc(var(--cw) * .07)}.card .br{bottom:calc(var(--cw) * .07);right:calc(var(--cw) * .07);transform:rotate(180deg)}.card .r{font-family:var(--display);font-size:calc(var(--cw) * .25);letter-spacing:-.06em;font-weight:700}.card .s{width:calc(var(--cw) * .16);height:calc(var(--cw) * .16);margin-top:calc(var(--cw) * .025)}.card .pip{place-items:center;display:grid;position:absolute;inset:0}.card .pip svg{width:calc(var(--cw) * .44);height:calc(var(--cw) * .44);filter:drop-shadow(0 1px #ffffffb3)}.card .pip.ace svg{width:calc(var(--cw) * .5);height:calc(var(--cw) * .5)}.card .pip.ace:before{content:"";width:calc(var(--cw) * .74);height:calc(var(--cw) * .74);border:calc(var(--cw) * .015) solid currentColor;opacity:.22;border-radius:50%;position:absolute}.card .court{border-radius:calc(var(--cw) * .07);border:calc(var(--cw) * .018) solid currentColor;background:radial-gradient(circle at 50% 30%, #ffffffd9, #fff0 70%), color-mix(in srgb, currentColor 13%, #fff8ea);justify-content:center;align-items:center;gap:calc(var(--cw) * .02);box-shadow:inset 0 0 0 calc(var(--cw) * .03) #ffffffb3;flex-direction:column;display:flex;position:absolute;inset:18% 19%}.card .court-letter{font-family:var(--display);font-size:calc(var(--cw) * .42);font-weight:800;line-height:1}.card .court-suit{width:calc(var(--cw) * .16);height:calc(var(--cw) * .16)}.card.joker{color:#5b2aa8;background:radial-gradient(circle at 50% 45%,#fffaf0,#f8ecd0 55%,#ecd59a)}.card .joker-corner{font-family:var(--display);font-size:calc(var(--cw) * .13);color:#b0262f;font-weight:800;line-height:1.02}.card .joker-art{place-items:center;display:grid;position:absolute;inset:0}.card .joker-ring{width:calc(var(--cw) * .62);height:calc(var(--cw) * .62);box-shadow:inset 0 0 0 calc(var(--cw) * .06) #fff8ea, 0 2px 6px #0000002e;background:conic-gradient(#e2483d,#f0b73a,#4fae5b,#3b7fd6,#8a4fd1,#e2483d);border-radius:50%;position:absolute}.card .joker-star{width:calc(var(--cw) * .36);height:calc(var(--cw) * .36);color:#fff3c2;filter:drop-shadow(0 1px 1px #5028008c);position:relative}.card .as-badge{left:50%;bottom:calc(var(--cw) * -.08);min-width:calc(var(--cw) * .34);color:#f6d77e;font-family:var(--display);font-size:calc(var(--cw) * .16);text-align:center;background:#3a2405;border-radius:999px;padding:1px 6px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 1px 3px #0006}.card.back{background:#7b1d2c;border:1px solid #00000073;overflow:hidden;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff2e}.card .back-inner{border-radius:calc(var(--cw) * .06);background:repeating-linear-gradient(45deg,#f0d0712b 0 1.5px,#0000 1.5px 6px),repeating-linear-gradient(-45deg,#f0d0712b 0 1.5px,#0000 1.5px 6px),radial-gradient(circle,#a12c40,#5e1220);border:1px solid #f0d07199;place-items:center;display:grid;position:absolute;inset:7%}.card .back-emblem{width:calc(var(--cw) * .42);height:calc(var(--cw) * .42);background:var(--gold-grad);box-shadow:0 0 0 calc(var(--cw) * .03) #5e1220;border-radius:50%;place-items:center;display:grid}.card .back-emblem span{font-family:var(--display);font-weight:800;font-size:calc(var(--cw) * .26);color:#5e1220}.card.clickable{cursor:pointer}.card.dim{filter:brightness(.6)saturate(.6)}.card.mini{--cw:44px}.card.fresh{animation:1.2s ease-in-out 3 fresh-glow}.card.fresh:after{content:"NEW";top:calc(var(--cw) * -.14);right:calc(var(--cw) * -.08);color:#fff;letter-spacing:.05em;background:#e2483d;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;box-shadow:0 1px 3px #0006}@keyframes fresh-glow{0%,to{box-shadow:0 6px 14px #0003}50%{box-shadow:0 0 0 2px #7ee08f,0 0 22px #7ee08fcc}}.card-fan{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card-fan .card{--cw:52px;transform-origin:50% 130%;position:absolute}.home{padding:calc(14px + var(--safe-top)) 16px 40px}.home-inner{flex-direction:column;align-items:stretch;width:100%;max-width:1120px;margin:0 auto;display:flex}.title-head{text-align:center;margin:4px 0 6px}.logo{flex-direction:column;align-items:center;display:flex}.logo-art{flex-direction:column;align-items:center;width:240px;height:128px;animation:.9s cubic-bezier(.2,.9,.3,1.2) both logo-in;display:flex;position:relative}@keyframes logo-in{0%{opacity:0;transform:translateY(-12px)scale(.9)}}.logo-crown{filter:drop-shadow(0 3px 4px #00000073);z-index:10;width:58px;height:46px;animation:4s ease-in-out infinite float;position:relative}.logo-art .card-fan{height:90px;margin-top:-2px}.logo-art .card-fan .card{--cw:54px}.logo-title{margin:10px 0 0;line-height:1}.logo-title>span:first-child{font-family:var(--display);letter-spacing:.06em;background:linear-gradient(#fff5c9,#f0c95a 44%,#a87822 68%,#f1d27c);color:#0000;filter:drop-shadow(0 3px #3a2208)drop-shadow(0 10px 18px #00000080);-webkit-background-clip:text;background-clip:text;padding-left:.06em;font-size:clamp(46px,10vw,92px);font-weight:800;display:block}.logo-sub{font-family:var(--display);letter-spacing:.62em;color:#d8b057;margin-top:8px;padding-left:.62em;font-size:clamp(12px,2vw,16px);font-weight:700;display:block}.tagline{max-width:640px;color:var(--cream-dim);text-align:center;margin:14px auto;font-size:14px}.title-pills,.title-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.title-actions{margin-top:28px}.pill-btn{color:var(--cream);box-shadow:var(--shadow-1), inset 0 1px #ffd6962e;cursor:pointer;background:linear-gradient(178deg,#4a2f15eb,#2a190aeb);border:1px solid #ffd6964d;border-radius:999px;align-items:center;gap:9px;padding:9px 17px 9px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.pill-btn:hover{color:#fdf0d2;border-color:#ffd6968c}.pill-btn svg{width:16px;height:16px;color:var(--brass-1)}.resume-box{text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(460px,100%);margin:22px auto 0;display:flex}.resume-box .btn-lg{min-width:min(320px,100%)}.resume-meta{color:var(--cream-dim);margin:4px 0 0;font-size:12.5px}.resume-box .link-btn{color:var(--cream-dim)}.resume-box .or-rule{width:100%;color:var(--cream-dim);margin-top:8px}.section-heading{font-family:var(--mincho);letter-spacing:.14em;color:var(--cream);text-align:center;text-shadow:0 2px #00000073;margin:30px 0 16px;font-size:26px;font-weight:600}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;width:100%;display:grid}.preset-card{text-align:left;cursor:pointer;font:inherit;border-radius:16px;flex-direction:column;padding:0;transition:transform .18s,box-shadow .18s;animation:.45s cubic-bezier(.2,.9,.3,1) both rise;display:flex;position:relative;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.preset-card:hover{transform:translateY(-3px)}.preset-card.on{outline:3px solid var(--gold-hi);outline-offset:-1px;box-shadow:0 0 0 1px #6b4a10,0 0 30px #f0d07180,0 10px 28px #0000006b}.preset-card .check{z-index:2;background:var(--gold-grad);color:#3a2405;border:1px solid #6b4a10;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;left:10px}.preset-art{border-bottom:1px solid #00000040;height:112px;box-shadow:inset 0 -10px 20px #00000026}.preset-body{flex-direction:column;flex:1;padding:13px 16px 15px;display:flex}.preset-body h3{font-family:var(--mincho);margin:0 0 6px;font-size:21px}.preset-body p{color:#5d4220;flex:1;margin:0 0 12px;font-size:13px;line-height:1.65}.tags,.rule-chips{flex-wrap:wrap;gap:6px;display:flex}.tag,.tags>span{color:var(--ink);background:#ffffff8c;border:1px solid #78521e4d;border-radius:999px;padding:3px 10px;font-size:12px}.next-btn{min-width:min(320px,100%)}.footnote{color:#f7e9c866;text-align:center;margin-top:26px;font-size:11px}.setup{padding:16px}.setup-card{border-radius:20px;width:min(700px,100%);margin:12px auto 40px;padding:20px 24px 26px}.back-link{margin-bottom:6px}.setup-head{align-items:center;gap:16px;margin:6px 0 8px;display:flex}.setup-head h2{font-family:var(--mincho);margin:0 0 4px;font-size:26px}.setup-head p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.setup-art{border-radius:12px;flex:none;width:104px;height:76px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040,0 2px 6px #00000040}.setup-art .card-fan .card{--cw:34px}.field-label{color:#5a3d17;align-items:center;gap:10px;margin:20px 0 8px;font-size:14px;font-weight:800;display:flex}.rules-status{color:var(--gold-lo);font-size:12px;font-weight:600}.rules-head{justify-content:space-between;align-items:center;display:flex}.seats{flex-direction:column;gap:8px;display:flex}.seat-row{background:#ffffff5c;border:1px solid #78521e40;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.name-input{min-width:0;color:var(--ink);font:inherit;background:#ffffffc7;border:1px solid #78521e59;border-radius:10px;flex:1;padding:9px 12px;font-size:15px}.name-input:focus{outline:2px solid var(--gold);outline-offset:1px}.seat-row .seg{flex:none;width:250px}.seat-badge{color:var(--cream);background:#3a2610;border-radius:999px;flex:none;padding:6px 14px;font-size:12px;font-weight:700}.hint-text{color:#7a5a30;margin:6px 0 0;font-size:12px;line-height:1.6}.rule-sections{margin-top:6px}.rule-section{background:#ffffff4d;border:1px solid #78521e47;border-radius:14px;margin-top:10px;overflow:hidden}.rule-section-head{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:13px 16px;font-size:16px;font-weight:800;display:flex}.rule-section-head:hover{background:#ffffff40}.caret{font-size:11px;transition:transform .2s}.rule-section.open .caret{transform:rotate(90deg)}.rule-section-count{background:var(--gold-grad);color:#3a2405;border-radius:999px;margin-left:auto;padding:1px 9px;font-size:12px}.rule-section-count:empty{display:none}.rule-section-body{flex-direction:column;gap:16px;padding:2px 16px 16px;display:flex}.rule-row{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.modal .rule-row{margin-bottom:16px}.rule-row.off{opacity:.5}.rule-label{font-size:14px;font-weight:700}.rule-desc{color:var(--ink-soft);margin-top:2px;font-size:12px;line-height:1.6}.start-btn{width:100%;margin-top:24px}.game{background:repeating-linear-gradient(90deg,#00000014 0 2px,#0000 2px 132px),repeating-linear-gradient(88deg,#ffffff06 0 1px,#0000 1px 9px),radial-gradient(130% 80% at 50% 0,#6a4224,#3b2310 55%,#1c1008);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{z-index:30;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 6px;display:flex;position:relative}.tb-right{gap:8px;display:flex}.turn-pill{padding:8px 22px;font-size:15px;transition:background .3s;position:absolute;left:50%;transform:translate(-50%)}.turn-pill.mine{background:var(--gold-grad);color:#3a2405;border-color:#6b4a10;animation:1.8s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 #f0d07180,0 2px 6px #0000004d}50%{box-shadow:0 0 0 6px #f0d07100,0 0 24px #f0d07199}}.menu-wrap{position:relative}.menu-backdrop{z-index:40;position:fixed;inset:0}.menu{z-index:41;border-radius:14px;flex-direction:column;min-width:210px;padding:6px;animation:.18s ease-out pop;display:flex;position:absolute;top:46px;right:0}.menu button,.menu a{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.menu button:hover,.menu a:hover{background:#78521e21}.table-area{flex-direction:column;flex:1;min-height:0;padding:6px 28px 0;display:flex}.table{flex:1;min-height:0;position:relative}.table .felt{border-radius:50%/46%;position:absolute;inset:10px 0 16px;box-shadow:0 0 0 10px #5c3719,0 0 0 12px #2a160a,0 0 0 13px #f0d07140,0 24px 50px #0009,inset 0 0 70px #00000073}.table .felt:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #f0d07129;position:absolute;inset:16px}.table .felt:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 25%,#8f2f2b,#5d1a17 58%,#330b0a);transition:opacity .9s;position:absolute;inset:0}.game.is-rev .table .felt:after{opacity:1}.seat{z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat-cards{justify-content:center;height:36px;margin-bottom:-8px;display:flex}.seat-cards .card{--cw:25px;transform-origin:50% 120%;margin-left:-18px}.seat-cards .card:first-child{margin-left:0}.plate{border:1px solid var(--gold-line);color:var(--cream);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140c04c7;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;transition:box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 4px 12px #00000059}.seat.turn .plate{border-color:var(--gold-hi);box-shadow:0 0 0 2px #f0d0718c,0 0 26px #f0d0718c}.seat.out .plate{opacity:.72}.plate-text{min-width:0}.plate-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:14px;font-weight:800;overflow:hidden}.plate-sub{color:var(--cream-dim);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.count-badge{color:#21130a;background:#fbf7ee;border:2px solid #21130a;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.bubble{white-space:nowrap;border-radius:999px;margin-top:6px;padding:3px 12px;font-size:12px;font-weight:800;animation:.2s ease-out pop;box-shadow:0 2px 6px #0000004d}.bubble.pass{color:#5d4a35;background:#ffffffe0}.bubble.gold{background:var(--gold-grad);color:#3a2405}.bubble.done{background:var(--cream);color:var(--ink)}.bubble.bad{color:#ffd2c8;background:linear-gradient(#6b1b16,#3d0c09);border:1px solid #b2463a}.bubble.think{color:var(--cream);border:1px solid var(--gold-line);background:#140c04cc}.dots{gap:3px;padding:3px 0;display:inline-flex}.dots i{background:var(--gold-hi);border-radius:50%;width:5px;height:5px;animation:1s infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.center{z-index:2;flex-direction:column;align-items:center;gap:10px;width:min(58%,560px);display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.chips{z-index:3;flex-wrap:wrap;justify-content:center;gap:6px;min-height:26px;display:flex;position:relative}.chip{color:var(--cream);white-space:nowrap;background:#00000059;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:4px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.chip-red{background:linear-gradient(#df4a3f,#9b1d17);border-color:#ffb3a4;animation:1.8s ease-in-out infinite pulse-red}.chip-purple{background:linear-gradient(#8a5ad8,#4c2a92);border-color:#cdb2ff}.chip-gold{background:var(--gold-grad);color:#3a2405;border-color:#6b4a10}.chip-suit{width:12px;height:12px;color:var(--black)}.chip-suit.red{color:var(--red)}@keyframes pulse-red{0%,to{box-shadow:0 0 #df4a3f99}50%{box-shadow:0 0 0 6px #df4a3f00}}.direction-ring{pointer-events:none;border:2px dashed #ffffff1c;border-radius:50%;width:280px;height:280px;margin:-140px 0 0 -140px;animation:40s linear infinite spin;position:absolute;top:50%;left:50%}.direction-ring.ccw{animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.field{--cw:clamp(58px, 7vw, 92px);z-index:2;min-height:calc(var(--cw) * 1.4 + 30px);place-items:center;width:100%;display:grid;position:relative}.field-entry{flex-direction:column;grid-area:1/1;align-items:center;display:flex}.field-entry.old{filter:brightness(.82)saturate(.85)}.field-cards{display:flex}.field-cards .card+.card{margin-left:calc(var(--cw) * -.36)}.field-cards .card{box-shadow:inset 0 1px #fffffff2,0 2px 3px #0000004d,0 10px 22px #00000059}.field-name{color:var(--cream);background:#00000061;border-radius:999px;margin-top:8px;padding:2px 12px;font-size:12px;font-weight:700}.field-empty{color:var(--cream-dim);text-align:center;border:1.5px dashed #ffffff2e;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:18px 26px;font-size:15px;display:flex}.field-empty b{color:var(--cream)}.field-empty small{opacity:.75;font-size:12px}.field-meta{z-index:2;color:#f7e9c880;font-size:11px;position:relative}.banner{z-index:50;text-align:center;pointer-events:none;animation:1.05s cubic-bezier(.2,.9,.3,1.2) both banner;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.banner:before{content:"";z-index:-1;background:radial-gradient(closest-side,#00000080,#0000);position:absolute;inset:-50px -110px}.banner-text{font-family:var(--mincho);letter-spacing:.08em;white-space:nowrap;background:linear-gradient(#fff6c8,#f0c95a 50%,#a8761c);color:#0000;filter:drop-shadow(0 4px #0006)drop-shadow(0 0 26px #f0c95a73);-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,8vw,96px);font-weight:800;line-height:1.1}.tone-red .banner-text{filter:drop-shadow(0 4px #0006)drop-shadow(0 0 28px #ff5a458c);background-image:linear-gradient(#ffe2da,#ff5a45 50%,#9e130c)}.tone-purple .banner-text{filter:drop-shadow(0 4px #0006)drop-shadow(0 0 28px #b07cff80);background-image:linear-gradient(#f3e8ff,#b07cff 50%,#5a2bae)}.tone-blue .banner-text{filter:drop-shadow(0 4px #0006)drop-shadow(0 0 28px #6fb3ff80);background-image:linear-gradient(#e6f3ff,#6fb3ff 50%,#1e5cbd)}.tone-green .banner-text{filter:drop-shadow(0 4px #0006)drop-shadow(0 0 28px #74dd8f80);background-image:linear-gradient(#eaffed,#74dd8f 50%,#1c7a3c)}.tone-dark .banner-text{background-image:linear-gradient(#fff,#b4b4b4 50%,#4a4a4a)}.banner-sub{color:var(--cream);white-space:nowrap;background:#0009;border-radius:999px;margin-top:6px;padding:5px 16px;font-size:15px;font-weight:700;display:inline-block}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}30%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.toast{z-index:45;background:var(--cream);color:var(--ink);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;animation:.2s ease-out pop;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.me-area{z-index:10;padding:0 16px max(8px, env(safe-area-inset-bottom));margin-top:-30px;position:relative}.me-bar{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1180px;margin:0 auto;display:flex;position:relative}.me-info{border:1px solid var(--gold-line);color:var(--cream);background:#140c04c7;border-radius:999px;align-items:center;gap:10px;padding:5px 16px 5px 5px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 4px 12px #00000059}.me-area.active .me-info{border-color:var(--gold-hi);box-shadow:0 0 0 2px #f0d07173,0 0 24px #f0d07173}.me-name{align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.me-sub{color:var(--cream-dim);align-items:center;gap:6px;font-size:12px;display:flex}.mini-status{color:#5d4a35;background:#ffffffd9;border-radius:999px;padding:0 8px;font-size:11px;font-weight:800}.mini-status.gold{background:var(--gold-grad);color:#3a2405}.mini-status.bad{color:#ffd2c8;background:#8a2019}.timer{width:38px;height:38px;margin-left:4px;position:relative}.timer svg{width:100%;height:100%;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:3.5px}.timer-bg{stroke:#ffffff24}.timer-fg{stroke:var(--gold-hi);stroke-dasharray:94.2;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.timer.low .timer-fg{stroke:#ff6a55}.timer span{place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.timer.low span{color:#ff8a78}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-note{color:var(--cream);background:#00000073;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.play-btn{min-width:180px}.hand-wrap{max-width:1240px;margin:0 auto}.hand{position:relative}.hand-row{height:100%;margin:0 auto;position:relative}.hand .card{transition:transform .16s cubic-bezier(.2,.8,.3,1),filter .2s,box-shadow .16s;position:absolute;bottom:8px}.hand .card.clickable:hover{transform:translateY(-8px)}.hand .card.selected,.hand .card.selected:hover{box-shadow:0 0 0 2px var(--gold-hi), 0 0 20px #f0d071bf, 0 10px 20px #00000059;transform:translateY(-22px)}.hand-empty{color:var(--cream-dim);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.game.compact .table-area{padding:2px 10px 0}.game.compact .table .felt{border-radius:28px;inset:4px 0 12px;box-shadow:0 0 0 6px #5c3719,0 0 0 8px #2a160a,0 16px 30px #0000008c,inset 0 0 50px #00000073}.game.compact .center{width:92%;top:50%}.game.compact .field{--cw:54px}.game.compact .direction-ring{width:200px;height:200px;margin:-100px 0 0 -100px}.opp-row{flex-wrap:wrap;order:-1;justify-content:center;gap:10px 8px;padding:4px 0 10px;display:flex}.seat.small{position:relative;transform:none}.seat.small .plate{gap:6px;padding:3px 12px 3px 3px}.seat.small .plate-name{max-width:76px;font-size:12px}.seat.small .plate-sub{font-size:10px}.seat.small .count-badge{min-width:20px;height:20px;font-size:11px;top:-6px;right:-6px}.seat.small .bubble{z-index:6;margin-top:2px;padding:1px 8px;font-size:10px;position:absolute;top:100%}.game.compact .me-area{padding:0 8px max(6px, env(safe-area-inset-bottom));margin-top:-18px}.game.compact .me-bar{gap:6px}.game.compact .actions{justify-content:stretch;width:100%}.game.compact .actions .btn{flex:1;padding:10px;font-size:13px}.game.compact .play-btn{min-width:0;flex:2!important}.game.compact .action-note{text-align:center;width:100%;font-size:12px}.game.compact .turn-pill{text-overflow:ellipsis;flex:1;justify-content:center;min-width:0;padding:6px 10px;font-size:13px;position:static;overflow:hidden;transform:none}.game.compact .topbar{gap:6px;padding:8px 8px 4px}.game.compact .topbar .tb-left .pill{padding:5px 10px;font-size:11px}.game.compact .icon-btn{width:32px;height:32px}.game.compact .tb-right{gap:5px}.game.compact .banner-sub{font-size:13px}.title-chip{white-space:nowrap;color:var(--ink);background:#d9c9a6;border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.title-crown{width:13px;height:11px}.tc-1{background:var(--gold-grad);color:#3a2405}.tc-2{color:#2b3038;background:linear-gradient(#f4f6f8,#bfc6cf)}.tc-3{color:var(--ink);background:#e3d7bf}.tc-4{color:#f7efe2;background:#8d7b66}.tc-5{color:#e8d6c0;background:#3b2c22}.place{width:30px;height:30px;font-family:var(--display);color:var(--ink);background:#e5d6b4;border-radius:50%;place-items:center;font-weight:800;display:inline-grid;box-shadow:inset 0 -2px #0000001f}.place-1{background:var(--gold-grad);color:#3a2405}.place-2{background:linear-gradient(#f4f6f8,#b3bac4)}.place-3{color:#3b1e05;background:linear-gradient(#f1c79b,#a8692e)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a06029e;place-items:center;padding:16px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.modal{border-radius:20px;width:min(500px,100%);max-height:calc(100dvh - 32px);padding:22px 22px 20px;animation:.25s cubic-bezier(.2,.9,.3,1.2) pop;position:relative;overflow-y:auto}.modal.wide{width:min(780px,100%)}.modal-close{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#78521e21;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:#78521e3d}.modal-title{font-family:var(--mincho);text-align:center;margin:2px 0 16px;font-size:24px}.modal-lead{text-align:center;margin:4px 0 16px;font-size:15px;line-height:1.7}.modal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.howto section{margin-bottom:18px}.howto h3{font-family:var(--mincho);border-bottom:1px solid #78521e4d;margin:0 0 8px;padding-bottom:4px;font-size:18px}.howto h4{color:var(--gold-lo);margin:12px 0 6px;font-size:14px}.howto p,.howto li{font-size:14px;line-height:1.75}.howto ul{margin:0;padding-left:20px}.howto dl{margin:0}.howto dl>div{border-bottom:1px dashed #78521e33;grid-template-columns:9.5em 1fr;gap:10px;padding:5px 0;display:grid}.howto dt{font-size:13px;font-weight:700}.howto dd{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.strength-row{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.strength-chip{min-width:30px;font-family:var(--display);text-align:center;background:#fffaf0;border:1px solid #78521e4d;border-radius:6px;padding:4px 6px;font-size:13px;font-weight:800}.strength-chip.joker{background:var(--gold-grad)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{text-align:center;background:#ffffff6b;border:1px solid #78521e33;border-radius:12px;padding:12px 6px}.stat-v{font-family:var(--display);font-size:24px;font-weight:800}.stat-k{color:var(--ink-soft);margin-top:2px;font-size:12px}.log-list{max-height:56vh;overflow-y:auto}.log-item{border-bottom:1px dashed #78521e38;padding:7px 10px;font-size:13px}.log-item.me{color:#8a4a10;font-weight:700}.rank-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.rank-btn{font-family:var(--display);cursor:pointer;background:#fffaf0;border:1px solid #78521e59;border-radius:10px;padding:12px 0;font-size:18px;font-weight:800;box-shadow:0 2px 4px #0000001f}.rank-btn.on{background:var(--gold-grad);border-color:#6b4a10}.exchange-row{background:#ffffff5c;border:1px solid #78521e33;border-radius:14px;margin-bottom:10px;padding:12px}.exchange-row.mine{border-color:var(--gold);background:#fff0c8b3}.ex-who{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.ex-who small{color:var(--gold-lo);font-size:11px;font-weight:600;display:block}.ex-arrow{color:var(--gold-lo);margin:0 4px;font-size:18px}.ex-cards{justify-content:center;gap:28px;margin-top:10px;display:flex}.ex-cards small{color:var(--ink-soft);font-size:11px}.mini-cards{gap:4px;min-height:62px;margin-top:4px;display:flex}.ex-count{color:var(--ink-soft);margin-top:6px;font-size:12px}.ranking{flex-direction:column;gap:6px;display:flex}.rank-row{background:#ffffff5c;border-radius:12px;grid-template-columns:32px 34px 1fr auto 40px 40px;align-items:center;gap:10px;padding:8px 12px;display:grid}.rank-row.me{box-shadow:inset 0 0 0 1px var(--gold);background:#ffecb4d9}.rank-name{align-items:center;gap:6px;min-width:0;font-weight:700;display:flex}.bad-tag{color:#ffd2c8;background:#8a2019;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.pts{text-align:right;color:#2f7a45;font-weight:800}.total{text-align:right;font-family:var(--display);font-weight:800}.champion{text-align:center;padding-top:6px}.champion-crown{z-index:2;filter:drop-shadow(0 4px 6px #0000004d);width:88px;height:70px;margin:0 auto -10px;animation:3s ease-in-out infinite float;display:block;position:relative}.champion .avatar{margin:0 auto}.champion-name{font-family:var(--mincho);margin-top:10px;font-size:28px;font-weight:800}.champion-sub{font-family:var(--display);color:var(--gold-lo);margin-bottom:14px;font-weight:700}.final-table-wrap{overflow-x:auto}.final-table{border-collapse:separate;border-spacing:0 5px;width:100%;font-size:13px}.final-table th{color:var(--ink-soft);padding:0 6px;font-size:11px;font-weight:700}.final-table td{text-align:center;white-space:nowrap;background:#ffffff61;padding:8px 6px}.final-table td:first-child{border-radius:10px 0 0 10px}.final-table td:last-child{border-radius:0 10px 10px 0}.final-table tr.me td{background:#ffecb4e0}.ft-name{font-weight:700;text-align:left!important}.ft-name .avatar{vertical-align:middle;margin-right:4px;display:inline-grid}.ft-total{font-family:var(--display);font-size:15px;font-weight:800}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{width:100%}.modal-body{z-index:1;gap:12px;display:grid;position:relative}.modal-sub{text-align:center;color:var(--ink-soft);margin:0 0 12px;font-size:12.5px}.modal-actions.row{grid-template-columns:1fr 1fr;display:grid}.modal-actions.row:has(>:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.modal .field{gap:7px;display:grid}.modal .field>.field-label{margin:0}.text-input{font:inherit;border-radius:var(--r-md);color:var(--ink);background:linear-gradient(#fffcf2,#fcf4e0);border:1px solid #50341073;width:100%;padding:10px 12px;font-size:15px;font-weight:600;box-shadow:inset 0 2px 5px #6e4a1a38}.hint{color:var(--ink-soft);margin:0;font-size:11.5px;line-height:1.65}.rule-label{align-items:center;gap:6px;display:flex}.rule-help{background:var(--gold-grad);color:#3a2405;border:1px solid #6b4a10;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;text-decoration:none;display:inline-grid}.rule-row.sub{border-left:2px solid #78521e40;padding-left:14px}.offline-bar{z-index:25;color:#ffe2da;background:#8c2019e6;border-radius:999px;margin:0 auto;padding:6px 14px;font-size:12.5px;font-weight:700;position:relative}.app-toast{left:50%;bottom:calc(24px + var(--safe-bottom));z-index:200;background:var(--cream);color:var(--ink);box-shadow:var(--shadow-2);border-radius:999px;padding:10px 18px;font-weight:700;animation:3s forwards toast-life;position:fixed;transform:translate(-50%)}@keyframes toast-life{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.ready-box{justify-items:center;gap:6px;display:grid}.gl-places{gap:3px;margin-top:3px;display:inline-flex}.gl-place{min-width:18px;height:18px;color:var(--ink);background:#78521e24;border-radius:5px;place-items:center;padding:0 4px;font-size:11px;font-style:normal;font-weight:800;display:inline-grid}.gl-place.top{background:var(--gold-grad);color:#3a2405}.gl-place.bottom{color:#e8d6c0;background:#3b2c22}.pick-list .who.pick{cursor:pointer}.pick-list input[type=checkbox]{accent-color:#a8781f;width:18px;height:18px}.online-modal .rule-sections{max-height:46vh;overflow:auto}.stats-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats-summary div{text-align:center;border-radius:var(--r-md);background:#fffaec99;border:1px solid #50341038;gap:2px;padding:10px 4px;display:grid}.stats-summary b{font-family:var(--display);color:#3a2610;font-size:20px}.stats-summary span{color:var(--ink-soft);font-size:10.5px;font-weight:700}.stats-table{border-collapse:collapse;width:100%;font-size:13px}.stats-table th{color:var(--ink-soft);text-align:center;border-bottom:1px solid #5034104d;padding:4px;font-size:11px;font-weight:800}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-table td{text-align:center;font-variant-numeric:tabular-nums;border-bottom:1px solid #50341024;padding:8px 4px;font-weight:700}.stats-table .bar-col{width:30%}.bar-wrap{align-items:center;gap:4px;display:flex}.bar-wrap small{text-align:right;width:34px}.rate-bar{background:#50341029;border-radius:99px;flex:1;height:7px;overflow:hidden}.rate-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--brass-2), var(--brass-1));height:100%;display:block}@media (max-width:640px){.setup-card{padding:16px 14px 20px}.seat-row{flex-wrap:wrap}.seat-row .seg{width:100%}.preset-grid{grid-template-columns:1fr}.stats-summary{grid-template-columns:repeat(2,1fr)}.title-top{flex-direction:column-reverse;align-items:center}.rank-row{grid-template-columns:28px 28px 1fr auto 30px 30px;gap:6px;padding:8px}.howto dl>div{grid-template-columns:1fr;gap:2px}.resume{flex-direction:column;align-items:stretch}.resume-btns{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.title-top{z-index:3;justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex;position:relative}.title-top-right{align-items:center;gap:8px;display:flex}.acc-pill{color:#d8bd8c;max-width:46vw;font:700 12px/1 var(--font);letter-spacing:.04em;white-space:nowrap;background:#261609b3;border:1px solid #dcb46e59;border-radius:999px;align-items:center;gap:7px;padding:7px 13px 7px 8px;display:inline-flex;box-shadow:0 2px 10px #0006}.acc-pill span{text-overflow:ellipsis;overflow:hidden}.acc-pill svg{flex:none;width:18px;height:18px}.acc-pill:hover{color:#f2dcae;border-color:#e6c88c99}.lang-seg{border-radius:var(--r-md);background:#261609b3;border:1px solid #dcb46e59;display:flex;overflow:hidden;box-shadow:0 2px 10px #0006}.lang-seg button{color:#d8bd8c;white-space:nowrap;background:0 0;border:0;flex:1 0 auto;min-width:max-content;padding:8px 11px;font-size:12px;font-weight:700}.lang-seg button.on{color:#3a2405;background:linear-gradient(180deg, var(--brass-1), var(--brass-2) 55%, var(--brass-3));box-shadow:inset 0 1px #fff9}.lang-seg.light{background:#fffaec80;border-color:#50341073;box-shadow:inset 0 2px 5px #6e4a1a33}.lang-seg.light button{color:var(--ink-soft);padding:10px 6px;font-size:13px}.lang-seg.light button.on{color:#3a2405}.lang-seg button[lang=th]{font-family:"Thonburi", "Noto Sans Thai", "Leelawadee UI", var(--font)}.pill-badge{color:#fff;text-align:center;background:#d84a3a;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;box-shadow:0 0 0 2px #2a190ae6}@media (min-width:761px){.mode-cards{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr))}}@media (max-width:1020px) and (min-width:761px){.mode-cards[style*="--n: 4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.tags .tag-strong{background:linear-gradient(180deg, var(--brass-1), var(--brass-2));color:#3a2405;border-color:#60401680}@media (max-width:560px){.title-top{flex-direction:column-reverse;align-items:center;gap:10px}.acc-pill{max-width:100%}}.modal.acc-modal{width:min(420px,100%)}.acc-modal h3{letter-spacing:.06em;color:#4a2f10;margin:14px 0 0;font-size:13px;font-weight:800}.acc-field{margin:10px 0;display:block}.acc-field span{letter-spacing:.08em;color:var(--ink-soft);margin-bottom:5px;font-size:11px;font-weight:800;display:block}.acc-field input{border-radius:var(--r-md);width:100%;color:var(--ink);font:400 15px/1.3 var(--font);background:#fffcf2bf;border:1px solid #78562273;padding:10px 12px}.acc-field input:focus{border-color:var(--brass-2);outline:none;box-shadow:0 0 0 3px #c69a3540}.acc-note{color:var(--ink-soft);margin:4px 0;font-size:12px;line-height:1.7}.acc-foot{text-align:center;margin:4px 0 0}.acc-error{border-radius:var(--r-sm);color:#7d2018;background:#c0392b1f;border:1px solid #c0392b59;margin:6px 0 0;padding:8px 11px;font-size:12px;font-weight:700}.acc-tip{border-radius:var(--r-sm);color:#3f5b32;background:#78aa602e;border:1px solid #5a8c4659;margin:4px 0;padding:9px 12px;font-size:12px;line-height:1.6}.acc-who{align-items:center;gap:14px;margin:0 0 2px;display:flex}.acc-who-text{flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.acc-who-text b{overflow-wrap:anywhere;font-size:18px}.acc-who-text span{color:var(--ink-soft);overflow-wrap:anywhere;font-size:12.5px}.avatar{width:var(--av-size,40px);height:var(--av-size,40px);background:radial-gradient(circle at 34% 28%,#d5c4a4,#c9b38a 68%,#918163);border:2px solid #140a0073;border-radius:50%;flex:none;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #ffffff4d,0 1px 3px #00000080}.avatar>svg,.avatar>img{width:100%;height:100%;display:block}.avatar>img{object-fit:cover}.acc-pill .avatar{box-shadow:none;border-width:1.5px}.acc-icon-btn{cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;display:flex}.acc-icon-btn .avatar{transition:transform .12s,box-shadow .12s}.acc-icon-btn:hover .avatar{transform:translateY(-1px);box-shadow:0 0 0 3px #be8c2873}.acc-icon-hint{color:var(--ink-soft);text-underline-offset:2px;white-space:nowrap;font-size:11px;font-weight:700;text-decoration:underline}.acc-who .acc-id-label{letter-spacing:.08em;flex-basis:100%;font-size:10.5px;font-weight:800}.acc-who .acc-id-btn{text-align:left;flex-basis:100%;margin:2px 0 0;padding:0;font-size:12.5px}.acc-field-note{margin:-6px 0 6px;font-size:11px;line-height:1.6}.acc-modal h4{color:#4a2f10;margin:12px 0 0;font-size:14px;font-weight:800}.acc-sec{justify-items:start;gap:4px;margin-top:6px;display:grid}.acc-sec>h4,.acc-sec>.acc-note{margin:0 0 2px}.acc-sec>.acc-keys{justify-self:stretch}.acc-btn-inline{justify-self:start}.acc-actions{justify-content:flex-end}.acc-actions .acc-delete{margin-right:auto;font-size:12.5px}.acc-friends-btn{align-items:center;gap:8px;display:inline-flex}.acc-badge{color:#fff7e6;background:#b0472f;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.modal.icon-modal{width:min(560px,100%)}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin:2px 0 4px;display:grid}.icon-modal .icon-group{text-align:left;border-bottom:1px solid #8a641a59;margin:4px 0 -6px;padding-bottom:5px}.icon-modal .icon-group:first-child{margin-top:0}.icon-tile{border-radius:var(--r-md);cursor:pointer;background:linear-gradient(#fffcf2b3,#f6eace73);border:1px solid #5034104d;place-items:center;padding:5px;transition:background .15s,transform .1s,box-shadow .15s;display:grid}.icon-tile:hover{background:#fffffff2;transform:translateY(-1px)}.icon-tile.on{background:linear-gradient(180deg, var(--brass-1), var(--brass-2));box-shadow:0 0 0 2px #7850148c,inset 0 1px #fff9}.acc-fcode{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:2px 0 0;display:flex}.acc-fcode-label{letter-spacing:.06em;color:var(--ink-soft);font-size:11px;font-weight:800}.acc-fcode-num{letter-spacing:.08em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:14px}.acc-fcode+.acc-note{margin-top:-6px;font-size:11px}.acc-fadd{gap:8px;display:flex!important}.acc-fadd input{border-radius:var(--r-sm);min-width:0;font:600 14px var(--font);color:#3f2708;background:#fffaf0;border:1px solid #78562273;flex:1;padding:8px 10px}.acc-fadd input:focus{border-color:var(--brass-2);outline:none}.acc-flist{margin:0;padding:0;list-style:none}.acc-frow{border-bottom:1px solid #8a641a38;align-items:center;gap:10px;padding:8px 0;display:flex}.acc-fmid{flex:1;gap:1px;min-width:0;display:grid}.acc-fmid b{overflow-wrap:anywhere;font-size:14px}.acc-fmid small{color:var(--ink-soft);font-size:11px}.acc-fbtns{flex:none;align-items:center;gap:6px;display:flex}.acc-frow.acc-frequest{background:#78aa601f;border-radius:8px;padding:8px}.acc-frow.acc-fpending .acc-fmid b{opacity:.75}.ol-dot{vertical-align:middle;background:#b9a888;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.ol-dot.on{background:#3fa45b;box-shadow:0 0 0 3px #3fa45b38}@media (max-width:480px){.acc-frow{flex-wrap:wrap}.acc-fbtns{justify-content:flex-end;width:100%}}.acc-keys{flex-direction:column;gap:6px;margin:0 0 4px;padding:0;list-style:none;display:flex}.acc-keys li{background:#fffcf280;border:1px solid #78562240;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 10px;display:flex}.acc-key-name{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:700}.acc-key-meta{color:var(--ink-soft);font-size:12px}.acc-key-acts{gap:8px;margin-left:auto;display:inline-flex}.link-btn.danger{color:#93331f}.link-btn:disabled{opacity:.4;cursor:default}.or-rule{letter-spacing:.06em;color:var(--ink-soft);opacity:.8;align-items:center;gap:10px;margin:4px -3px 0;font-size:11px;font-weight:800;display:flex}.or-rule:before,.or-rule:after{content:"";background:linear-gradient(90deg,#0000,#78541a73,#0000);flex:1;height:1px}.acc-modal form{display:grid}.modal.online-modal{width:min(560px,100%)}.online-code{background:#fffcf099;border:1px solid #6e4a1a40;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 14px;display:flex}.online-code .acc-note{margin:0;font-weight:800}.online-code .code{font:800 22px/1 var(--font);letter-spacing:.12em;color:#3f2708;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.online-list{margin:2px 0 6px;padding:0;list-style:none}.online-list li{border-bottom:1px solid #6e4a1a29;align-items:center;gap:10px;padding:9px 0;display:flex}.online-list .who{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.online-list .who>div{gap:1px;min-width:0;display:grid}.online-list b{color:#3f2708;overflow-wrap:anywhere;font-size:14px}.online-list .who span{color:var(--ink-soft);font-size:11.5px;line-height:1.5}.online-list .acts{flex:none;align-items:center;gap:4px;display:flex}.dot-on{color:#2e8a4a;font-size:11px;font-weight:800}.st-joined{font-weight:800;color:#22663a!important}.st-invited{font-weight:800;color:#2c4f8a!important}.st-declined,.st-left,.st-gone{font-weight:800;color:#93331f!important}.online-add{align-items:flex-end;gap:8px;display:flex}.online-add .acc-field{flex:1;margin:0}.online-select{appearance:auto}.away-badge{vertical-align:2px;color:#f3b2a4;background:#c448342e;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:800}.player-card.away .pc-avatar{opacity:.55}.claim-chip{cursor:default;color:#5a3a08;white-space:normal;background:linear-gradient(#fff3d6,#f2d79a);border-color:#96641499;gap:10px;max-width:min(92vw,520px)}.claim-chip .btn{flex:none}.offline-chip{left:50%;top:calc(64px + var(--safe-top));z-index:30;color:#ffe3d8;box-shadow:var(--shadow-2);background:#781e14eb;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:800;position:fixed;transform:translate(-50%)}.stats-modal{width:min(680px,100%)}.stats-sync{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;margin-top:-8px;font-size:12px;display:flex}.stats-note{text-align:center;color:#3f5b32;flex-basis:100%;font-weight:700}.stats-tabs button small{opacity:.75;margin-left:6px;display:inline}.stats-h{letter-spacing:.06em;color:#4a2f10;margin:8px 0 -4px;font-size:13px;font-weight:800}.stats-line{text-align:center;margin:-4px 0 0}.stats-empty{text-align:center;color:var(--ink-soft);justify-items:center;gap:6px;padding:32px 10px;display:grid}.stats-empty b{font-family:var(--font-display);color:#4a2f10;font-size:17px}.stats-empty span{font-size:12.5px}.game-list{max-height:52vh;margin:0;padding:0;list-style:none;overflow:auto}.game-list li{border-bottom:1px solid #6e4a1a29;align-items:center;gap:10px;padding:9px 2px;display:flex}.gl-main{flex:1;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;min-width:0;display:grid}.gl-main b{color:#3f2708;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.gl-meta{color:var(--ink-soft);grid-column:1/-1;font-size:11px}.gl-kind{color:var(--ink-soft);background:#6e4a1a24;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.gl-kind.k-online{color:#2c4f8a;background:#4678c829}.gl-kind.k-tsume{color:#3f5b32;background:#78aa6033}.gl-outcome{text-align:center;border-radius:999px;flex:none;min-width:54px;padding:3px 8px;font-size:12px;font-weight:800}.gl-outcome.win{background:linear-gradient(180deg, var(--brass-1), var(--brass-2));color:#3a2405}.gl-outcome.lose{color:#5a4630;background:#3c281424}.gl-outcome.draw{color:var(--ink-soft);background:#6e4a1a1a}.gl-more{justify-content:center}.stats-foot{margin-top:4px}.stats-links{justify-content:center;gap:18px;display:flex}.stats-confirm{text-align:center;gap:6px;display:grid}.stats-confirm b{color:#7d2018}.install-steps{margin:4px 0;padding-left:22px;font-size:13px;line-height:1.9}.update-bar,.invite-toast{width:-moz-fit-content;width:fit-content;max-width:min(92vw,460px);left:0;right:0;bottom:calc(14px + var(--safe-bottom));z-index:70;color:#f6e7c4;box-shadow:var(--shadow-2), inset 0 1px 0 #ffd69638;background:linear-gradient(178deg,#462c14f7,#28180af7);border:1px solid #ffd69642;border-radius:999px;align-items:center;gap:10px;margin-inline:auto;padding:7px 8px 7px 16px;font-size:13px;font-weight:700;animation:.28s cubic-bezier(.2,.9,.3,1) rise;display:flex;position:fixed}.invite-toast{bottom:auto;top:calc(12px + var(--safe-top));color:var(--ink);background:linear-gradient(172deg, var(--parch-1), var(--parch-2));border-color:#6040168c;border-radius:16px;padding:9px 10px 9px 16px}.invite-toast>span{z-index:1;position:relative}html[lang=th] :is(.tagline,.title-section,.title-foot,.modal-title,.mode-body h3,.setup-head h2,.tsume-group h3,.tsume-group h3 small,.splash-title,.splash-note,.result-mark,.banner,.field-label,.field-label em,.kifu-panel h3,.komadai-empty,.clock small,.acc-modal h3,.acc-field span,.acc-pill,.or-rule,.stats-h){letter-spacing:normal;padding-left:0}