@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-cyrillic-wght-normal-5WvUvBgz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-vietnamese-wght-normal-Cabi7G8-.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-latin-ext-wght-normal-CT1r92Rl.woff2)format("woff2-variations");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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-latin-wght-normal-BOwq7MWX.woff2)format("woff2-variations");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{--gold-1:#fff6d1;--gold-2:#f0cf78;--gold-3:#c9973a;--gold-4:#9a6e22;--gold-line:#f0d07152;--gold-glow:#dcb6584d;--cream:#f4efe0;--cream-dim:#f4efe09e;--cream-faint:#f4efe066;--navy-1:#1a2858;--navy-2:#0d1634;--navy-3:#060a1c;--night:#03071499;--paper-1:#fffbf2;--paper-2:#f6edd9;--paper-line:#e6d8b8;--danger:#c8372f;--serif:"Playfair Display Variable", "Hiragino Mincho ProN", "Yu Mincho", Georgia, "Thonburi", "Noto Serif Thai", "Leelawadee UI", serif;--sans:"Inter Variable", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, system-ui, "Thonburi", "Noto Sans Thai", "Leelawadee UI", sans-serif;--ink:#241d12;--ink-soft:#6b5d45;--parch-1:#fffbf2;--parch-2:#f6edd9;--parch-3:#e3cf9f;--brass-1:#f0d071;--brass-2:#c69a35;--brass-3:#8a641a;--gold-grad:linear-gradient(#ffffff73, #fff0 45%), linear-gradient(#f3d57a, #c99b38 55%, #8d661c);--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(--serif);--display:var(--serif);--mincho:var(--serif);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--sans);color:var(--cream);background-color:var(--navy-3);background-image:radial-gradient(1100px 620px at 50% -12%, #dcb65829, #0000 62%), radial-gradient(1000px 1000px at 50% 45%, var(--navy-1), var(--navy-2) 52%, var(--navy-3));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;font-size:15px;line-height:1.5}body[data-screen=game],body[data-screen=online]{overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.icon{flex:none}.ic{flex:none;width:1.15em;height:1.15em;display:inline-flex}.ic svg{width:100%;height:100%}kbd{border:1px solid var(--paper-line);min-width:1.9em;color:var(--ink);font:600 12.5px/1.4 var(--sans);text-align:center;background:#fff;border-bottom-width:2px;border-radius:6px;margin:1px 4px 1px 0;padding:2px 7px;display:inline-block}.muted{color:var(--ink-soft)}.paper,.parchment,.modal{color:var(--ink);background:radial-gradient(120% 70% at 20% 0,#ffffffb3,#fff0 60%),linear-gradient(#fffbf2,#f4ead3);border:1px solid #ffffff80;box-shadow:0 30px 80px #0000008c,0 0 0 1px #d6a73f40}.btn{border:1px solid var(--paper-line);color:var(--ink);white-space:nowrap;background:linear-gradient(#fffdf8,#f5ecd6);border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:11px 22px;font-size:15px;font-weight:650;text-decoration:none;transition:transform 80ms,filter .15s,border-color .15s,opacity .15s;display:inline-flex;box-shadow:0 2px 6px #503c141f}.btn:hover:not(:disabled){border-color:var(--gold-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.35)}.btn-primary{color:#2a1d05;background:linear-gradient(#ffffff75,#fff0 44%),linear-gradient(#f0d071,#c69a35 55%,#8a641a);border:0;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000002e,0 8px 22px #0000004d}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-danger{color:#fff;background:linear-gradient(#e15a4e,#a7241b);border:0}.btn-lg{letter-spacing:.02em;padding:14px 32px;font-size:17px}.btn-sm{border-radius:10px;padding:6px 12px;font-size:12.5px}.btn-block{width:100%;display:flex}.link-btn{color:inherit;opacity:.88;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:5px;padding:4px 2px;font-size:13.5px;text-decoration:underline;display:inline-flex}.link-btn:hover:not(:disabled){opacity:1}.round-btn,.icon-btn{width:42px;height:42px;color:var(--gold-2);background:radial-gradient(circle at 35% 30%,#ffffff24,#0000 60%),#03071499;border:1px solid #f0d0715c;border-radius:50%;flex:none;place-items:center;transition:border-color .15s;display:inline-grid;box-shadow:0 2px 8px #00000059}.icon-btn{width:38px;height:38px}.round-btn .ic{width:20px;height:20px}.round-btn:hover,.icon-btn:hover{border-color:#f0d071bf}.pill-btn{color:#f7e9c8f0;white-space:nowrap;background:#0307148c;border:1px solid #f0d0715c;border-radius:999px;align-items:center;gap:8px;padding:9px 17px;font-size:14px;font-weight:550;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex;position:relative;box-shadow:0 2px 6px #00000052}.pill-btn svg{color:var(--gold-2)}.pill-btn:hover{background:#141c3cb3;border-color:#f0d071b3}.pill-btn:active{transform:translateY(1px)}.seg{border:1px solid var(--paper-line);background:#fbf6ea;border-radius:13px;gap:2px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #503c140f}.seg button{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:10px;flex:1 1 0;padding:9px 10px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s;overflow:hidden}.seg button small{opacity:.65;margin-left:5px}.seg button:hover:not(.on):not(:disabled){background:#d6a73f1f}.seg button.on{color:#2a1d05;background:linear-gradient(#ffffff6b,#fff0 50%),linear-gradient(#ecc96a,#c4983a);font-weight:650;box-shadow:inset 0 1px #ffffff80,0 3px 8px #8c641a59}.seg.small button{padding:7px 10px;font-size:13px}.seg.disabled{opacity:.45}.seg-grid .seg{grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.seg-grid .seg button{font-variant-numeric:tabular-nums;padding:8px 0}.chip,.tag{color:#4a3d26;white-space:nowrap;background:#fffdf6;border:1px solid #e3d3ae;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.rule-chips,.tags{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{color:#4a3d26;white-space:nowrap;background:#fffdf6;border:1px solid #e3d3ae;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:550}.chip-btn:hover{border-color:var(--gold-3)}.chip-btn.on{color:#2a1d05;background:linear-gradient(#ffffff6b,#fff0 50%),linear-gradient(#ecc96a,#c4983a);border-color:#0000;font-weight:700}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);background:#02050e94;place-items:center;padding:16px;animation:.16s ease-out fade;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:24px;width:min(500px,100%);max-height:calc(100dvh - 32px);padding:22px;animation:.22s cubic-bezier(.2,.9,.3,1.2) pop;position:relative;overflow-y:auto}.modal.wide{width:min(760px,100%)}.modal-close{z-index:2;border:1px solid var(--paper-line);width:36px;height:36px;color:var(--ink-soft);background:#ffffffbf;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{border-color:var(--gold-3)}.modal-title{font-family:var(--serif);text-align:center;margin:2px 44px 14px;font-size:26px;font-weight:700;line-height:1.2}.modal-sub{text-align:center;color:var(--ink-soft);margin:-6px 0 14px;font-size:13px}.modal-body{z-index:1;gap:12px;display:grid;position:relative}.modal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.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}.field-label{color:#4a3d26;font-size:14px;font-weight:650}.text-input{border-radius:var(--r-md);border:1px solid var(--paper-line);width:100%;color:var(--ink);font:inherit;background:#fff;padding:10px 12px;font-size:15px}.hint{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.6}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-12px)scale(.92)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.app-toast{left:50%;bottom:calc(24px + var(--safe-bottom));z-index:200;background:var(--paper-1);max-width:calc(100vw - 32px);color:var(--ink);box-shadow:var(--shadow-2);border-radius:999px;padding:10px 18px;font-weight:650;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}}@media (max-width:480px){.modal-backdrop{padding:10px}.modal{border-radius:20px;padding:18px 16px}.modal-title{font-size:23px}.seg-grid .seg{grid-template-columns:repeat(5,minmax(0,1fr))}}.pad-nav button:focus,.pad-nav a:focus,.pad-nav input:focus,.pad-nav .switch input:focus+.knob,.pad-nav input[type=range]:focus{outline:3px solid var(--gold-2);outline-offset:3px}.pad-toast{left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:210;border:1px solid var(--gold-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(92vw,520px);color:var(--cream);box-shadow:var(--shadow-2);pointer-events:none;white-space:nowrap;background:#080d20e6;border-radius:20px;flex-direction:column;align-items:center;gap:1px;padding:9px 22px;animation:2.4s forwards pad-toast-life;display:flex;position:fixed}.pad-toast b{font-weight:750}.pad-toast span{text-overflow:ellipsis;max-width:100%;color:var(--cream-dim);font-size:.8em;overflow:hidden}.pad-toast.disconnect b{color:#ffc2bd}@keyframes pad-toast-life{0%{opacity:0;transform:translate(-50%,-12px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.sound-note{left:50%;top:calc(64px + env(safe-area-inset-top,0px));z-index:205;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 32px);color:var(--cream);font:700 14px var(--sans);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;box-shadow:var(--shadow-2);background:#080d20db;border:1px solid #f0d07199;border-radius:999px;padding:9px 18px;animation:2.4s ease-in-out infinite sound-note-pulse;position:fixed;overflow:hidden;translate:-50%}@keyframes sound-note-pulse{50%{box-shadow:var(--shadow-2), 0 0 0 4px #f0d07140}}.pad-hints{left:50%;bottom:calc(12px + var(--safe-bottom));z-index:190;border:1px solid var(--gold-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 32px);color:var(--cream);pointer-events:none;background:#080d20d1;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding:7px 16px;font-size:12.5px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.pad-hints span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.pad-hints kbd{min-width:1.8em;color:var(--cream);text-align:center;background:#ffffff1a;border-color:#f0d07166;border-radius:999px;margin:0}body[data-screen=game] .pad-hints,body[data-screen=online] .pad-hints{display:none}:is(body[data-screen=game]:has(.modal-backdrop) .pad-hints,body[data-screen=online]:has(.modal-backdrop) .pad-hints){display:flex}body.pad-nav .modal-backdrop{padding-bottom:calc(64px + var(--safe-bottom))}.home{min-height:100dvh}.home-inner{max-width:1120px;padding:calc(14px + var(--safe-top)) 16px calc(56px + var(--safe-bottom));margin:0 auto}.hero{text-align:center;padding:18px 0 10px}.emblem{filter:drop-shadow(0 6px 16px #00000073)drop-shadow(0 0 22px #dcb65840);animation:5s ease-in-out infinite emblem-float;display:inline-block}@keyframes emblem-float{50%{transform:translateY(-4px)}}.wordmark{font-family:var(--serif);letter-spacing:.07em;background:linear-gradient(#fff6d1,#f0cf78 38%,#c9973a 72%,#9a6e22);color:#0000;filter:drop-shadow(0 4px 14px #00000073);-webkit-background-clip:text;background-clip:text;margin:6px 0 0;padding-left:.07em;font-size:clamp(60px,13vw,112px);font-weight:800;line-height:1}.subword{letter-spacing:.62em;color:var(--gold-2);margin-top:10px;padding-left:.62em;font-size:13px;font-weight:650}.tagline{max-width:560px;color:var(--cream-dim);margin:16px auto 0;font-size:15.5px}.logo{justify-items:center;display:grid}.wordmark span{display:block}.title-pills,.title-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.title-pills{margin-top:20px}.title-actions{flex-direction:column;gap:14px;margin-top:30px}.next-btn{min-width:min(100%,300px)}.resume-box{text-align:center;justify-items:center;gap:8px;max-width:420px;margin:22px auto 0;display:grid}.resume-meta{color:var(--cream-dim);margin:0;font-size:13px}.resume-box .btn-lg{min-width:min(320px,100%)}.resume-box .link-btn{color:var(--cream-dim)}.resume-box .or-rule{width:100%;color:var(--cream-dim);margin-top:8px}.section-title{font-family:var(--serif);letter-spacing:.14em;color:#f8e6ad;justify-content:center;align-items:center;gap:18px;margin:30px 0 22px;font-size:23px;font-weight:600;display:flex}.section-title:before,.section-title:after{content:"";background:linear-gradient(90deg,#f0d07100,#f0d07199);width:56px;height:1px}.section-title:after{transform:scaleX(-1)}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}@media (max-width:900px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width:560px){.mode-grid{grid-template-columns:minmax(0,1fr)}}.mode-card{text-align:left;color:var(--ink);background:linear-gradient(#fffbf2,#f6edd9);border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s;animation:.45s both card-in;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000080,0 8px 22px #00000047}.mode-card:hover{transform:translateY(-3px)}.mode-card.selected{border-color:#d6a73f;box-shadow:0 0 0 2px #d6a73f,0 0 40px #dcb6584d,0 26px 70px #00000080,0 8px 22px #00000047}.mode-art{perspective:700px;background:radial-gradient(60% 70% at 50% 45%,#dcb6582e,#0000 70%),radial-gradient(circle at 50% 40%,#1d2c62,#0a1230 75%);place-items:center;height:196px;display:grid;position:relative;overflow:hidden}.mode-art.nes{background:radial-gradient(60% 70% at 50% 45%,#3cbcfc29,#0000 70%),radial-gradient(circle at 50% 40%,#1a2350,#070b1e 75%)}.well-tilt{filter:drop-shadow(0 18px 18px #0000008c);transition:transform .35s;display:block;transform:rotateX(24deg)rotate(-7deg)translateY(6px)scale(.98)}.mode-card:hover .well-tilt,.mode-card.selected .well-tilt{transform:rotateX(16deg)rotate(-4deg)translateY(2px)scale(1.03)}.well-art{width:126px;height:auto;display:block}.mode-badge{font:700 12.5px/1.3 var(--sans);letter-spacing:.06em;color:#2a1d05;z-index:2;background:linear-gradient(#f8e4a3,#e0bc60 46%,#b88f30);border-radius:999px;padding:4px 11px;position:absolute;top:14px;right:14px;box-shadow:inset 0 1px #ffffff8c,0 3px 10px #00000059}.mode-badge .ic{vertical-align:-3px;width:15px;height:15px}.check{color:#2a1d05;opacity:0;z-index:2;background:linear-gradient(#f0d071,#c69a35);border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:14px;left:14px;transform:scale(.6);box-shadow:inset 0 1px #ffffff8c,0 2px 8px #0006}.check .ic{width:15px;height:15px}.mode-card.selected .check{opacity:1;transform:none}.mode-info{flex-direction:column;flex:1;gap:8px;padding:18px 18px 20px;display:flex}.mode-name{font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.2}.mode-desc{color:var(--ink-soft);font-size:13.5px;line-height:1.55}.chips{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.mode-best{color:#8a641a;font-variant-numeric:tabular-nums;margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:600}.footnote{text-align:center;color:var(--cream-faint);margin:16px 0 0;font-size:12.5px}.disclaimer{text-align:center;color:#f4efe04d;max-width:620px;margin:6px auto 0;font-size:11.5px}@media (max-width:560px){.hero{padding-top:6px}.section-title{font-size:20px}.section-title:before,.section-title:after{width:28px}.mode-art{height:176px}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.well-art.battle{width:200px}.setup-screen{padding:calc(24px + var(--safe-top)) 16px calc(40px + var(--safe-bottom));place-items:start center;display:grid}.setup-card{border-radius:24px;width:min(560px,100%);padding:22px 24px 24px;animation:.22s cubic-bezier(.2,.9,.3,1.2) pop}.setup-card .field{gap:8px;margin-top:18px;display:grid}.back-btn{font-size:14px;font-weight:600}.setup-hero{align-items:flex-start;gap:16px;margin-top:14px;display:flex}.setup-thumb{background:radial-gradient(circle at 50% 40%,#1d2c62,#0a1230 75%);border-radius:14px;flex:none;place-items:center;width:96px;height:108px;display:grid;overflow:hidden;box-shadow:0 8px 20px #00000040}.setup-thumb .well-art{width:76px}.setup-thumb .well-art.battle{width:88px}.setup-title{font-family:var(--serif);margin:0;font-size:28px;font-weight:700;line-height:1.15}.setup-desc{color:var(--ink-soft);margin:6px 0 0;font-size:13.5px}.manual-link{text-underline-offset:3px;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;font-weight:600;display:inline-flex}.setup-note{color:var(--ink-soft);margin:18px 0;font-size:12.5px}.setup-best{text-align:center;color:#8a641a;font-variant-numeric:tabular-nums;min-height:1.2em;margin-top:10px;font-size:13px;font-weight:600}@media (max-width:480px){.setup-card{padding:18px 16px 20px}.setup-title{font-size:24px}}:lang(th) .section-title,:lang(th) .setup-title,:lang(th) .mode-name{letter-spacing:.01em}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:12px;display:grid}.stat-cell{border:1px solid var(--paper-line);background:#fff9;border-radius:12px;padding:10px 12px}.stat-k{color:var(--ink-soft);font-size:11.5px;font-weight:600}.stat-v{font-variant-numeric:tabular-nums;margin-top:2px;font-size:18px;font-weight:700}.settings-modal .modal-body{gap:4px}.set-section{margin-bottom:14px}.set-section h3{font-family:var(--serif);margin:4px 0 10px;font-size:19px}.set-section .field{margin-top:12px}.slider-row{margin:12px 0;display:block}.slider-head{justify-content:space-between;gap:12px;font-size:13.5px;font-weight:550;display:flex}.slider-value{color:#8a641a;font-variant-numeric:tabular-nums;white-space:nowrap}input[type=range]{--p:50%;appearance:none;background:0 0;width:100%;height:22px;margin:6px 0 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #d6a73f var(--p), #e8dcc0 var(--p));border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, #d6a73f var(--p), #e8dcc0 var(--p));border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#fff8dc,#e8c56a);border:1px solid #b88f30;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 2px 6px #503c1459}input[type=range]::-moz-range-thumb{background:linear-gradient(#fff8dc,#e8c56a);border:1px solid #b88f30;border-radius:50%;width:20px;height:20px}.toggle-row{cursor:pointer;border-bottom:1px solid #e6d8b8b3;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:14px;display:flex}.switch{flex:none;width:44px;height:26px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch .knob{pointer-events:none;background:#e2d5b6;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch .knob:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.switch input:checked+.knob{background:linear-gradient(#ecc96a,#c4983a)}.switch input:checked+.knob:after{transform:translate(18px)}.switch input:focus-visible+.knob{outline:2px solid var(--gold-3);outline-offset:2px}.key-rows{gap:6px;display:grid}.key-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.key-bind{border:1px solid var(--paper-line);text-align:right;background:#ffffffb3;border-radius:10px;min-width:128px;padding:5px 8px;font-size:13px}.key-bind:hover{border-color:var(--gold-3)}.key-bind.capturing{border-color:var(--gold-3);color:#8a641a;background:#fff6dc;font-weight:600}.settings-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.modal.pause-modal{width:min(360px,100%)}.pause-menu{gap:10px;padding-top:4px;display:grid}.results-modal .modal-title{font-size:32px}.results-modal.win .modal-title{background:linear-gradient(#d9a53c,#8a641a);color:#0000;-webkit-background-clip:text;background-clip:text}.results{text-align:center}.results-standings{gap:4px;max-width:320px;margin:8px auto 6px;padding:0;list-style:none;display:grid}.results-standings li{border:1px solid var(--paper-line);text-align:left;background:#fff9;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex}.results-standings li.me{background:#fff6dc;border-color:#d6a73f;font-weight:700}.rs-place{color:#8a641a;min-width:3em;font-weight:800}.rs-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rs-cpu{color:var(--ink-soft);font-size:12px}.results-wait{margin-top:10px}.results-mode{color:var(--ink-soft);font-size:13.5px;font-weight:600}.results-hero{font-family:var(--serif);font-variant-numeric:tabular-nums;background:linear-gradient(#b8892e,#7a5714);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 4px;font-size:46px;font-weight:800;line-height:1.1}.ribbon{letter-spacing:.04em;color:#2a1d05;background:linear-gradient(#f8e4a3,#e0bc60 46%,#b88f30);border-radius:999px;margin:4px 0 8px;padding:5px 14px;font-size:13px;font-weight:700;animation:.5s cubic-bezier(.2,1.4,.4,1) both ribbon-in;display:inline-block;box-shadow:inset 0 1px #ffffff8c,0 4px 12px #8c641a59}.ribbon.soft{box-shadow:none;color:#7a5714;background:#fff6dc;border:1px solid #e3cf98}@keyframes ribbon-in{0%{opacity:0;transform:scale(.6)}}.results-reason{color:var(--ink-soft);margin:4px 0 12px;font-size:13px}.modal.results-modal{width:min(620px,100%)}.results .stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px}@media (max-width:600px){.results .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.results-actions{grid-template-columns:1fr 1.4fr;gap:10px;margin-top:18px;display:grid}@media (max-width:480px){.results-hero{font-size:38px}}.best-keys{flex-wrap:wrap;gap:6px;display:flex}.best-table td.num{font-variant-numeric:tabular-nums}.best-table tr.top td{color:#7a5714}.best-table td:last-child{color:var(--ink-soft);font-size:12px;font-weight:500}.gl-outcome.win{color:#7a5714}.pad-row{gap:10px;display:grid}.pad-row .hint{margin:0}.pad-status{border:1px solid var(--paper-line);background:#fff9;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:9px 14px;display:flex}.pad-status.big{padding:12px 16px}.pad-dot{background:#b9ab8c;border-radius:50%;flex:none;width:10px;height:10px}.pad-status.on .pad-dot{background:#2fb36f;box-shadow:0 0 0 3px #2fb36f38}.pad-status>div{min-width:0}.pad-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-weight:700;overflow:hidden}.pad-sub{color:var(--ink-soft);margin-top:1px;font-size:12.5px}.pad-status.on .pad-sub{color:#1f8a53}.pad-pic-box{background:radial-gradient(120% 120% at 50% 0%, var(--navy-1), var(--navy-3));border-radius:18px;margin:14px 0 6px;padding:12px 12px 10px;box-shadow:inset 0 0 0 1px #f0d07140}.pad-pic svg{width:100%;max-width:440px;height:auto;margin:0 auto;display:block;overflow:visible}.pad-pic .body{fill:#2a3146;stroke:#ffffff38;stroke-width:2px}.pad-pic .hub{fill:#3a4360}.pad-pic .pb rect,.pad-pic .pb circle,.pad-pic rect.pb{fill:#3a4360;stroke:#ffffff4d;stroke-width:1.5px;transition:fill 60ms,stroke 60ms}.pad-pic .pb.face.ok circle{stroke:#ff7a70;stroke-width:2.6px}.pad-pic .pb.face.back circle{stroke:#6aa6ff;stroke-width:2.6px}.pad-pic text{fill:#fff;font:800 13px var(--sans);text-anchor:middle;dominant-baseline:central;pointer-events:none}.pad-pic .sh text{font-size:11px}.pad-pic text.sm{fill:#ffffffb3;font-size:8.5px}.pad-pic .knob{fill:#5a6585;stroke:#ffffff59;stroke-width:1.5px;transition:transform 50ms linear}.pad-pic .pb.on rect,.pad-pic .pb.on circle,.pad-pic rect.pb.on{fill:#f0cf78;stroke:#fff;filter:drop-shadow(0 0 6px #f0cf78e6)}.pad-pic .pb.on text{fill:#2a2000}.pad-last{text-align:center;min-height:1.5em;color:var(--gold-2);margin:6px 0 0;font-size:14px;font-weight:700}.pad-tables{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 18px;margin:12px 0 4px;display:grid}.pad-roles h4{letter-spacing:.12em;color:var(--ink-soft);margin:0 0 6px;font-size:12px;font-weight:700}.pad-roles dl{gap:2px;margin:0;display:grid}.pad-role{border-bottom:1px solid #e6d8b8b3;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.pad-role dt{color:var(--ink);font-size:14px}.pad-role dd{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0;display:flex}.pad-role kbd{text-align:center;border-radius:999px;margin:0}.pad-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pad-tab{border:1px solid var(--paper-line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.pad-tab.on{color:#2a2000;background:linear-gradient(#ecc96a,#c4983a);border-color:#0000}.pad-tab.here:after{content:"";background:#2fb36f;border-radius:50%;width:7px;height:7px}.pad-page{border:1px solid var(--paper-line);color:var(--ink);background:#fff;border-radius:14px;padding:12px 16px;line-height:1.7}.pad-page h4{margin:0 0 6px;font-size:15px}.pad-page ol{gap:4px;margin:0;padding-left:1.5em;font-size:14px;display:grid}.pad-page dl{margin:0;font-size:14px}.pad-page dt{margin-top:8px;font-weight:700}.pad-page dl>div:first-child dt{margin-top:0}.pad-page dd{margin:0 0 0 1em}.pad-page .note{color:var(--ink-soft);margin:10px 0 0;font-size:12.5px}.pause-foot{text-align:center;margin:12px 0 0}.pad-nav .modal button:focus,.pad-nav .modal a:focus,.pad-nav .modal input:focus,.pad-nav .modal .switch input:focus+.knob{outline-color:#b07d22}.play{--cell:28px;--extra:2;height:100vh;-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.play[data-ruleset=classic]{--extra:0}.play-top{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 6px;display:flex}.play-top-right{gap:8px;display:flex}.play-title{text-align:center;min-width:0}.play-name{font-family:var(--serif);letter-spacing:.04em;background:linear-gradient(#fff6d1,#f0cf78 45%,#c9973a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;line-height:1.1}.play-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint);margin-top:2px;font-size:11.5px}.play-stage{justify-content:center;align-items:flex-start;gap:calc(var(--cell) * .7);flex:1;min-height:0;padding:8px 16px 16px;display:flex}.side{width:calc(var(--cell) * 5);padding-top:calc(var(--cell) * var(--extra));flex-direction:column;gap:12px;display:flex}.panel{border:1px solid var(--gold-line);background:linear-gradient(#ffffff0d, #fff0 40%), var(--glass);border-radius:16px;padding:10px 12px 12px;box-shadow:0 12px 30px #00000059}.panel-label{letter-spacing:.32em;color:var(--gold-2);text-align:center;font-size:11px;font-weight:700}.hold-panel canvas,.next-panel canvas{margin:4px auto 0;display:block}.stats-panel{padding:6px 14px 12px}.guide-panel{padding:8px 10px 10px}.guide-panel[hidden]{display:none!important}.guide-rows{gap:5px;margin:7px 0 0;display:grid}.guide-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 6px;display:flex}.guide-row dt{font-size:clamp(10px, calc(var(--cell) * .34), 12.5px);color:var(--cream-dim);white-space:nowrap;font-weight:600}.guide-row dd{flex-wrap:wrap;justify-content:flex-end;gap:3px;margin:0 0 0 auto;display:flex}.guide-row kbd{min-width:1.75em;color:var(--cream);font-size:clamp(9.5px, calc(var(--cell) * .32), 12px);text-align:center;white-space:nowrap;background:#ffffff14;border-color:#f0d07161;margin:0;padding:1px 5px}.guide-panel[data-device=pad] kbd{border-radius:999px}.stat{border-bottom:1px solid #f0d0711f;padding:8px 0 7px}.stat:last-of-type{border-bottom:0}.stat-label{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint);font-size:10.5px;font-weight:650}.stat-value{font-size:calc(var(--cell) * .68);color:var(--cream);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;font-weight:650;line-height:1.15}.stat.big .stat-value{font-size:calc(var(--cell) * .95);background:linear-gradient(#fff6d1,#f0cf78 50%,#c9973a);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:750}.stat.urgent .stat-value{color:#ff8a7a;background:0 0;animation:1s ease-in-out infinite urgent}@keyframes urgent{50%{opacity:.55}}.play[data-ruleset=classic] .stat-value{letter-spacing:.08em}.goal-bar{background:#f0d07124;border-radius:999px;height:5px;margin-top:10px;overflow:hidden}.goal-fill{border-radius:inherit;background:linear-gradient(90deg,#c9973a,#f8e4a3);width:0;height:100%;transition:width .25s;box-shadow:0 0 10px #f0d07199}.board-wrap{flex:none;position:relative}.board-frame{position:relative}.board-frame:before{content:"";bottom:0;left:0;right:0;top:calc(var(--cell) * var(--extra));pointer-events:none;border-radius:4px;transition:box-shadow .3s;position:absolute;box-shadow:0 0 0 1px #f0d0718c,0 0 0 6px #060b1ee6,0 0 0 7px #f0d07147,0 24px 70px #0009,0 0 80px #dcb6581f}.board-frame.danger:before{animation:1.1s ease-in-out infinite danger}@keyframes danger{50%{box-shadow:0 0 0 1px #ff6e5ae6,0 0 0 6px #1e0608e6,0 0 0 7px #ff6e5a73,0 24px 70px #0009,0 0 80px #ff5a464d}}canvas.board{display:block;position:relative}.board-overlay{bottom:0;left:0;right:0;top:calc(var(--cell) * var(--extra));pointer-events:none;place-items:center;display:grid;position:absolute;overflow:hidden}.center-msg{font-family:var(--serif);font-weight:800;font-size:calc(var(--cell) * 1.6);letter-spacing:.08em;text-align:center;background:linear-gradient(#fff6d1,#f0cf78 45%,#c9973a);color:#0000;filter:drop-shadow(0 4px 14px #000000b3)drop-shadow(0 0 24px #f0d07159);-webkit-background-clip:text;background-clip:text;grid-area:1/1;padding:0 8px;line-height:1.05;animation:.9s both center-in}.center-msg.go{font-size:calc(var(--cell) * 2)}.center-msg.level{font-size:calc(var(--cell) * 1.1);animation-duration:1.1s}.center-msg.perfect{font-size:calc(var(--cell) * 1.25);animation:1.8s both perfect-in}.center-msg.complete{font-size:calc(var(--cell) * 1.3);animation:1.4s both perfect-in}@keyframes center-in{0%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(.94)}}@keyframes perfect-in{0%{opacity:0;transform:scale(.4)rotate(-4deg)}14%{opacity:1;transform:scale(1.12)}24%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.play[data-ruleset=classic] .center-msg{font-family:var(--sans);color:#fcfcfc;background:0 0;font-weight:800}.action-layer{right:calc(100% + var(--cell) * .7);bottom:calc(var(--cell) * .5);width:calc(var(--cell) * 5);height:calc(var(--cell) * 4.6);pointer-events:none;z-index:3;position:absolute}.action-pop{text-align:right;width:100%;animation:1.6s both pop;position:absolute;bottom:0;right:0}.action-pop>div{line-height:1.15}.ap-b2b{font-size:calc(var(--cell) * .42);letter-spacing:.12em;color:#ffd98a;font-weight:750}.ap-main{font-family:var(--serif);font-weight:800;font-size:calc(var(--cell) * .82);letter-spacing:.03em;background:linear-gradient(#fff6d1,#f0cf78 45%,#c9973a);color:#0000;filter:drop-shadow(0 2px 10px #0009);-webkit-background-clip:text;background-clip:text}.ap-main.tspin{background:linear-gradient(#f3dcff,#c88bf5 50%,#8e44d6);-webkit-background-clip:text;background-clip:text}.ap-main.tetris{background:linear-gradient(#e0fbff,#6fe3f7 50%,#18a8c9);-webkit-background-clip:text;background-clip:text}.ap-minor{font-size:calc(var(--cell) * .55);letter-spacing:.1em;color:#f4efe0bf;font-weight:750}.ap-combo{font-size:calc(var(--cell) * .55);color:#ffb36b;font-weight:750}.ap-points{font-size:calc(var(--cell) * .46);color:var(--cream-dim);font-variant-numeric:tabular-nums;margin-top:2px;font-weight:650}.touch-pad{display:none}.play.with-touch .touch-pad{padding:6px 14px max(14px, env(safe-area-inset-bottom));touch-action:none;flex:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.touch-cluster{flex-direction:column;gap:10px;display:flex}.touch-cluster.right{flex-direction:row;align-items:flex-end}.touch-row{justify-content:space-between;gap:10px;display:flex}.touch-btn{width:58px;height:58px;color:var(--gold-2);touch-action:none;background:radial-gradient(circle at 35% 30%,#ffffff29,#0000 60%),#060b1eb8;border:1px solid #f0d07166;border-radius:50%;place-items:center;padding:0;transition:transform 60ms,background 60ms;display:grid;box-shadow:0 4px 14px #0006}.touch-btn .ic{width:26px;height:26px}.touch-btn.down{background:#f0d07147;transform:scale(.93)}.touch-btn.primary{color:#2a1d05;background:linear-gradient(#fff6,#fff0 50%),linear-gradient(#f0d071,#c69a35 55%,#8a641a);border:0;width:72px;height:72px}.touch-btn.primary .ic{width:32px;height:32px}.touch-btn.small{border-radius:999px;width:auto;min-width:58px;height:40px;padding:0 14px}.touch-btn.small .ic{width:20px;height:20px}.touch-text{letter-spacing:.18em;font-size:11px;font-weight:750}.play.compact .play-top{padding:10px 12px 4px}.play.compact .round-btn{width:38px;height:38px}.play.compact .play-name{font-size:19px}.play.compact .play-stage{grid-template-columns:auto 1fr;grid-template-areas:"hold next""stats stats""board board";place-content:start center;gap:8px;padding:4px 12px 8px;display:grid}.play.compact .side{display:contents}.play.compact .hold-panel{grid-area:hold}.play.compact .next-panel{grid-area:next;justify-self:start}.play.compact .stats-panel{grid-area:stats}.play.compact .board-wrap{grid-area:board;justify-self:center}.play.compact .panel{border-radius:12px;padding:6px 8px}.play.compact .panel-label{font-size:9.5px}.play.compact .stats-panel{flex-wrap:wrap;justify-content:space-around;gap:0 16px;padding:4px 12px 6px;display:flex}.play.compact .stat{text-align:center;border:0;padding:2px 0}.play.compact .stat-label{font-size:9px}.play.compact .stat-value,.play.compact .stat.big .stat-value{font-size:16px}.play.compact .goal-bar{flex-basis:100%;margin-top:4px}.play.compact .action-layer{bottom:auto;left:0;right:auto;top:calc(var(--cell) * (var(--extra) + 3));width:100%}.play.compact .action-pop{text-align:center;top:0;bottom:auto}.play.compact .ap-main{font-size:calc(var(--cell) * .9)}.play-host{min-height:100dvh}.garbage-meter{left:calc(var(--cell) * -.42);width:calc(var(--cell) * .26);pointer-events:none;background:linear-gradient(#ff9a7a,#e0402e);border-radius:3px;height:0;transition:height .18s ease-out;position:absolute;bottom:0;box-shadow:0 0 10px #ff5a3c8c}.garbage-meter.big{animation:.6s ease-in-out infinite alternate meter-pulse}@keyframes meter-pulse{to{box-shadow:0 0 18px #ff5a3ce6}}.side-opponents{width:auto}.minis{flex-direction:column;gap:10px;display:flex}.minis[data-count="3"]{grid-template-columns:repeat(2,auto);display:grid}.mini{justify-items:center;gap:4px;display:grid}.mini-head{max-width:calc(var(--mini-cell,8px) * 10 + 8px);color:var(--cream-dim);text-align:center;font-size:12px;font-weight:650}.mini-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-frame{border-radius:4px;padding:0;position:relative;box-shadow:0 0 0 1px #f0d07173,0 0 0 4px #060b1ee6,0 0 0 5px #f0d07138,0 12px 30px #00000080}.mini-canvas{display:block}.mini-meter{background:linear-gradient(#ff9a7a,#e0402e);border-radius:2px;width:4px;height:0;transition:height .2s;position:absolute;bottom:0;left:-7px}.mini-badge{font:800 calc(var(--mini-cell,8px) * 3.2) / 1 var(--serif);color:var(--gold-2);text-shadow:0 3px 12px #000000b3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.mini.ko .mini-frame{filter:saturate(.3)}.mini.ko .mini-head{opacity:.6;text-decoration:line-through}.mini.away .mini-head:after{content:" …"}.minis-top{display:none}.play.battle.compact .minis-top{justify-content:center;padding:2px 12px 6px;display:flex}.play.battle.compact .minis{flex-direction:row;gap:14px;display:flex}.play.battle.compact .mini-head{font-size:10.5px}.play.battle.compact .side-opponents{display:none}.center-msg.ko,.ap-points.attack{color:#ff9a7a}:lang(th) .guide-panel .panel-label{letter-spacing:.04em}.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}.title-top-left{align-items:center;gap:8px;min-width:0;display:flex}.ug-home{color:#f0d79b;font:700 12px/1 var(--font);letter-spacing:.04em;white-space:nowrap;background:#03071499;border:1px solid #dcb46e59;border-radius:999px;flex:none;align-items:center;gap:7px;padding:4px 13px 4px 4px;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #0006}.ug-home:hover{color:#f2dcae;border-color:#e6c88c99}.ug-home svg{flex:none;width:22px;height:22px;display:block}.acc-pill{color:#d8bd8c;max-width:46vw;font:700 12px/1 var(--font);letter-spacing:.04em;white-space:nowrap;background:#03071499;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:#03071499;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%}.title-top-left{display:contents}.ug-home{padding:4px;position:absolute;top:0;left:0}.ug-home span{display:none}}.share-btn{color:#f0d79b;font:700 12px/1 var(--font);letter-spacing:.04em;white-space:nowrap;cursor:pointer;background:#03071499;border:1px solid #dcb46e59;border-radius:999px;flex:none;align-items:center;gap:7px;padding:4px 13px 4px 4px;display:inline-flex;box-shadow:0 2px 10px #0006}.share-btn:hover{color:#f2dcae;border-color:#e6c88c99}.share-btn svg{color:#3a2405;background:linear-gradient(180deg, var(--brass-1), var(--brass-2) 55%, var(--brass-3));border-radius:50%;flex:none;width:22px;height:22px;padding:5px;display:block;box-shadow:inset 0 1px #fff9}@media (max-width:640px){.share-btn{position:absolute;top:0;right:0}}@media (max-width:560px){.share-btn{padding:4px}.share-btn span{display:none}}.share-modal .modal-body{grid-template-columns:minmax(0,1fr)}.shr-head{align-items:center;gap:12px;margin:0 36px 2px 0;display:flex}.shr-head h2{font-family:var(--mincho);margin:0;font-size:21px;line-height:1.3}.shr-head .sub{color:var(--ink-soft);margin:2px 0 0;font-size:12.5px}.shr-mark{box-sizing:content-box;color:#3a2405;background:linear-gradient(180deg, var(--brass-1), var(--brass-2) 55%, var(--brass-3));border-radius:12px;flex:none;width:24px;height:24px;padding:9px;box-shadow:inset 0 1px #fff9,0 2px 6px #3c1e0859}.shr-mark svg{width:100%;height:100%;display:block}.shr-link{background:#fffcf099;border:1px solid #6e4a1a4d;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.shr-url{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;flex:1;font-size:14px;font-weight:700;overflow:hidden}.shr-copy{appearance:none;background:var(--gold-grad);color:#3a2405;font:800 12.5px var(--font);cursor:pointer;border:1px solid #6b4a10;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 14px;transition:background .15s,color .15s;display:flex;box-shadow:inset 0 1px #ffffffd9}.shr-copy svg{width:16px;height:16px}.shr-copy.done{color:#fff;background:#2f8a5b;border-color:#1f6a43}.shr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;margin:4px 0 0;display:grid}.shr-svc{appearance:none;min-width:0;color:var(--ink);font:700 11.5px var(--font);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:4px 0;text-decoration:none;display:flex}.shr-svc span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.shr-svc:hover{background:#6e4a1a1a}.shr-svc:active .shr-ic{transform:scale(.92)}.shr-ic{color:#fff;background:var(--c,#6a4c26);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:transform .12s;display:grid;box-shadow:0 3px 8px #3c1e084d}.shr-ic svg{width:24px;height:24px}.shr-ic.x,.shr-ic.threads{--c:#000}.shr-ic.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.shr-ic.whatsapp{--c:#25d366}.shr-ic.line{--c:#06c755}.shr-ic.telegram{--c:#fff;color:#26a5e4}.shr-ic.telegram svg{width:48px;height:48px}.shr-ic.mail{--c:#6a4c26}.shr-note{border-radius:var(--r-sm);color:var(--ink);overflow-wrap:anywhere;background:#2f8a5b24;border:1px solid #2f8a5b73;margin:0;padding:9px 12px;font-size:12.5px;line-height:1.6;display:none}.shr-note.on{display:block}.share-modal .modal-actions{margin-top:4px}@media (max-width:420px){.modal.share-modal{padding-left:16px;padding-right:16px}.shr-link{padding-left:12px}.shr-url{font-size:12px}.shr-copy{padding:8px 11px}.shr-ic,.shr-ic.telegram svg{width:44px;height:44px}}@media (max-width:360px){.shr-head h2{font-size:18px}.shr-grid{column-gap:2px}.shr-svc{font-size:10.5px}}.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-buy a{color:#6b4513;text-underline-offset:3px;font-size:12px;font-weight:800}.acc-buy span{margin-top:2px;display:block}.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}.acc-note.warn{color:#a3402c;font-weight:700}.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}