@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#263b35;font-synthesis:none;--green:#244c3d;--lime:#d8f28c;--muted:#79857e;--line:#e3e7df;background:#f7f8f3;font-family:Outfit,Noto Sans JP,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #a4c958}button{transition:background .18s,transform .18s}a{color:inherit;text-decoration:none}p{line-height:1.85}button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:226px;padding:35px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{flex-direction:column;align-items:flex-start;padding:0 14px;display:flex}.logo{letter-spacing:-5px;color:#244c3d;align-items:baseline;font-family:Outfit,sans-serif;font-size:48px;font-weight:800;line-height:1;display:inline-flex}.logo>span{color:#95b84d;letter-spacing:-2px;margin-left:5px;font-size:32px}.brand-caption{letter-spacing:1px;color:#7c867d;margin-top:12px;font-size:10px}.nav-label{letter-spacing:1.5px;color:#9aa39b;margin:56px 14px 17px;font-size:10px}.sidebar nav{gap:9px;display:grid}.sidebar nav button{color:#6c786f;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:12px;padding:14px 13px;font-size:12px;display:flex}.sidebar nav button.active{color:#31523e;background:#eef2e6;font-weight:700}.sidebar nav button:hover{background:#f1f4ec}.sidebar-note{margin-top:auto;padding:20px 10px 27px;font-size:10px;font-weight:600;line-height:1.8}.sidebar-note .status-dot{margin-right:7px}.sidebar-note p{color:#8b9389;margin-top:12px;font-size:11px;font-weight:400}.mini-tag{letter-spacing:1.1px;color:#728266;border:1px solid #d7ddd0;border-radius:4px;padding:5px 8px;font-size:9px}.about-link{border-top:1px solid var(--line);text-align:left;color:#8b948b;background:0 0;justify-content:space-between;padding:22px 10px 0;font-size:11px;display:flex}.shell{margin-left:226px}header{border-bottom:1px solid var(--line);background:#fdfdf9;justify-content:space-between;align-items:center;height:84px;padding:0 44px;display:flex}.breadcrumbs{align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumbs>span{letter-spacing:1.1px;color:#8a958d;font-size:10px}.breadcrumbs strong{font-weight:500}.header-right{align-items:center;gap:24px;display:flex}.practice-pill{color:#76836e;align-items:center;gap:7px;font-size:10px;display:flex}.status-dot{background:#87a852;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.profile-chip{background:0 0;align-items:center;gap:10px;font-size:11px;display:flex}.avatar{flex-shrink:0;display:block}.profile-chip>span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}main{max-width:1440px;margin:auto;padding:43px 44px 24px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:1.8px;color:#7c8a76;font-size:10px;font-weight:500}h1{letter-spacing:1px;margin:11px 0 10px;font-size:32px;font-weight:700}.page-heading p{color:#808a80;margin:0;font-size:12px}.edition{letter-spacing:1.5px;color:#98a18e;margin-bottom:7px;font-size:9px}.hero{background:#173e34;border-radius:18px;grid-template-columns:1.05fr 1fr;min-height:390px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:38px 0 35px 40px}.hero-tag{color:#dfedc2;background:#ffffff0b;border:1px solid #ffffff20;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.hero-tag>span{background:#cce99d;border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:2px;color:#f4f6e9;margin:16px 0 14px;font-size:39px;font-weight:600;line-height:1.6}.hero-copy>p{color:#bac9bb;margin-bottom:24px;font-size:11px;line-height:2.1}.hero-actions{align-items:center;gap:20px;display:flex}.primary{color:#fff;background:#294e3c;border-radius:7px;justify-content:center;align-items:center;gap:24px;min-height:44px;padding:13px 20px;font-size:12px;font-weight:600;display:inline-flex}.primary:hover:not(:disabled){background:#38674c;transform:translateY(-1px)}.primary.lime{color:#253f2b;background:#d9ef9a}.primary.lime:hover{background:#e5f6b9}.text-light{color:#d5dfce;background:0 0;align-items:center;gap:9px;padding:8px 0;font-size:10px;display:flex}.hero-meta{color:#94ad97;gap:17px;margin-top:21px;font-size:9px;display:flex}.hero-meta>span{align-items:center;gap:4px;display:flex}.hero-art{background:radial-gradient(#5b786140,#0000 65%);min-width:0;position:relative;overflow:hidden}.orbit{border:1px solid #b7d69b16;border-radius:50%;width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-two{width:460px;height:460px}.art-caption{letter-spacing:2px;color:#a4b596;font-size:8px;position:absolute;top:35px;right:31px}.art-tiles{perspective:800px;justify-content:center;align-items:center;display:flex;position:absolute;inset:65px 0 80px}.art-tile{filter:drop-shadow(6px 22px 10px #09251f66);position:absolute}.art-tile .tile{border-bottom:8px solid #c9cfb4;border-right:3px solid #e2e5d5;border-radius:10px;width:100px;height:138px;box-shadow:0 7px #628279}.tile-a{z-index:1;transform:translate(-83px,23px)rotate(-21deg)}.tile-b{z-index:2;transform:translate(1px,-22px)rotate(-5deg)}.tile-c{z-index:3;transform:translate(87px,26px)rotate(17deg)}.floating-bot{white-space:nowrap;z-index:4;background:#f0f2e8;border-radius:11px;align-items:center;gap:11px;padding:11px 16px 11px 11px;display:flex;position:absolute;bottom:39px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 10px 30px #0e2b2c33}.floating-bot>span{font-size:11px;font-weight:500}.floating-bot small{letter-spacing:1px;color:#82907e;margin-top:5px;font-size:7px;display:block}.floating-bot>.status-dot{margin-left:5px}.art-mark{letter-spacing:-15px;color:#e0f3cc05;font-family:Outfit,sans-serif;font-size:135px;font-weight:800;position:absolute;bottom:-22px;right:20px}.section-title{justify-content:space-between;align-items:center;margin:35px 0 18px;display:flex}.section-title h2{margin:0;font-size:17px;font-weight:600}.section-title>span{letter-spacing:1.5px;color:#929c8b;font-size:9px}.count{background:#e9ede3;border-radius:4px;margin-left:6px;padding:4px 6px}.game-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.game-card{text-align:left;border:1px solid var(--line);color:inherit;background:#fff;border-radius:12px;padding:0;overflow:hidden}.game-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2848320a}.game-thumbnail{background:#e8ecdf radial-gradient(#b5c0a433 1px,#0000 1px) 0 0/14px 14px;justify-content:center;align-items:center;height:173px;display:flex;position:relative;overflow:hidden}.card-pill{letter-spacing:.8px;color:#56734d;background:#fff9;border-radius:4px;padding:5px 7px;font-size:8px;position:absolute;top:15px;left:16px}.thumbnail-tiles{gap:5px;margin-left:-80px;display:flex;transform:rotate(-11deg)}.thumbnail-tiles .tile{width:51px;height:69px;box-shadow:0 5px #95a58e,6px 12px 9px #70836720}.thumbnail-tiles .tile:nth-child(2){transform:translateY(-9px)}.thumbnail-label{letter-spacing:3px;color:#385142;font-size:29px;font-weight:700;position:absolute;bottom:40px;right:36px}.game-details{justify-content:space-between;align-items:center;padding:20px;display:flex}.game-details h3{margin-bottom:8px;font-size:15px}.game-details h3>span{color:#7e8b73;vertical-align:middle;background:#f1f3eb;border-radius:3px;margin-left:7px;padding:3px 5px;font-size:8px;font-weight:400}.game-details p{color:#8b9586;margin:0;font-size:10px}.round-arrow{border:1px solid #e2e7d9;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.coming-card{text-align:center;background:#f0f2ea66;border:1px dashed #d9dfd0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:23px;padding:20px;display:flex}.coming-symbol{color:#a8b59b;background:#e8eddf;border:1px solid #d6dfcb;border-radius:15px;place-items:center;width:55px;height:55px;display:grid;transform:rotate(-9deg)}.coming-symbol span{font-size:31px;font-weight:400}.coming-card .eyebrow{color:#9ea992;font-size:8px}.coming-card h3{color:#718165;margin:12px 0 6px;font-size:14px;font-weight:500}.coming-card p{color:#98a08e;margin:0;font-size:10px}.steps{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:17px;padding:33px 0 27px;display:grid}.steps>div{gap:13px;display:flex}.step-num{color:#a8b78e;margin-top:3px;font-size:12px;font-weight:500}.steps h3{margin:0 0 9px;font-size:12px;font-weight:600}.steps p{color:#8c9686;margin:0;font-size:10px;line-height:1.95}.development-note{color:#8e9887;align-items:center;gap:12px;margin-top:20px;display:flex}.development-note p{margin:0;font-size:9px}.development-note button{color:#69805a;background:0 0;align-items:center;gap:5px;margin-left:8px;padding:0;font-size:9px;display:inline-flex}.development-note svg{flex-shrink:0}footer{color:#9ca591;align-items:center;gap:15px;max-width:1440px;margin:auto;padding:23px 44px 27px;font-size:9px;display:flex}footer .logo{letter-spacing:-3px;color:#8e9b7e;font-size:28px}footer .logo>span{font-size:18px}footer>button{color:inherit;background:0 0;margin-left:auto;font-size:9px}.footer-right{margin-left:12px}.alert,.notice{color:#905135;background:#f8e9de;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.notice{color:#40653c;background:#e9efdf}.alert>span{flex:1}.alert>button:not(.icon-button){background:#fff;border-radius:5px;padding:5px 10px}.icon-button{color:inherit;background:0 0;place-items:center;min-width:32px;min-height:32px;margin-left:auto;display:grid}.table-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.table-heading>div{align-items:center;gap:12px;display:flex}.table-heading h1{margin:0;font-size:21px}.back{color:#7e8d79;background:0 0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.subtle{color:#526a47;background:#e9eee2;border:1px solid #dce2d4;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:11px 15px;font-size:11px;display:inline-flex}.mahjong-table{color:#e9f1e2;background:#244f45;border:7px solid #d1d9c8;border-radius:18px;padding:16px 25px 24px;position:relative;box-shadow:inset 0 0 70px #173e3833}.table-topline{color:#adc0ac;justify-content:space-between;margin-bottom:24px;font-size:10px;display:flex}.table-topline>span{align-items:center;gap:8px;display:flex}.table-topline b{border:1px solid #9fbaa74d;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:400}.opponents{justify-content:space-between;gap:28px;display:flex}.opponent{width:42%;min-width:0}.player-label{align-items:center;gap:10px;display:flex}.player-label strong{font-size:12px;font-weight:500;display:block}.player-label small{color:#a6bca8;margin-top:6px;font-size:9px;display:block}.bot-badge{color:#c5dd9a;border:1px solid #c5dd9a66;border-radius:3px;margin-left:4px;padding:1px 4px;font-family:Outfit,sans-serif;font-size:8px}.seat{color:#bdd1a9;background:#ffffff10;border:1px solid #a4bb9d38;border-radius:50%;place-items:center;width:23px;height:23px;margin-left:auto;font-size:10px;display:grid}.hidden-hand{justify-content:center;gap:2px;margin-top:12px;display:flex}.tile-back{background:linear-gradient(100deg,#91aaa0,#819f94);border:1px solid #b4c8b866;border-radius:3px;flex:1;max-width:23px;height:32px;box-shadow:0 2px #123b32}.north-count{color:#9cb59e;text-align:right;margin-top:8px;font-size:8px}.table-middle{grid-template-columns:1fr 128px 1fr;align-items:start;gap:20px;min-height:164px;margin-top:22px;display:grid}.discard-area{grid-template-columns:repeat(6,25px);place-content:start center;gap:3px;display:grid}.tile{vertical-align:middle;background:#f9f6e8;border:1px solid #e7e5d6;border-bottom:4px solid #c6cfb7;border-radius:5px;flex-shrink:0;width:42px;height:58px;padding:0;display:inline-flex;position:relative;box-shadow:0 2px 1px #14392b30}.tile svg{width:100%;height:100%;display:block}.tile.small{border-bottom-width:2px;border-radius:3px;width:25px;height:34px}.table-center{background:#143e3522;border:1px solid #789b7944;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 8px;display:flex}.table-center .logo{letter-spacing:-2px;color:#a9c79788;font-size:26px}.table-center .logo>span{color:#c7e7a466;font-size:16px}.table-center>strong{font-size:13px;font-weight:500}.table-center>span{color:#9fbb9f;font-size:9px}.table-center b{color:#dae9cb;margin:0 3px;font-size:13px;font-weight:400}.indicator{align-items:center;gap:9px;display:flex}.indicator small{color:#9ab59b;font-size:8px}.own-discards{grid-template-columns:repeat(12,25px);max-width:100%;min-height:34px;margin:0 auto 20px}.own-player{align-items:center;gap:9px;margin:8px 0 16px;display:flex}.own-player strong{font-size:11px;font-weight:500}.own-player>.seat{margin-left:0}.own-player>span:not(.seat){color:#b0c5a8;font-size:9px}.own-player>.your-turn{margin-left:auto;color:#dcf397!important;font-size:10px!important}.hand{justify-content:center;align-items:flex-end;gap:4px;min-height:65px;display:flex}.hand .tile{aspect-ratio:40/57;flex:1;min-width:0;max-width:48px;height:auto;transition:transform .15s,box-shadow .15s}.hand .tile.drawn{margin-left:10px}.hand .tile:hover:not(:disabled){transform:translateY(-5px)}.hand .tile.selected{transform:translateY(-12px);box-shadow:0 0 0 2px #d9ed9c,0 8px 12px #0d292a44}.action-bar{justify-content:space-between;align-items:center;gap:15px;padding:18px 0;display:flex}.action-bar>div:first-child{color:#708364;align-items:center;gap:9px;font-size:11px;display:flex}.action-buttons{gap:8px;display:flex}.win{background:#9e6b26}.table-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.table-bottom p{color:#819176;align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.text-link{color:#798b6c;background:0 0;align-items:center;gap:6px;padding:10px 0;font-size:10px;display:flex}.game-log{color:#78876d;border:1px solid var(--line);border-radius:7px;margin-top:15px;padding:13px 16px;font-size:11px}.game-log summary{cursor:pointer}.game-log ol{max-height:180px;padding-left:20px;line-height:2;overflow:auto}.practice-caveat{color:#929b88;margin-top:17px;font-size:10px}.empty-table{text-align:center;background:#e8eddf;border-radius:16px;padding:80px 30px}.empty-table h2{font-size:24px}.empty-table p{color:#77886c;font-size:13px}dialog{color:#324b39;background:#fcfcf7;border:1px solid #e0e6d8;border-radius:18px;width:calc(100% - 32px);max-width:560px;max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 25px 100px #122f3044}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c292c88}.modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-head h2{margin:0;font-size:19px}dialog h3{margin:24px 0 10px;font-size:13px}dialog p,dialog li{color:#77836f;font-size:12px;line-height:1.9}.rule-sample{background:#ecf0e5;border-radius:9px;align-items:center;gap:6px;margin:20px 0;padding:15px;display:flex}.rule-sample p{margin:0 0 0 14px;font-size:10px}.plain-list{padding-left:20px;line-height:2}.callout{background:#f0eee3;border-radius:8px;padding:1px 17px 12px}.callout p{font-size:11px}.small-copy{color:#939b8a!important;font-size:10px!important}.full{width:100%;margin-top:16px}.profile-preview{align-items:center;gap:20px;margin-bottom:25px;display:flex}.profile-preview strong{font-size:18px}.profile-preview span{color:#8a947f;margin-top:9px;font-size:11px;display:block}.input-label{color:#566c49;justify-content:space-between;margin:20px 0 10px;font-size:12px;font-weight:500;display:flex}.input-label span{color:#97a08b;font-size:10px;font-weight:400}input{width:100%;color:inherit;background:#fff;border:1px solid #d8dfce;border-radius:7px;padding:12px 13px;font-size:14px}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.avatar-grid>button{background:#f0f2e9;border:2px solid #0000;border-radius:10px;place-items:center;padding:7px;display:grid;position:relative}.avatar-grid>button.chosen{background:#e8efd8;border-color:#73984c}.avatar-grid>button>span{color:#fff;background:#658546;border-radius:50%;padding:2px;position:absolute;bottom:2px;right:2px}.account-section{border-top:1px solid var(--line);margin-top:28px}.account-section h3{align-items:center;gap:8px;display:flex}.account-section p{font-size:11px}.google-button{color:#536449;background:#fff;border:1px solid #d9dfd0;border-radius:7px;justify-content:center;align-items:center;gap:17px;width:100%;padding:13px;font-size:12px;display:flex}.google-button>span{color:#4285f4;font-family:Arial,sans-serif;font-size:17px;font-weight:700}.linked{align-items:center;gap:8px;display:flex;color:#5d8345!important}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.about-logo{padding:16px 0}.about-logo .logo{font-size:70px}@media (width>=1500px){.hero{min-height:440px}.hero-copy{padding:43px 0 40px 50px}.hero h2{font-size:46px}.art-tile .tile{width:125px;height:170px}.tile-a{transform:translate(-105px,30px)rotate(-21deg)}.tile-c{transform:translate(110px,34px)rotate(17deg)}.art-tiles{bottom:100px}.game-thumbnail{height:200px}}@media (width<=1100px){.sidebar{width:190px;padding-left:14px;padding-right:14px}.shell{margin-left:190px}header{padding:0 28px}main{padding:32px 28px 20px}.hero-copy{padding-left:27px}.hero h2{font-size:33px}.hero-actions{gap:12px}.hero-art .art-tile .tile{width:82px;height:115px}.tile-a{transform:translate(-61px,26px)rotate(-21deg)}.tile-c{transform:translate(67px,26px)rotate(17deg)}.hero-actions .primary{gap:16px;padding:12px 15px}.thumbnail-label{font-size:24px;right:20px}.steps{gap:13px}.steps>div{gap:8px}.steps p{font-size:9px}footer{padding:23px 28px}.discard-area{grid-template-columns:repeat(6,22px);gap:2px}.tile.small{width:22px;height:30px}.own-discards{grid-template-columns:repeat(12,22px)}.table-middle{grid-template-columns:1fr 105px 1fr;gap:8px}.mahjong-table{padding:15px 18px 20px}}@media (width<=850px){.sidebar{width:76px;padding:24px 10px}.brand{padding:0 1px}.brand .logo{letter-spacing:-4px;font-size:39px}.brand .logo>span{margin-left:3px;font-size:24px}.brand-caption,.nav-label,.sidebar-note,.about-link{display:none}.sidebar nav{margin-top:47px}.sidebar nav button{justify-content:center;gap:0;padding:15px;font-size:0}.sidebar nav button svg{width:20px}.shell{margin-left:76px}header{height:70px}.practice-pill{display:none}.hero h2{font-size:32px}.hero-meta{gap:10px;font-size:8px}.hero{min-height:365px}.hero-copy{padding-top:30px}.hero-copy>p{font-size:10px}.hero-actions .text-light{font-size:9px}.hero-actions{gap:10px}.hero-actions .primary{font-size:10px}.hero-art .art-tile .tile{width:73px;height:102px}.tile-a{transform:translate(-55px,19px)rotate(-21deg)}.tile-c{transform:translate(58px,22px)rotate(17deg)}.floating-bot{gap:8px;padding:8px;bottom:45px}.floating-bot>.avatar{width:32px;height:32px}.floating-bot>span{font-size:9px}.floating-bot small{font-size:6px}.art-caption{font-size:6px;right:20px}.edition{display:none}.page-heading h1{font-size:28px}.thumbnail-tiles{margin-left:-50px}.thumbnail-label{font-size:23px;right:15px}.steps{grid-template-columns:1fr;gap:19px;padding:25px 0}.steps p br{display:none}.steps p{font-size:10px}.steps h3{margin-bottom:5px}.step-num{min-width:27px;font-size:13px}.steps>div{gap:13px}.game-details{padding:15px}.game-details h3{font-size:13px}.game-details p{font-size:8px}.game-details .round-arrow{width:27px;height:27px}.development-note{align-items:flex-start}.development-note p{font-size:9px}.development-note button{margin-left:0}.hero-actions{flex-wrap:wrap}}@media (width<=600px){.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;height:65px;padding:14px 20px;position:relative}.brand{padding:0}.brand .logo{font-size:36px}.brand .logo>span{font-size:22px}.sidebar nav{gap:7px;margin:0 0 0 auto;display:flex}.sidebar nav button{padding:9px}.sidebar nav button svg{width:18px;height:18px}.shell{margin:0}header{height:54px;padding:0 20px}.breadcrumbs{gap:9px;font-size:10px}.breadcrumbs>span{font-size:8px}.header-right{gap:8px}.profile-chip{gap:7px;padding:0;font-size:10px}.profile-chip>.avatar{width:27px;height:27px}.profile-chip>span{max-width:70px}main{padding:28px 20px 14px}.page-heading{margin-bottom:24px}.eyebrow{letter-spacing:1.4px;font-size:8px}.page-heading h1{letter-spacing:0;margin:9px 0 8px;font-size:27px}.page-heading p{font-size:10px}.hero{border-radius:13px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:26px 25px 24px}.hero h2{letter-spacing:1px;margin:12px 0;font-size:32px}.hero-copy>p{margin-bottom:20px;font-size:10px;line-height:2}.hero-tag{padding:5px 8px;font-size:9px}.hero-actions{flex-wrap:nowrap;gap:20px}.hero-actions .primary{gap:18px;padding:12px 16px;font-size:11px}.hero-actions .text-light{font-size:9px}.hero-meta{gap:15px;margin-top:17px;font-size:8px}.hero-art{background:#1c493c;height:215px}.art-tiles{inset:15px 0 45px}.hero-art .art-tile .tile{width:72px;height:99px}.tile-a{transform:translate(-58px,15px)rotate(-21deg)}.tile-b{transform:translateY(-10px)rotate(-5deg)}.tile-c{transform:translate(60px,20px)rotate(17deg)}.floating-bot{gap:8px;padding:7px 10px;bottom:15px;left:auto;right:15px;transform:rotate(-5deg)}.art-caption{writing-mode:vertical-rl;font-size:6px;top:16px;left:16px;right:auto}.art-mark{font-size:110px;bottom:-20px;left:10px;right:auto}.orbit{width:240px;height:240px}.orbit-two{width:340px;height:340px}.section-title{margin:28px 0 14px}.section-title h2{font-size:16px}.section-title>span{letter-spacing:1px;font-size:8px}.game-grid{grid-template-columns:1fr;gap:15px}.game-thumbnail{height:165px}.thumbnail-label{font-size:28px;bottom:44px;right:40px}.thumbnail-tiles{margin-left:-95px}.thumbnail-tiles .tile{width:49px;height:67px}.game-details{padding:17px}.game-details h3{font-size:14px}.game-details p{font-size:10px}.coming-card{text-align:left;flex-direction:row;justify-content:flex-start;gap:20px;padding:23px 18px}.coming-symbol{flex-shrink:0;width:42px;height:42px}.coming-card .eyebrow{font-size:7px}.coming-card h3{margin:8px 0 5px;font-size:12px}.coming-card p{font-size:9px}.steps{gap:21px;margin-top:5px}.steps h3{font-size:12px}.steps p{font-size:10px}.development-note{gap:8px;margin-top:17px}.development-note p{font-size:9px}footer{flex-wrap:wrap;gap:11px;padding:16px 20px 25px}footer>span,footer>button{font-size:8px}.footer-right{margin-left:auto}.table-heading{gap:10px;margin-bottom:17px}.table-heading>div{gap:6px}.table-heading h1{font-size:17px}.table-heading .mini-tag{display:none}.table-heading .subtle{gap:5px;padding:7px 10px;font-size:10px}.back{gap:4px;font-size:9px}.mahjong-table{border-width:4px;border-radius:12px;margin:0 -12px;padding:12px 9px 18px}.table-topline{margin-bottom:19px;font-size:9px}.opponents{gap:15px}.opponent{width:46%}.player-label{gap:6px}.player-label>.avatar{width:31px;height:31px}.player-label strong{font-size:10px}.player-label small{margin-top:4px;font-size:7px}.bot-badge{margin-left:3px;padding:1px 3px;font-size:6px}.seat{width:19px;height:19px;font-size:9px}.player-label>.seat{display:none}.hidden-hand{gap:1px;margin-top:10px}.tile-back{border-radius:2px;height:22px}.north-count{font-size:7px}.table-middle{grid-template-columns:1fr 76px 1fr;gap:6px;min-height:154px;margin-top:17px}.discard-area{grid-template-columns:repeat(6,16px);gap:2px}.tile.small{border-radius:2px;width:16px;height:23px}.table-center{border-radius:7px;gap:7px;padding:8px 3px}.table-center>strong{font-size:11px}.table-center>.logo{font-size:23px}.table-center>span{font-size:8px}.table-center b{font-size:11px}.indicator{gap:4px}.indicator small{font-size:7px}.own-discards{grid-template-columns:repeat(12,16px);min-height:23px;margin-bottom:24px}.own-player{gap:7px;margin:9px 0 17px}.own-player>.avatar{width:27px;height:27px}.own-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:95px;font-size:9px;overflow:hidden}.own-player>span:not(.seat){font-size:8px}.own-player>.your-turn{font-size:8px!important}.hand{gap:2px;min-height:42px}.hand .tile{border-bottom-width:3px;border-radius:3px}.hand .tile.drawn{margin-left:5px}.hand .tile.selected{transform:translateY(-9px);box-shadow:0 0 0 1.5px #d9ed9c}.action-bar{flex-direction:column;align-items:stretch;gap:13px;padding:18px 0}.action-bar>div:first-child{justify-content:center;min-height:18px;font-size:10px}.action-buttons{justify-content:flex-end}.action-buttons .primary{min-width:120px}.table-bottom p{gap:5px;font-size:8px}.text-link{font-size:9px}.game-log{font-size:10px}.practice-caveat{font-size:9px}.alert,.notice{align-items:flex-start;gap:7px;padding:10px;font-size:10px}.alert svg,.notice svg{flex-shrink:0}.alert>button:not(.icon-button){white-space:nowrap;padding:5px}.alert .icon-button,.notice .icon-button{min-width:20px;min-height:20px}.avatar-grid{gap:5px}.avatar-grid>button{padding:3px}.avatar-grid .avatar{width:38px;height:38px}dialog{padding:22px 19px}.modal-head h2{font-size:17px}.rule-sample{gap:4px;padding:10px}.rule-sample>.tile{width:33px;height:46px}.rule-sample p{margin-left:7px;font-size:9px}.empty-table{padding:50px 18px}.empty-table h2{font-size:20px}.empty-table p{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.existing-login{color:#5d7b48;background:0 0;margin:16px auto 0;padding:5px;font-size:10px;text-decoration:underline;display:block}.inline-error{background:#f8e9de;border-radius:7px;padding:10px;color:#a35c3e!important}.player-score{letter-spacing:.3px;color:#e6efd9;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin:10px 0 0;font-size:19px;display:flex}.player-score small,.own-score small{opacity:.7;margin-left:3px;font-size:9px;font-weight:400}.player-score b{letter-spacing:1px;color:#eed8a5;background:#e9caa022;border:1px solid #d5bb7d66;border-radius:4px;margin-left:auto;padding:3px 7px;font-size:9px;font-weight:500}.own-score{white-space:nowrap;color:#eef4e1;margin-left:2px;font-family:Outfit,sans-serif;font-size:18px;font-weight:500}.melds{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-height:0;margin-top:8px;display:flex}.meld{align-items:center;gap:1px;display:flex}.meld small{color:#b3c6ab;margin-left:4px;font-size:7px}.own-melds{margin-top:14px}.own-melds:empty,.melds:empty{display:none}.riichi-discard>.tile{box-shadow:0 0 0 2px #e5b55c}.indicator{flex-direction:column;gap:5px}.indicator>div{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.action-buttons{flex-wrap:wrap;justify-content:flex-end}.action-buttons .declaring{color:#745c2c;background:#e7dba9;border-color:#c1a765}.wait-hint{color:#6b805c;background:#edf1e6;border:1px solid #dde5d3;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 17px;padding:10px 13px;font-size:11px;display:flex}.wait-hint strong{color:#a76d35;margin-right:8px;font-size:10px}.wait-hint>span:not(.tile){margin-right:4px}.legacy-notice{color:#7d775b;background:#eeeadd;border:1px solid #e3dcc8;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:15px;padding:12px 15px;font-size:11px;line-height:1.8;display:flex}.legacy-notice svg{flex-shrink:0;margin-top:2px}.result-panel{background:#fff;border:1px solid #dce4d3;border-radius:13px;margin:6px 0 24px;padding:24px}.result-heading h2{margin:9px 0 20px;font-size:21px}.win-summary{border-top:1px solid #e9ede2;padding:15px 0}.win-summary h3{justify-content:space-between;align-items:center;margin:0 0 13px;font-size:14px;font-weight:600;display:flex}.win-summary h3>span{color:#a27b2f;background:#f6f0df;border-radius:5px;padding:4px 9px;font-size:12px}.result-hand{flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:13px;display:flex}.result-meld{gap:2px;margin-left:8px;display:flex}.yaku-list{flex-wrap:wrap;gap:7px;display:flex}.yaku-list>span{color:#65804f;background:#edf3e6;border-radius:5px;padding:5px 9px;font-size:11px}.yaku-list b{opacity:.8;margin-left:8px;font-size:10px;font-weight:500}.win-summary>p{color:#7c8973;margin:13px 0 0;font-size:12px}.score-results{border-top:1px solid #e5eadf;margin-top:17px}.score-results>div{border-bottom:1px solid #edf0e7;grid-template-columns:1fr auto 82px;align-items:center;gap:20px;padding:12px 2px;display:grid}.score-results>div>span{align-items:center;gap:9px;font-size:12px;display:flex}.score-results strong{letter-spacing:.3px;font-size:20px;font-weight:500}.score-results strong small{color:#8b9781;margin-left:4px;font-size:9px}.score-results>div>b{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.positive{color:#628d40}.negative{color:#b27255}.rank{color:#8c987e;margin-right:3px;font-size:11px}.draw-summary,.result-footnote{color:#87947a;margin:13px 0 0;font-size:11px;line-height:1.8}.result-footnote{font-size:10px}.hand .tile:disabled{opacity:.55}.hand .tile:disabled:hover{transform:none}@media (width<=600px){.player-score{margin-top:8px;font-size:16px}.player-score small{font-size:7px}.player-score b{padding:2px 5px;font-size:7px}.own-score{font-size:15px}.own-score small{font-size:7px}.own-player{gap:5px}.own-player strong{max-width:72px}.melds{gap:5px}.meld small{margin-left:2px;font-size:6px}.own-melds .tile.small{width:20px;height:28px}.own-melds{margin-top:12px}.result-panel{padding:17px 13px}.result-heading h2{margin-bottom:13px;font-size:18px}.win-summary h3{font-size:12px}.win-summary h3>span{font-size:10px}.result-hand{gap:2px}.result-hand .tile.small{width:20px;height:28px}.result-meld{margin-left:4px}.yaku-list{gap:5px}.yaku-list>span{padding:5px 7px;font-size:10px}.score-results>div{grid-template-columns:1fr auto 60px;gap:8px}.score-results>div>span{gap:6px;font-size:10px}.score-results>div>span>.avatar{width:24px;height:24px}.score-results strong{font-size:18px}.score-results>div>b{font-size:11px}.wait-hint{gap:5px;padding:9px;font-size:10px}.wait-hint .tile.small{width:20px;height:28px}.action-buttons .primary{min-width:100px}.legacy-notice{padding:10px;font-size:10px}.indicator>div{gap:1px}.indicator .tile.small{width:14px;height:20px}.table-center .indicator{max-width:64px}.rank{margin-right:0;font-size:9px}.own-player>.your-turn{margin-left:auto}.own-player>span:not(.seat):not(.your-turn){font-size:7px}}.settlement{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.settlement>span{color:#7c8a70;background:#f0f4e9;border-radius:7px;flex:1;min-width:100px;padding:10px;font-size:10px}.settlement b{color:#597446;margin-top:5px;font-size:21px;font-weight:500;display:block}.room-launch{color:#1d392f;background:#edf2e5;border:1px solid #c8d1c5;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;padding:20px 24px;text-decoration:none;display:flex}.room-launch strong,.room-launch small{display:block}.room-launch small{opacity:.75;margin-top:6px}.room-hub{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.room-card{background:#fffef9;border:1px solid #dedfd4;border-radius:18px;min-width:0;padding:28px}.room-card h2{margin:12px 0 16px;font-size:26px}.room-card p{color:#626b62;line-height:1.9}.room-card label{margin:22px 0 14px;font-weight:600;display:block}.room-card input{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#213c31;background:#fff;border:1px solid #ced3c8;border-radius:10px;margin-top:10px;padding:14px;display:block}.room-card .full{justify-content:center;margin-top:14px;text-decoration:none}.room-entry{max-width:500px;margin:30px auto}.room-status{background:#eaf0e3;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:16px 20px;display:flex}.room-status strong,.room-status span{display:block}.connection-ok,.connection-lost{margin-top:5px;font-size:12px}.connection-ok{color:#446447}.connection-lost{color:#a54828}.room-timer{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.room-seats>div{border-bottom:1px solid #e4e6dd;align-items:center;gap:14px;min-height:78px;padding:18px 0;display:flex}.room-seats>div>span{flex:1}.room-seats strong,.room-seats small{display:block}.room-seats small{color:#778073;margin-top:5px}.room-seats b{color:#456748;font-size:12px}.room-rules{color:#647064;margin:32px 0;font-size:13px;line-height:1.9}.room-rules h3{color:#284639}.room-status+.room-card{margin-bottom:24px}@media (width<=700px){.room-hub{grid-template-columns:1fr;gap:16px}.room-card{padding:22px 18px}.room-status{flex-wrap:wrap;padding:14px}.room-seats>div{gap:9px}.room-seats strong{font-size:14px}.room-launch{padding:16px}.room-card h2{font-size:23px}}.avatar-grid{max-height:330px;padding:3px;overflow:auto}.hero-copy{flex-direction:column;justify-content:center;display:flex}.hero h2{margin-top:20px;margin-bottom:18px}.hero-tag{align-self:flex-start}.tile.ready-tile{position:relative;box-shadow:0 0 0 2px #d9ed9c}.tile-hint{color:#244333;white-space:nowrap;pointer-events:none;background:#e1f3a5;border-radius:4px;padding:2px 4px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.hand:has(.ready-tile){padding-top:16px}.action-bar.decision-active{background:#f0f5dc;border:2px solid #a8bd68;border-radius:12px;flex-wrap:wrap;margin-top:14px;padding:16px;box-shadow:0 4px 20px #82974520}.decision-title{align-items:center;gap:12px;width:100%;color:#254b36!important;font-size:17px!important;display:flex!important}.decision-title small{color:#758365;font-size:11px}.decision-active .action-buttons button{min-height:50px;font-size:15px;font-weight:700}.decision-active .action-buttons .subtle{color:#284b33;background:#dfeab9;border:1px solid #9aae69}.action-count{font-variant-numeric:tabular-nums;background:#ffffff24;border-radius:20px;justify-content:center;align-items:center;min-width:34px;padding:3px 7px;font-size:12px;display:inline-flex}.decision-title .action-count{background:#dce9ba}.action-count.urgent{color:#fff;background:#9d3d2c}.discard-guide{color:#536b4b;flex-wrap:wrap;gap:8px 16px;padding:10px 0;font-size:11px;display:flex}.discard-guide span{color:#86917b}.wait-option{flex-direction:column;align-items:center;gap:5px;display:inline-flex}.wait-option small{color:#6b7c60;font-size:9px}.wait-disclaimer{color:#7c8971;width:100%;font-size:10px}.wait-hint{flex-wrap:wrap;row-gap:12px}@media (prefers-reduced-motion:no-preference){.decision-active{animation:.35s ease-out decision-in}@keyframes decision-in{0%{box-shadow:0 0 0 6px #afc57260}to{box-shadow:0 4px 20px #82974520}}}@media (width<=600px){.action-bar.decision-active{padding:13px}.decision-active .action-buttons{flex-wrap:wrap;width:100%}.decision-active .action-buttons button{flex:1;gap:8px}.tile-hint{padding:2px;font-size:8px}.decision-title{font-size:15px!important}}.double-click-hint{color:#829078;margin:16px 0;font-size:10px;line-height:1.8}.action-bar>div[aria-live]{color:#708364;font-size:11px}.sound-control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;max-width:65%;display:flex}.sound-control button{color:inherit;background:#ffffff18;border:1px solid #ffffff35;border-radius:6px;align-items:center;gap:5px;min-height:34px;padding:7px 9px;font-size:11px;display:flex}.sound-control label{align-items:center;gap:5px;font-size:10px;display:flex}.sound-control input{accent-color:#d8f28c;width:65px}.sound-error{color:#fff0c2;flex-basis:100%;font-size:10px}.table-topline{align-items:flex-start}@media (width<=600px){.sound-control{gap:5px}.sound-control button{padding:5px 7px;font-size:10px}.sound-control label{font-size:9px}.sound-control input{width:50px}}.rematch-card{margin:18px 0}.rematch-members{flex-wrap:wrap;gap:12px;margin:15px 0;display:flex}.rematch-members>span{align-items:center;gap:6px;font-size:12px;display:flex}.previous-match{margin:14px 0}.previous-match summary{cursor:pointer;font-size:13px}.previous-match ol{margin-bottom:0;padding-left:24px}.previous-match li{padding:7px 0;font-size:13px}.previous-match strong{margin-left:10px}.history-stats{grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;display:grid}.history-stats h2{font-size:16px}.history-stats dl{justify-content:space-between;gap:12px;margin:0;display:flex}.history-stats dt{color:var(--muted);font-size:11px}.history-stats dd{margin:6px 0 0;font-size:26px;font-weight:700}.history-stats dd small{margin-left:4px;font-size:11px}.history-heading{justify-content:space-between;align-items:center;gap:10px;margin:30px 0 15px;display:flex}.history-heading h2{margin:0;font-size:18px}.history-heading label{align-items:center;gap:8px;font-size:12px;display:flex}.history-heading select{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:6px;padding:8px}.history-list{border-top:1px solid var(--line);padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.history-list li>div{align-items:center;gap:14px;display:flex}.history-list strong{color:var(--green);font-size:22px}.history-list span,.history-list time{color:var(--muted);font-size:11px}.history-list b{font-size:14px}@media (width<=600px){.history-stats{grid-template-columns:1fr;gap:12px}.history-list li{flex-wrap:wrap;gap:10px}.history-list li>div{gap:8px}.history-list time,.history-list .history-date{text-align:right;width:100%}.sidebar nav{gap:0}.sidebar nav button{padding:7px}}.session-loading{text-align:center;max-width:480px;margin:0 auto;padding:80px 24px}.session-loading p{margin:28px 0 18px}.matchmaking-card{text-align:center;max-width:640px;margin:24px auto;padding:32px}.matchmaking-card>svg{color:var(--green)}.matchmaking-count{font-variant-numeric:tabular-nums;margin:16px 0;font-size:52px;font-weight:700}.matchmaking-count small{margin-left:8px;font-size:16px}.matchmaking-card .small-copy{margin-top:24px}.replay-controls{background:var(--surface,#fff);border:1px solid #dce2df;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0;padding:16px;display:flex}.replay-controls label{align-items:center;gap:8px;font-size:13px;display:flex}.replay-controls select{background:#fff;border:1px solid #dce2df;border-radius:6px;max-width:180px;padding:8px}.replay-buttons{gap:8px;display:flex}.replay-position{flex-wrap:wrap;flex:200px}.replay-position span{font-variant-numeric:tabular-nums}.replay-position input{accent-color:#296953;width:100%}@media (width<=540px){.replay-controls{gap:12px}.replay-buttons{width:100%}.replay-buttons button{flex:1;justify-content:center}}.seat-roster{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.lobby-seat{border:1px solid var(--line,#dce2df);background:#f8f9f5;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:22px 8px 16px;transition:background .2s,border-color .2s;display:flex;position:relative}.lobby-seat.is-you{background:#eef4ec;border-color:#417461}.lobby-seat.is-bot{background:#f0f3f5}.lobby-seat.vacant{color:#6c7770;background:0 0;border-style:dashed}.lobby-seat-number{color:#7b877e;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:7px;left:10px}.lobby-seat-avatar{color:#657b6a;place-items:center;height:52px;animation:.25s ease-out seat-enter;display:grid}.lobby-seat strong{overflow-wrap:anywhere;max-width:100%;font-size:14px}.lobby-seat-label{letter-spacing:.06em;color:#657368;font-size:10px}.lobby-seat small{color:#657368;font-size:11px}.lobby-seat-ready{color:#6c7770;background:#e9ede7;border-radius:12px;align-items:center;padding:3px 7px;font-size:11px;display:inline-flex}.lobby-seat-ready.ready{color:#285641;background:#d9e9d9}.seat-progress{color:#315c48;font-size:14px;font-weight:600}@keyframes seat-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){.matchmaking-card{padding:22px 16px}.seat-roster{gap:6px}.lobby-seat{padding:22px 5px 12px}.lobby-seat strong{font-size:12px}.lobby-seat small{font-size:10px}.lobby-seat-ready{padding:3px 4px;font-size:10px}}@media (prefers-reduced-motion:reduce){.lobby-seat-avatar{animation:none}.lobby-seat{transition:none}}.admin-panel{gap:20px;min-width:0;display:grid}.admin-eyebrow{letter-spacing:.14em;color:var(--muted);margin-bottom:12px;font-size:11px}.admin-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-value{font-variant-numeric:tabular-nums;font-size:32px;line-height:1.5}.admin-table-wrap{background:#fff;border:1px solid #dce3df;border-radius:16px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.admin-table caption{text-align:left;padding:18px;font-weight:700}.admin-table th,.admin-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-top:1px solid #e7ece8;padding:14px}.admin-table th:first-child{text-align:left}.admin-table thead{color:#60726a;background:#f4f7f5}.admin-settings{gap:12px;display:grid}.admin-settings>div{justify-content:space-between;gap:16px;display:flex}.admin-settings dd{margin:0}.admin-panel p{line-height:1.8}.admin-panel a{text-decoration:underline}@media (width<=600px){.admin-metrics{grid-template-columns:1fr}.admin-value{font-size:28px}.admin-settings>div{flex-wrap:wrap}}