:root{--wood-1:#6b4322;--wood-2:#4a2c13;--wood-3:#321d0b;--wood-4:#1e1107;--parch-1:#f7e9c8;--parch-2:#ead5a8;--parch-3:#d3b57c;--ink:#3a2610;--ink-soft:#70532c;--ink-faint:#9a7d51;--brass-1:#f0d071;--brass-2:#c69a35;--brass-3:#8a641a;--gold:#e6b444;--cream:#f0d9ab;--cream-soft:#c8ac80;--danger:#c0392b;--ok:#3d8b4a;--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:"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;--font-display:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Shippori Mincho", Georgia, "Thonburi", "Noto Serif Thai", "Noto Sans Thai", "Leelawadee UI", serif;--font-piece:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--chart-surface:#fbf3df;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");--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{-webkit-text-size-adjust:100%;background:#2a1a0c}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#2a1a0c;margin:0}a{color:inherit}button{cursor:pointer;font-family:inherit}input{-webkit-user-select:text;user-select:text}.hidden{display:none!important}.screen{min-height:100vh;min-height:100dvh;position:relative}.page{z-index:1;width:min(1120px,100%);padding:calc(14px + var(--safe-top)) 16px calc(28px + var(--safe-bottom));margin:0 auto;position:relative}.page.narrow{width:min(480px,100%)}.wood-bg{background-color:#0000;background-image:radial-gradient(1000px 600px at 50% 0,#ffce8229,#0000 62%),radial-gradient(circle at 30% 20%,#6b4322,#3a2210 46%,#1e1107);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.wood-bg:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px),repeating-linear-gradient(92deg,#ffd0960d 0 2px,#0000 2px 9px);position:fixed;inset:0}.wood-bg:after{content:"";pointer-events:none;background-image:var(--grain);opacity:.07;mix-blend-mode:overlay;position:fixed;inset:0}.parchment{background:radial-gradient(120% 90% at 22% 8%, #ffffff80, #fff0 55%), radial-gradient(90% 70% at 88% 96%, #96682c52, #96682c00 60%), linear-gradient(172deg, var(--parch-1), var(--parch-2) 62%, var(--parch-3));box-shadow:var(--shadow-2), inset 0 1px #ffffffb3, inset 0 -3px 10px #8c602447;border:1px solid #60401680;position:relative}.parchment:after{content:"";pointer-events:none;background-image:var(--grain);mix-blend-mode:multiply;opacity:.09;border-radius:inherit;position:absolute;inset:0}.btn{border-radius:var(--r-md);color:var(--ink);text-shadow:0 1px #fffae899;box-shadow:var(--shadow-1), inset 0 1px #ffffffd9, inset 0 -2px #78521e57;white-space:nowrap;background:linear-gradient(#ffffff6b,#fff0 46%),linear-gradient(#f1dfb0,#d3b47c);border:1px solid #482e0e9e;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform 80ms,filter .15s,box-shadow .15s;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #5a3c1473}.btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.55)}.btn:focus-visible{outline:3px solid var(--brass-1);outline-offset:2px}.btn svg{flex:none;width:18px;height:18px}.btn-primary{background:linear-gradient(180deg, #ffffff75, #fff0 44%), linear-gradient(180deg, var(--brass-1), var(--brass-2) 55%, var(--brass-3));color:#3a2405;text-shadow:0 1px #fff0bea6;border-color:#6d4c0d}.btn-danger{color:#fff2ef;text-shadow:0 1px 1px #0000004d;background:linear-gradient(#dc6355,#a83226);border-color:#7d1f16}.btn-lg{border-radius:12px;width:100%;padding:15px 26px;font-size:17px}.btn-sm{padding:6px 10px;font-size:12px}.btn-block{width:100%}.pill-btn{color:var(--cream);box-shadow:var(--shadow-1), inset 0 1px #ffd6962e;background:linear-gradient(178deg,#4a2f15eb,#2a190aeb);border:1px solid #ffd6964d;border-radius:999px;align-items:center;gap:9px;padding:8px 16px 8px 13px;font-family:inherit;font-size:12.5px;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:focus-visible{outline:2px solid var(--brass-1);outline-offset:3px}.pill-btn svg{width:16px;height:16px;color:var(--brass-1)}.link-btn{color:var(--ink-soft);text-underline-offset:3px;opacity:.8;background:0 0;border:0;align-items:center;gap:4px;padding:3px 6px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:underline;display:inline-flex}.link-btn:hover{opacity:1}.modal-backdrop{z-index:50;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 40%,#140a028c,#0a0500c7);place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:radial-gradient(120% 90% at 22% 6%, #ffffff85, #fff0 52%), radial-gradient(90% 70% at 88% 98%, #96682c57, #96682c00 58%), linear-gradient(172deg, var(--parch-1), var(--parch-2) 60%, var(--parch-3));width:min(440px,100%);max-height:min(86vh,100%);box-shadow:var(--shadow-3), inset 0 1px #ffffffbf, inset 0 -4px 14px #8c60244d, 0 0 0 6px #3a220e80, 0 0 0 7px #d2a86059;border:2px solid #6040168c;border-radius:20px;padding:24px 22px 20px;animation:.35s cubic-bezier(.2,.9,.3,1) rise;position:relative;overflow:auto}.modal.wide{width:min(620px,100%)}.modal-title{text-align:center;font-family:var(--font-display);letter-spacing:.12em;color:#4a2f10;text-shadow:0 1px #ffffffbf;margin:0 0 4px;font-size:22px}.modal-sub{text-align:center;color:var(--ink-soft);margin:0 0 16px;font-size:12.5px}.modal-title:after{content:"";background:linear-gradient(90deg,#0000,#8a641a99,#0000);width:110px;height:2px;margin:12px auto 14px;display:block}.modal-close{width:32px;height:32px;color:var(--ink-soft);z-index:2;background:#fffaec99;border:1px solid #5034104d;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.modal-close svg{width:16px;height:16px}.modal-actions{gap:10px;margin-top:18px;display:grid}.modal-actions.row{grid-template-columns:1fr 1fr}.modal-body{z-index:1;gap:12px;display:grid;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes fade{0%{opacity:0}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-faint)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#78541a73;border-radius:8px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.top-bar{z-index:3;justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex;position:relative}.top-bar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.admin-pill svg{color:var(--brass-1)}.acc-pill,.acc-pill-gap{color:#d8bd8c;max-width:46vw;min-height:36px;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;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #0006}.acc-pill-gap{visibility:hidden;border:0;width:1px;padding:0}.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}.acc-pill:focus-visible{outline:2px solid var(--brass-1);outline-offset:2px}.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 button:focus-visible{outline:2px solid var(--brass-1);outline-offset:-2px}.lang-seg.light{background:#fffaec80;border-color:#50341073;max-width:420px;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}.title-head{text-align:center;margin:18px 0 26px;animation:.5s cubic-bezier(.2,.9,.3,1) rise}.logo-marks{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.logo-marks .game-mark{filter:drop-shadow(0 4px 6px #00000073);animation:.8s cubic-bezier(.2,.9,.3,1.2) both logo-in}.logo-marks .game-mark:nth-child(2){animation-delay:60ms}.logo-marks .game-mark:nth-child(3){animation-delay:.12s}.logo-marks .game-mark:nth-child(4){animation-delay:.18s}.logo-marks .game-mark:nth-child(5){animation-delay:.24s}.logo-marks .game-mark:nth-child(6){animation-delay:.3s}.logo-marks .game-mark:nth-child(7){animation-delay:.36s}.logo-marks .game-mark:nth-child(8){animation-delay:.42s}@keyframes logo-in{0%{opacity:0;transform:translateY(-12px)scale(.9)}}.title-head h1{font-family:var(--font-display);letter-spacing:.16em;background:linear-gradient(#fff0bd,#e9bb44 46%,#a97a1c);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #0006)drop-shadow(0 10px 20px #00000073);-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.16em;font-size:clamp(40px,8.4vw,72px);font-weight:700;line-height:1.04}.title-head h1 span{display:block}.title-head h1 .sub{font-family:var(--font);letter-spacing:.6em;color:#cdb083;-webkit-text-fill-color:#cdb083;filter:none;margin-top:10px;padding-left:.6em;font-size:13px;font-weight:700}.tagline{font-family:var(--font-display);letter-spacing:.18em;color:var(--cream-soft);margin:14px 0 0;font-size:15px}.title-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.title-section{text-align:center;font-family:var(--font-display);letter-spacing:.32em;color:#e2c894;margin:0 0 16px;padding-left:.32em;font-size:17px;font-weight:600}.title-section:after{content:"";background:linear-gradient(90deg,#0000,#e2c894b3,#0000);width:64px;height:1px;margin:12px auto 0;display:block}.title-foot{text-align:center;letter-spacing:.12em;color:#a08a63;margin-top:30px;font-size:11px}.welcome{border-radius:16px;align-items:center;gap:14px;width:min(760px,100%);margin:0 auto 26px;padding:14px 16px 14px 18px;animation:.5s cubic-bezier(.2,.9,.3,1) .1s both rise;display:flex}.welcome>*{z-index:1;position:relative}.welcome-text{flex:1;gap:3px;min-width:0;display:grid}.welcome-text b{font-family:var(--font-display);color:#3a2610;overflow-wrap:anywhere;font-size:17px}.welcome-text span{color:var(--ink-soft);font-size:12.5px;font-weight:600;line-height:1.6}.welcome-friends{align-items:center;gap:2px;display:inline-flex}.welcome-friends .ol-dot{margin:0 6px 0 2px}.welcome-btn{flex:none;text-decoration:none}.lead-note{text-align:center;width:min(640px,100%);color:var(--cream-soft);margin:-8px auto 26px;font-size:13px;line-height:1.7}.game-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.game-card{border:2px solid #6040168c;border-radius:18px;flex-direction:column;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s,border-color .22s;animation:.55s cubic-bezier(.2,.9,.3,1) both rise;display:flex;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-3), 0 0 0 4px #f0d0712e, inset 0 1px #ffffffb3;border-color:#c69a35f2;transform:translateY(-5px)}.game-card:focus-within{border-color:#c69a35f2}.game-card-art{z-index:1;aspect-ratio:16/10;border-bottom:1px solid #3c260cb3;position:relative;overflow:hidden;box-shadow:inset 0 -10px 20px #00000040}.game-art{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.9,.3,1);display:block}.game-card:hover .game-art{transform:scale(1.04)}.game-art .token-text{font:700 8.5px var(--font)}.game-art .uno-num{font:900 26px var(--font);font-style:italic}.game-art .uno-corner{font:800 9px var(--font);font-style:italic}.game-art .card-rank{font:800 8px var(--font);dominant-baseline:central}.game-art .mono-q{font:900 13px var(--font)}.koma-text{font-family:var(--font-piece);font-weight:700}.game-card-body{z-index:1;flex-direction:column;flex:1;gap:10px;padding:14px 16px 16px;display:flex;position:relative}.game-card h3{align-items:center;gap:10px;margin:0;display:flex}.game-card h3 .game-mark{filter:drop-shadow(0 1px 2px #0000004d);flex:none}.game-card-link{color:#3a2610;gap:2px;min-width:0;text-decoration:none;display:grid}.game-card-link:after{content:"";z-index:0;position:absolute;inset:0}.game-card-link:focus-visible{outline:none}.game-card:has(.game-card-link:focus-visible){outline:3px solid var(--brass-1);outline-offset:3px}.game-brand{font-family:var(--font-display);letter-spacing:.12em;font-size:22px;font-weight:700;line-height:1.05}.game-full{letter-spacing:.08em;color:var(--ink-faint);font-size:11px;font-weight:800}.game-desc{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.65}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:var(--ink);background:#fffaecb3;border:1px solid #5034104d;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.game-card-stats,.game-card-friends{border-radius:var(--r-md);color:var(--ink);background:#fffaec8c;border:1px solid #50341033;gap:2px;padding:8px 10px;font-size:12px;font-weight:700;display:grid}.game-card-stats .muted{font-weight:600}.game-card-friends{color:#33502a;background:#78aa6029;border-color:#5a8c4659;align-items:center;gap:8px;display:flex}.avatar-stack{display:flex}.avatar-stack .avatar+.avatar{margin-left:-7px}.game-card-actions{z-index:2;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:2px;display:flex;position:relative}.game-card-actions .btn{flex:1;text-decoration:none}.game-card-actions .link-btn svg{width:15px;height:15px}.special-title{margin-top:34px}.special-cards{justify-content:center;gap:18px;display:flex}.special-card{width:calc(25% - 13.5px)}.special-badge{letter-spacing:.14em;color:#fff;background:linear-gradient(90deg,#3b2d78,#c76a7c);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800;position:absolute;top:10px;left:10px}@media (max-width:1040px){.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.special-card{width:calc(50% - 9px)}}@media (max-width:420px){.logo-marks{gap:6px}.logo-marks .game-mark{width:30px;height:30px}}@media (max-width:620px){.game-cards{grid-template-columns:1fr;gap:14px}.special-card{width:100%}.game-card-art{aspect-ratio:16/8}.welcome{flex-wrap:wrap}.welcome-btn{width:100%}.title-head{margin:14px 0 22px}}@media (max-width:560px){.top-bar{flex-direction:column-reverse;align-items:center;gap:10px}.acc-pill{max-width:100%}.acc-pill-gap{display:none}.top-bar-right{justify-content:center}}.install-steps{margin:4px 0;padding-left:22px;font-size:13px;line-height:1.9}.auth-panel{box-shadow:var(--shadow-3), inset 0 1px #ffffffbf, inset 0 -4px 14px #8c60244d, 0 0 0 6px #3a220e80, 0 0 0 7px #d2a86059;border:2px solid #6040168c;border-radius:20px;margin:28px auto 0;padding:24px 22px 20px;animation:.35s cubic-bezier(.2,.9,.3,1) rise}.auth-panel>*{z-index:1;position:relative}.auth-marks{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.auth-note{text-align:center}.auth-panel form{display:grid}.auth-panel .btn-lg{margin-top:6px}.auth-panel .modal-actions .btn{text-decoration:none}.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 16px/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-field-note{margin:-6px 0 6px;font-size:11px;line-height:1.6}.acc-note{color:var(--ink-soft);margin:4px 0;font-size:12px;line-height:1.7}.acc-foot{text-align:center;margin:10px 0 0}.acc-foot .link-btn{font-size:13px}.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-btn-inline{justify-self:start}.acc-modal form{display:grid}.or-rule{letter-spacing:.06em;color:var(--ink-soft);opacity:.8;align-items:center;gap:10px;margin:12px -3px 2px;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}.link-btn{text-decoration-thickness:1px}a.link-btn{color:var(--ink-soft)}.link-btn svg{width:14px;height:14px}.link-btn.danger{color:#93331f}.link-btn:disabled{opacity:.4;cursor:default}.wood-bg .page>.acc-note,.tab-loading{color:var(--cream-soft);text-align:center;margin:30px 0}.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}.profile{border-radius:18px;align-items:center;gap:18px;margin:22px 0 14px;padding:18px 22px;animation:.45s cubic-bezier(.2,.9,.3,1) rise;display:flex}.profile>*{z-index:1;position:relative}.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-btn:focus-visible{outline:3px solid var(--brass-2);outline-offset:3px;border-radius:12px}.acc-icon-hint{color:var(--ink-soft);white-space:nowrap;font-size:10.5px;font-weight:700;text-decoration:underline}.profile-text{flex:1;justify-items:start;gap:2px;min-width:0;display:grid}.acc-id-label{letter-spacing:.1em;color:var(--ink-faint);font-size:10px;font-weight:800}.profile h1{font-family:var(--font-display);letter-spacing:.04em;color:#3a2610;overflow-wrap:anywhere;margin:0;font-size:clamp(22px,4vw,30px);line-height:1.15}.profile-email{color:var(--ink-soft);overflow-wrap:anywhere;font-size:13px;font-weight:600}.profile-since{color:var(--ink-faint);font-size:11.5px}.acc-id-btn{margin-top:2px;padding:0}.page-note{color:#2b4722;box-shadow:var(--shadow-1);background:#e6efd6;border-color:#5a8c468c;border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:13px;font-weight:700}.acc-fcode{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:12px 0 4px;display:flex}.acc-fcode.compact{background:#fffaec99;border:1px solid #50341033;border-radius:12px;flex-direction:column;flex:none;align-items:flex-end;gap:2px;margin:0;padding:10px 14px}.acc-fcode-label{letter-spacing:.06em;color:var(--ink-soft);font-size:11px;font-weight:800}.acc-fcode-num{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#3f2708;-webkit-user-select:all;user-select:all;font-size:18px}.tabs{z-index:5;scrollbar-width:none;-webkit-backdrop-filter:blur(4px);background:linear-gradient(#28180af0,#28180adb);border-bottom:1px solid #dcb46e2e;gap:4px;margin:0 -16px 16px;padding:8px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:#d8bd8c;font:700 13px/1 var(--font);letter-spacing:.03em;white-space:nowrap;background:#261609b3;border:1px solid #dcb46e47;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 15px;display:inline-flex}.tabs button svg{width:16px;height:16px}.tabs button:hover{color:#f2dcae}.tabs button.on{color:#3a2405;background:linear-gradient(180deg, var(--brass-1), var(--brass-2) 55%, var(--brass-3));border-color:#6d4c0d;box-shadow:inset 0 1px #fff9}.tabs button:focus-visible{outline:2px solid var(--brass-1);outline-offset:2px}.tab-body{gap:16px;display:grid}.panel{border-radius:16px;min-width:0;padding:18px 20px}.panel>*{z-index:1;position:relative}.panel-title{font-family:var(--font-display);letter-spacing:.08em;color:#4a2f10;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;display:flex}.panel-title svg{width:19px;height:19px;color:var(--brass-3)}.mini-head{letter-spacing:.08em;color:var(--ink-soft);margin:14px 0 6px;font-size:11.5px;font-weight:800}.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat-tile{background:#fffaec99;border:1px solid #5034102e;border-radius:12px;align-content:start;gap:3px;min-width:0;padding:11px 13px;display:grid}.stat-label{letter-spacing:.05em;color:var(--ink-soft);font-size:11px;font-weight:800}.stat-value{color:#3a2610;overflow-wrap:anywhere;font-size:22px;font-weight:800;line-height:1.2}.stat-sub{color:var(--ink-faint);font-size:11.5px;font-weight:600;line-height:1.5}.stat-tiles.small .stat-value{font-size:18px}.stat-tiles+.acc-note{margin-top:12px}.game-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.game-stats{border-top:4px solid var(--game)}.game-stats-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.game-stats-head>div{flex:1;min-width:0;display:grid}.game-stats-head h3{font-family:var(--font-display);letter-spacing:.06em;color:#3a2610;margin:0;font-size:18px}.game-stats-head .muted{font-size:12px;font-weight:700}.game-stats-head .btn{text-decoration:none}.game-stats .stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state{background:#fffaec80;border:1px dashed #5034104d;border-radius:12px;padding:14px}.empty-state p{margin:0}.empty-state p:first-child{font-size:13px;font-weight:800}.tsume-line{color:var(--ink);margin:12px 0 0;font-size:12.5px}.mode-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.mode-list li{grid-template-columns:minmax(0,1.3fr) minmax(40px,1fr) auto;align-items:center;gap:10px;font-size:12.5px;display:grid}.mode-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mode-bar{background:#5034101a;border-radius:4px;height:8px;overflow:hidden}.mode-bar span{background:var(--game);border-radius:0 4px 4px 0;min-width:3px;height:100%;display:block}.mode-num{color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}.chart{background:var(--chart-surface);border:1px solid #50341029;border-radius:12px;padding:12px 12px 8px;position:relative}.chart-legend,.share-legend{color:var(--ink);flex-wrap:wrap;gap:6px 16px;margin:0 0 8px;padding:0;font-size:12px;font-weight:700;list-style:none;display:flex}.chart-legend span,.share-legend li{align-items:center;gap:6px;display:inline-flex}.chart-legend i,.share-legend i,.chart-tip i{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.chart-plot{position:relative}.chart-plot svg{display:block;overflow:visible}.chart-plot rect[tabindex]:focus{outline:none}.chart-plot rect[tabindex]:focus-visible{stroke:var(--brass-2);stroke-width:2px}.chart-grid{stroke:#5034101f;stroke-width:1px}.chart-base{stroke:#50341059;stroke-width:1px}.chart-tick{font:600 10.5px var(--font);fill:var(--ink-soft);font-variant-numeric:tabular-nums}.chart-tip{z-index:2;min-width:140px;box-shadow:var(--shadow-2);color:var(--ink);pointer-events:none;white-space:nowrap;background:#fffdf6;border:1px solid #5034104d;border-radius:10px;gap:3px;padding:8px 10px;font-size:12px;display:grid;position:absolute}.chart-tip.left{transform:translate(-100%)}.chart-tip b{color:var(--ink-soft);font-size:11.5px}.chart-tip span{align-items:center;gap:6px;display:flex}.chart-tip em{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:10px;font-style:normal;font-weight:800}.chart-tip-total{color:var(--ink-soft);border-top:1px solid #50341026;padding-top:3px;font-weight:700}.chart-table{margin-top:6px}.chart-table summary{cursor:pointer;color:var(--ink-soft);font-size:12px;font-weight:700}.share{background:var(--chart-surface);border:1px solid #50341029;border-radius:12px;padding:14px 14px 10px}.share-bar{border-radius:4px;gap:2px;height:16px;margin-bottom:12px;display:flex;overflow:hidden}.share-bar span{flex-basis:0;min-width:3px}.share-legend{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:0;display:grid}.share-name{flex:1}.share-time{color:var(--ink-soft);font-weight:600}.share-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:12.5px}.table-wrap th,.table-wrap td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-bottom:1px solid #8a641a33;padding:8px 10px}.table-wrap thead th{letter-spacing:.04em;color:var(--ink-soft);font-size:11px;font-weight:800}.table-wrap th:first-child,.table-wrap td:first-child{text-align:left}.table-wrap tbody th{font-weight:800}.cell-game{align-items:center;gap:8px;display:inline-flex}.recent-list{margin:0;padding:0;list-style:none}.recent-list li{border-bottom:1px solid #8a641a33;align-items:center;gap:12px;padding:9px 0;display:flex}.recent-list li:last-child{border-bottom:0}.recent-list .game-mark{flex:none}.recent-main{flex:1;gap:1px;min-width:0;display:grid}.recent-main b{font-size:13.5px}.recent-main span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.tag-online{color:#1d4f8f;background:#2a78d61f;border-radius:99px;margin-left:6px;padding:1px 7px;font-size:10.5px;font-style:normal;font-weight:800}.result-badge{text-align:center;min-width:52px;color:var(--ink-soft);background:#fffaecb3;border:1px solid #50341040;border-radius:99px;flex:none;padding:4px 9px;font-size:11.5px;font-weight:800}.result-badge.win{color:#2b6334;background:#3d8b4a24;border-color:#3d8b4a73}.result-badge.loss{color:#8a2a1c;background:#c0392b1a;border-color:#c0392b59}.recent-when{text-align:right;min-width:72px;color:var(--ink-faint);flex:none;font-size:11.5px}.acc-fadd{gap:8px;display:flex}.acc-fadd input{border-radius:var(--r-md);min-width:0;font:600 16px var(--font);color:#3f2708;background:#fffaf0;border:1px solid #78562273;flex:1;padding:9px 11px}.acc-fadd input:focus{border-color:var(--brass-2);outline:none;box-shadow:0 0 0 3px #c69a3540}.acc-flist{margin:0 0 6px;padding:0;list-style:none}.acc-frow{border-bottom:1px solid #8a641a38;align-items:center;gap:12px;padding:10px 0;display:flex}.acc-frow:last-child{border-bottom:0}.acc-fmid{flex:1;gap:2px;min-width:0;display:grid}.acc-fmid b{overflow-wrap:anywhere;font-size:14px}.acc-fmid small{color:var(--ink-soft);font-size:11.5px}.playing-now{color:#2b6334;align-items:center;gap:5px;font-weight:800;display:inline-flex}.acc-fbtns{flex:none;align-items:center;gap:6px;display:flex}.acc-fbtns .btn{text-decoration:none}.acc-frow.acc-frequest{background:#78aa601f;border-bottom:0;border-radius:10px;padding:10px}.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}.acc-keys{margin:0 0 10px;padding:0;list-style:none}.acc-keys li{border-bottom:1px solid #8a641a38;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;display:flex}.acc-key-name{flex:1;min-width:0;font-size:13.5px;font-weight:700}.acc-key-meta{color:var(--ink-soft);font-size:11.5px}.panel .acc-btn-inline+.acc-note{margin-top:10px}.danger-row{border-bottom:1px solid #8a641a33;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.danger-row:last-child{border-bottom:0}.danger-row b{font-size:13.5px}.danger-row .acc-note{margin:2px 0 0}.danger-row .btn{flex:none}.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}@media (max-width:880px){.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.game-stats-grid{grid-template-columns:1fr}}@media (max-width:620px){.profile{flex-wrap:wrap;gap:14px;padding:16px}.acc-fcode.compact{flex-direction:row;flex-basis:100%;justify-content:space-between;align-items:baseline}.panel{padding:16px 14px}.recent-when{display:none}}@media (max-width:560px){.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tabs button{border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:8px 2px 7px;font-size:11.5px;position:relative}.tabs button span:not(.pill-badge){text-overflow:ellipsis;max-width:100%;overflow:hidden}.tabs .pill-badge{position:absolute;top:3px;right:6px}}@media (max-width:480px){.acc-frow{flex-wrap:wrap}.acc-fbtns{justify-content:flex-end;width:100%}.danger-row{flex-direction:column;align-items:stretch}.mode-list li{grid-template-columns:minmax(0,1fr) auto}.mode-bar{display:none}}