:root{--ink:#171512;--paper:#f5efdf;--bone:#fffaf0;--red:#a61f1f;--muted:#756d60;--green:#254b3c;--font-serif:"Songti SC", "STSong", "Noto Serif CJK SC", serif;--font-display:"FZKai-Z03", "Kaiti SC", "STKaiti", "Songti SC", serif}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-serif), serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}body:before{content:"";pointer-events:none;opacity:.32;z-index:10;mix-blend-mode:multiply;background-image:radial-gradient(#19140c .45px,#0000 .55px),radial-gradient(#752a20 .35px,#0000 .5px);background-position:0 0,4px 3px;background-size:7px 7px,11px 11px;position:fixed;inset:0}.topbar{z-index:2;border-bottom:1px solid #2b271f;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:relative}.brand{font-family:var(--font-display), serif;letter-spacing:.14em;white-space:nowrap;align-items:center;gap:12px;font-size:20px;display:flex}.brand span{width:35px;height:35px;color:var(--paper);background:var(--red);border:1px solid #1f1b16;place-items:center;display:grid;transform:rotate(-2deg)}.status-dot{color:var(--muted);letter-spacing:.12em;font-size:12px}.status-dot:before{content:"";background:#537a4b;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #537a4b20}.eyebrow,.panel-label{letter-spacing:.22em;text-transform:uppercase;color:var(--red);font:700 11px/1.2 Arial,sans-serif}.landing{background:linear-gradient(90deg, transparent 0 63%, #1c191416 63% 63.1%, transparent 63.1%), radial-gradient(circle at 78% 40%, #fff9 0 18%, transparent 43%), var(--paper);min-height:100vh;position:relative;overflow:hidden}.landing:after{content:"";opacity:.25;border-top:2px solid #28231d;width:110%;height:180px;position:absolute;bottom:-90px;left:-3%;transform:rotate(-2deg);box-shadow:0 -8px #a61f1f18}.hero{width:58%;padding:9vh 6vw 10vh 9vw;position:relative}.hero:before{content:"";border-left:2px solid var(--ink);opacity:.2;border-radius:50%;width:120px;height:170px;position:absolute;top:10vh;left:1vw;transform:rotate(9deg)}.hero h1{font-family:var(--font-display), serif;letter-spacing:-.06em;margin:24px 0 26px;font-size:clamp(56px,7.2vw,112px);font-weight:400;line-height:.93}.hero h1 em{color:var(--red);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--red);opacity:.28;height:7px;position:absolute;bottom:5px;left:0;right:0;transform:rotate(-1deg)}.hero>p{color:#554e45;max-width:600px;margin-bottom:32px;font-size:18px;line-height:1.8}.name-field{border-bottom:1px solid var(--ink);align-items:center;gap:20px;width:380px;margin-bottom:24px;padding:6px 0;display:flex}.name-field label{letter-spacing:.15em;color:var(--muted);white-space:nowrap;font-size:12px}.name-field input{background:0 0;border:0;outline:0;width:100%;font-size:20px;font-weight:700}.lobby-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-btn{background:var(--ink);color:var(--bone);letter-spacing:.06em;min-height:54px;box-shadow:4px 4px 0 var(--red);border:0;padding:16px 22px;font-weight:700;transition:all .2s}.primary-btn:hover{box-shadow:7px 7px 0 var(--red);transform:translate(-2px,-2px)}.primary-btn span{margin-left:28px}.primary-btn.full{width:100%;margin-top:32px}.join-box{background:#fff9;border:1px solid #6c6254;min-height:54px;display:flex}.join-box input{text-transform:uppercase;letter-spacing:.15em;background:0 0;border:0;outline:0;width:180px;padding:0 16px}.join-box button{background:0 0;border:0;border-left:1px solid #6c6254;width:70px;font-weight:700}.saved-session-actions{align-items:center;gap:14px;margin-top:14px;display:flex}.saved-session-actions button{color:#50483e;background:0 0;border:0;border-bottom:1px solid #6c6254;padding:7px 2px}.saved-session-actions button:first-child{color:var(--red);font-weight:700}.text-btn{color:#50483e;background:0 0;border:0;border-bottom:1px solid #39342c;margin-top:18px;padding:7px 0}.notice{color:var(--red);margin-top:18px;font-weight:700}.rule-preview{background:#f9f3e4;border:1px solid #2c271f;width:min(29vw,420px);min-height:520px;padding:62px 48px 40px;position:absolute;top:17vh;right:8vw;transform:rotate(1.6deg);box-shadow:10px 13px #1d1a15,18px 20px #a61f1f55}.rule-preview:before,.rule-preview:after{content:"";background:#d6c8a2aa;width:110px;height:22px;position:absolute;top:-10px}.rule-preview:before{left:-26px;transform:rotate(-8deg)}.rule-preview:after{right:-30px;transform:rotate(11deg)}.paper-pin{color:var(--red);letter-spacing:.12em;border-bottom:1px solid #b2a58f;padding-bottom:18px;font-size:12px}.rule-preview h2{font-family:var(--font-display);margin:30px 0 20px;font-size:48px;font-weight:400;line-height:1.18}.rule-preview p{color:#51493f;line-height:1.9}.rule-preview small{text-align:right;color:var(--muted);margin-top:30px;display:block}.mini-tiles{gap:8px;margin-top:32px;display:flex}.mini-tiles div{background:var(--bone);border:1px solid #29251e;border-radius:4px;place-items:center;width:64px;height:86px;font-size:25px;font-weight:900;display:grid;box-shadow:2px 4px #b5a98e}.mini-tiles div:nth-child(2){color:#186c55}.mini-tiles div:nth-child(3){color:var(--red)}.landing-footer{letter-spacing:.13em;color:var(--muted);z-index:2;align-items:center;gap:18px;font:11px Arial,sans-serif;display:flex;position:absolute;bottom:28px;left:9vw}.landing-footer i{background:#8f8374;width:28px;height:1px}.lobby-page{background:radial-gradient(circle at 50% 45%,#fff 0,#f2ead8 58%,#d9ccb2);min-height:100vh}.lobby-card{text-align:center;border:1px solid var(--ink);width:min(860px,90vw);box-shadow:9px 10px 0 var(--ink);background:#f9f3e6dd;margin:8vh auto;padding:52px}.lobby-card h1{font-family:var(--font-display);margin:18px 0 10px;font-size:52px}.lobby-card h1 button{color:var(--red);font-size:inherit;border:0;border-bottom:2px solid var(--red);background:0 0}.lobby-card h1 small{letter-spacing:.12em;color:var(--muted);font:11px Arial,sans-serif}.lobby-card>p{color:var(--muted);line-height:1.8}.player-slots{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px;display:grid}.player-slot{color:#9a8d78;border:1px dashed #9a8d78;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:175px;padding:25px 12px;display:flex}.player-slot.filled{color:var(--ink);background:#fffaf0;border-style:solid}.player-slot>span{background:#eee2cb;border:1px solid;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;display:grid}.player-slot strong{font-size:17px}.player-slot small{color:var(--muted)}.waiting-ink{color:var(--red);letter-spacing:.15em;margin-top:35px}.game-page{isolation:isolate;background:radial-gradient(circle at 50% 36%,#0000 0 39%,#0d0d0ce8 82%),repeating-linear-gradient(88deg,#241c17 0 5px,#35251c 6px 9px,#181511 10px 13px);border:12px solid #17130f;min-height:100vh;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #a37b32,inset 0 0 0 9px #2b2118}.game-page:before{content:"";pointer-events:none;z-index:8;opacity:.16;background:repeating-radial-gradient(circle at 20% 40%,#0000 0 12px,#d4af6718 13px 14px);position:absolute;inset:0}.ornate-frame{z-index:10;pointer-events:none;border:1px solid #97713a;position:absolute;inset:5px}.ornate-frame:before,.ornate-frame:after{content:"❦";color:#c3984c;text-shadow:0 2px #000;font-size:28px;position:absolute;left:50%;transform:translate(-50%)}.ornate-frame:before{top:-17px}.ornate-frame:after{bottom:-17px;transform:translate(-50%)rotate(180deg)}.ornate-frame i{border-style:double;border-color:#b08b4d;width:55px;height:55px;position:absolute}.ornate-frame i:first-child{border-width:6px 0 0 6px;top:3px;left:3px}.ornate-frame i:nth-child(2){border-width:6px 6px 0 0;top:3px;right:3px}.ornate-frame i:nth-child(3){border-width:0 0 6px 6px;bottom:3px;left:3px}.ornate-frame i:nth-child(4){border-width:0 6px 6px 0;bottom:3px;right:3px}.game-header{z-index:7;background:linear-gradient(#191713e8,#242019e8);border-bottom:2px solid #8d6d39;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:8px 28px 8px 24px;display:grid;position:relative;box-shadow:0 5px 14px #0009}.room-plaque{color:#1e1913;background:linear-gradient(96deg,#d4c196,#f2dfb0,#c5ad7b);border:2px solid #15120f;outline:1px solid #b88f48;justify-self:start;min-width:188px;padding:7px 18px 7px 42px;position:relative;transform:rotate(-.5deg);box-shadow:4px 4px #0f0d0a}.room-plaque:before{content:"☰";color:#443828;font-size:22px;position:absolute;top:9px;left:9px}.room-plaque span{letter-spacing:.1em;font-size:10px}.room-plaque strong{margin-left:8px;font-size:16px}.room-plaque small{color:#574936;margin-top:2px;font-size:10px;display:block}.round-scroll{color:#18130f;clip-path:polygon(3% 0,97% 0,100% 20%,98% 50%,100% 80%,97% 100%,3% 100%,0 80%,2% 50%,0 20%);background:linear-gradient(90deg,#ae9669,#ead8ac 10%,#f3e3bd 50%,#d2bc8f 90%,#9f875f);border:2px solid #17130f;outline:1px solid #b68d49;justify-content:center;justify-self:center;align-items:center;gap:14px;min-width:360px;padding:8px 44px;display:flex;box-shadow:0 4px #0b0907}.round-scroll>i{color:#f1dfb6;background:#292219;border-radius:50%;place-items:center;width:40px;height:40px;font-size:21px;font-style:normal;display:grid}.round-scroll span{align-items:baseline;gap:25px;display:flex}.round-scroll b{font-family:var(--font-display);font-size:20px}.round-scroll em{color:var(--red);font-size:22px;font-style:normal;font-weight:900}.header-tools{color:#e9d6aa;text-align:center;justify-self:end;gap:12px;display:flex}.header-tools>div,.header-tools button{color:inherit;background:0 0;border:0;min-width:45px}.header-tools b{background:#272017;border:1px solid #a78143;border-radius:50%;place-items:center;width:34px;height:34px;margin:auto;font-size:19px;display:grid;box-shadow:inset 0 0 0 3px #14110d}.header-tools small{margin-top:3px;font-size:10px;display:block}.rule-panel,.omen-panel{z-index:6;color:#e7d5af;background:linear-gradient(90deg,#171511ed,#28231ded,#171511f5);border-right:2px solid #947139;width:192px;padding:18px 17px;position:absolute;top:78px;bottom:212px;box-shadow:5px 0 16px #0008}.rule-panel{left:0}.omen-panel{text-align:center;border-left:2px solid #947139;border-right:0;right:0;box-shadow:-5px 0 16px #0008}.rail-ghost{color:#2d2922;opacity:.88;background:#d8d0bd;border-radius:50% 50% 15% 15%;place-items:center;width:74px;height:62px;margin:0 auto 14px;font-size:30px;display:grid;box-shadow:0 0 24px #f0e7cf22}.panel-label{color:#d0a34d;text-align:center;font-size:9px}.rule-number{color:#f5dec0;background:#7e201d;width:max-content;margin:12px auto;padding:4px 9px;font-size:10px;display:block;transform:rotate(-2deg)}.rule-panel h2{font-family:var(--font-display);text-align:center;color:#f2dfb6;margin:14px 0 8px;font-size:24px;font-weight:400}.rule-panel>p{color:#c5b99f;border-bottom:1px solid #655238;padding-bottom:15px;font-size:11px;line-height:1.75}.danger-meter{grid-template-columns:1fr auto;gap:6px;margin-top:14px;font-size:10px;display:grid}.danger-meter b{color:#dc6c55}.danger-meter>div{background:#0f0d0b;border:1px solid #806b47;grid-column:1/3;height:7px;padding:1px}.danger-meter i{background:linear-gradient(90deg,#7b211b,#ef6246);height:100%;transition:all .4s;display:block}.log{margin-top:17px}.log strong{letter-spacing:.12em;color:#d4b16f;font-size:10px}.log p{color:#9f927d;border-left:2px solid #705932;margin:8px 0;padding-left:8px;font-size:9px;line-height:1.45}.omen-portrait{background:radial-gradient(circle,#e4d7bd 0 22%,#47382a 23% 25%,#191713 50%),repeating-radial-gradient(circle,#241d16 0 3px,#31251b 4px 5px);border:2px solid #1a1611;outline:1px solid #9e7c42;place-items:center;width:108px;height:112px;margin:3px auto 8px;display:grid;position:relative;box-shadow:0 5px #100d0a}.omen-portrait span{font-family:var(--font-display);color:#e4d4af;font-size:42px}.omen-portrait i{border:1px solid #9a7441;position:absolute;inset:7px}.omen-name{font-family:var(--font-display);color:#f0ddaf;font-size:20px}.omen-panel>small{color:#9d907b;margin:5px 0 15px;font-size:9px;display:block}.life-plaque{background:#0f0d0a;border:1px solid #806237;padding:10px}.life-plaque span{letter-spacing:.15em;font-size:10px}.life-plaque div{margin-top:5px}.life-plaque i{color:#443b2d;margin:0 3px;font-size:21px;font-style:normal}.life-plaque i.lit{color:#e7ba50;text-shadow:0 0 9px #f1a426}.wall-count{border-top:1px solid #5c492e;border-bottom:1px solid #5c492e;margin:14px 0;padding:10px 0}.wall-count span{font-size:10px;display:block}.wall-count strong{color:#e2bd70;margin:0 4px;font-size:30px}.wall-count small{font-size:10px}.location-seal{color:#d2a858;font-size:28px}.location-seal small{color:#c9b996;font-size:10px;display:block}.table-zone{background:repeating-linear-gradient(88deg,#3a271c 0 5px,#201a15 7px 11px,#4b3221 12px 15px);padding:17px 18px 14px;position:absolute;inset:78px 192px 212px}.table{background:radial-gradient(circle at 50% 48%,#ffffff10 0 10%,#0000 11%),repeating-radial-gradient(circle at 52% 48%,#0000 0 28px,#d9caa507 29px 30px),linear-gradient(#254f42,#1f463a);border:12px solid #17130f;outline:2px solid #9a7742;width:100%;height:100%;min-height:430px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #987746,inset 0 0 42px #06130e,10px 14px 18px #0009}.table:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 49.8%,#d0c09612 50%,#0000 50.2%),repeating-linear-gradient(2deg,#0000 0 8px,#0d211a16 9px 10px);position:absolute;inset:0}.table:after{content:"";pointer-events:none;border:1px solid #d7bd8630;border-radius:50%;width:360px;height:360px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 25px #1f1a1514,inset 0 0 0 26px #d7bd8620}.table-inscription{z-index:1;font-family:var(--font-display);writing-mode:vertical-rl;color:#8d2f24aa;letter-spacing:.18em;font-size:34px;line-height:1.15;position:absolute;top:38%}.paper-charm{z-index:2;color:#7d261e;font-family:var(--font-display);opacity:.78;background:#c9ad76;border:1px solid #282016;padding:8px 7px;font-size:12px;line-height:1.35;position:absolute;box-shadow:2px 3px #12100d}.charm-a{top:30%;left:24%;transform:rotate(-14deg)}.charm-b{bottom:21%;right:23%;transform:rotate(12deg)}.seat{z-index:4;color:#ead8ae;background:linear-gradient(110deg,#191611,#32281d,#16130f);border:2px solid #14110d;outline:1px solid #9f7e46;align-items:center;gap:7px;width:148px;padding:5px 7px;display:flex;position:absolute;box-shadow:3px 4px #0c0a08}.seat.active{outline:3px solid #d14b31;box-shadow:0 0 18px #d33a2170,3px 4px #0c0a08}.seat-north{top:7px;left:50%;transform:translate(-50%)}.seat-west{top:50%;left:7px;transform:translateY(-50%)}.seat-east{top:50%;right:7px;transform:translateY(-50%)}.avatar{background:radial-gradient(circle,#d9c6a0 0 35%,#3b2b20 36% 43%,#17130f 44%);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 2px #a88448}.avatar i{font-style:normal;font-family:var(--font-display);color:#2f251a;font-size:20px}.seat-copy{min-width:0}.seat-copy>small{color:#a99a81;font-size:8px;display:block}.seat-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.seat-copy em{color:#d5ad5e;font-size:12px;font-style:normal}.seat .count{color:#d7b063;margin-left:auto;font-size:14px}.seat .count small{font-size:8px}.turn-seal{color:#f5ddba;background:#a83325;padding:3px 5px;font-size:8px;position:absolute;top:-11px;right:-9px;transform:rotate(7deg)}.opponent-hand{z-index:3;gap:2px;display:flex;position:absolute}.center-mark{color:#eed8b3;z-index:2;background:radial-gradient(circle,#3b241e,#171512 63%);border:4px solid #191510;outline:1px solid #a63429;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 7px #0b0907,0 0 0 6px #9a2f2650}.center-mark strong,.center-mark small{transform:rotate(-45deg)}.center-mark strong{font-family:var(--font-display);font-size:36px}.center-mark small{letter-spacing:.08em;color:#d6604c;font-size:9px}.winds{border:1px solid #c14a3d55;position:absolute;inset:10px}.winds span{font-size:10px;position:absolute}.winds span:first-child{top:3px;left:50%}.winds span:nth-child(2){top:50%;right:4px}.winds span:nth-child(3){bottom:2px;left:50%}.winds span:nth-child(4){top:50%;left:4px}.discards{z-index:3;grid-template-columns:repeat(6,1fr);gap:2px;width:296px;padding-top:172px;display:grid;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.discards .dots,.discards .bams{transform:scale(.67)}.player-dock{z-index:7;background:linear-gradient(#2f2219,#17130f 68%);border-top:3px solid #9b7540;height:212px;padding:8px 206px 12px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #000b}.self-plaque{color:#ebd6ac;background:linear-gradient(100deg,#1c1712,#3a2a1e,#17130f);border:2px solid #100d0a;outline:1px solid #a68247;align-items:center;gap:9px;width:170px;height:88px;padding:10px;display:flex;position:absolute;top:25px;left:18px;box-shadow:4px 5px #0d0a08}.self-plaque .avatar{width:58px;height:58px}.self-plaque span{display:block}.self-plaque small{color:#a99b83;font-size:9px;display:block}.self-plaque strong{font-size:15px;display:block}.self-plaque em{color:#d9ac54;font-style:normal}.my-hand{justify-content:center;gap:4px;display:flex;position:absolute;top:58px;left:195px;right:195px}.blank-mark{width:31px;height:46px;display:block}.dots{grid-template-columns:repeat(3,1fr);align-content:center;justify-items:center;gap:3px;width:36px;height:54px;display:grid}.dots i{background:#cba94d22;border:2px solid #173d32;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #b02c25}.dots i:nth-child(3n+2){border-color:#a52c27}.dots-1 i{background:radial-gradient(circle,#b9342b 0 22%,#0000 23% 43%,#1d5b43 44%);border-width:4px;width:25px;height:25px}.dots-2{grid-template-columns:1fr;justify-content:space-around}.dots-3{grid-template-columns:1fr;transform:rotate(39deg)}.dots-4,.dots-5,.dots-6{grid-template-columns:repeat(2,1fr)}.dots-7{display:block;position:relative}.dots-7 i{position:absolute}.dots-7 i:first-child{top:9px;left:2px}.dots-7 i:nth-child(2){top:9px;left:14px}.dots-7 i:nth-child(3){top:9px;left:26px}.dots-7 i:nth-child(4){top:31px;left:-1px}.dots-7 i:nth-child(5){top:31px;left:9px}.dots-7 i:nth-child(6){top:31px;left:19px}.dots-7 i:nth-child(7){top:31px;left:29px}.dots-8{grid-template-columns:repeat(2,1fr)}.dots-9{grid-template-columns:repeat(3,1fr)}.bams{grid-template-columns:repeat(3,1fr);align-content:center;justify-items:center;gap:2px;width:36px;height:54px;display:grid}.bams i{background:linear-gradient(90deg,#174b35,#2c7a50,#143c2d);border:1px solid #183f32;border-radius:4px;width:5px;height:16px;position:relative;transform:rotate(2deg)}.bams i:after{content:"";border-top:2px solid #1d4938;position:absolute;top:6px;left:-2px;right:-2px}.bams i:nth-child(3n+2){background:linear-gradient(90deg,#74201b,#b33b2d,#6f1c18)}.bams-2,.bams-3{grid-template-columns:1fr}.bams-4,.bams-5{grid-template-columns:repeat(2,1fr)}.bams-6,.bams-7,.bams-9{grid-template-columns:repeat(3,1fr)}.bams-8{grid-template-columns:repeat(2,1fr)}.bams-7 i,.bams-8 i,.bams-9 i{height:12px}.bird{font-family:var(--font-display);color:#17604d;text-shadow:2px 2px #c49c3d,-1px -1px #8a221c;font-size:30px;transform:rotate(-8deg)}.melds{gap:10px;display:flex;position:absolute;top:84px;right:18px}.meld{gap:1px;display:flex;position:relative}.meld em{color:#d8ad5a;font-size:9px;position:absolute;top:-15px}.turn-hint{color:#e0cda6;letter-spacing:.08em;font-size:12px;position:absolute;bottom:17px;left:24px}.turn-hint i{color:#f3deb1;background:#244938;border:1px solid #b49350;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:8px;font-style:normal;display:inline-grid}.action-bar{z-index:3;gap:10px;display:flex;position:absolute;top:-72px;left:50%;transform:translate(-50%)}.action-bar button{color:#f1dfb9;background:linear-gradient(#345d4a,#172f27);border:2px solid #16120f;outline:1px solid #b18d4d;width:112px;height:62px;box-shadow:0 5px #0d0b09,0 0 0 4px #192018}.action-bar button b{font-family:var(--font-display);font-size:31px;display:inline-block}.action-bar button small{letter-spacing:.1em;color:#bcae94;margin-left:8px;font:8px Arial}.action-bar button:disabled{filter:grayscale(.8);opacity:.38}.action-bar .danger-btn{background:linear-gradient(#742b25,#381614);outline-color:#c44a36}.action-bar .draw-btn{font-family:var(--font-display);background:linear-gradient(#3c6a50,#1e392d);font-size:24px}.action-bar .discard-btn{background:linear-gradient(#9b3c2d,#511d18);width:88px;font-weight:700}.discard-btn span{margin-left:7px}.end-overlay{z-index:20;background:#17130ecc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.end-overlay>div{background:var(--paper);text-align:center;width:min(520px,90vw);box-shadow:12px 12px 0 var(--red);border:1px solid #c9bda6;padding:50px}.end-overlay span{color:var(--red);letter-spacing:.2em;font-size:11px}.end-overlay h2{font-family:var(--font-display);margin:15px;font-size:56px}.end-overlay p{color:var(--muted);margin-bottom:26px;line-height:1.8}@media (max-width:900px){.landing{padding-bottom:60px;overflow:auto}.hero{width:100%;padding:60px 7vw}.rule-preview{width:84vw;margin:0 auto 100px;position:relative;top:auto;right:auto}.landing-footer{display:none}.player-slots{grid-template-columns:repeat(2,1fr)}.lobby-card{padding:30px 20px}.game-page{border-width:7px}.rule-panel,.omen-panel{display:none}.table-zone{padding:9px;bottom:220px;left:0;right:0}.player-dock{height:220px;padding:8px 14px;overflow-x:auto}.table{width:100%;min-height:420px}.game-header{grid-template-columns:1fr auto;height:70px}.round-scroll{min-width:300px}.header-tools{display:none}.room-plaque{min-width:160px}.table-zone{top:70px}.self-plaque{display:none}.my-hand{justify-content:flex-start;padding:16px 5px 20px;top:54px;left:10px;right:10px;overflow-x:auto}.action-bar{top:-65px}.action-bar button{width:82px;height:55px}.turn-hint{left:10px}.melds{display:none}}@media (max-width:560px){.topbar{padding:0 18px}.status-dot{display:none}.hero h1{font-size:52px}.hero>p{font-size:15px}.name-field{width:100%}.lobby-actions{display:block}.primary-btn{width:100%}.join-box{margin-top:12px}.join-box input{flex:1}.rule-preview{padding:50px 28px}.rule-preview h2{font-size:40px}.player-slot{min-height:140px}.game-header{gap:8px;padding:6px 10px}.room-plaque{min-width:130px;padding-left:32px}.room-plaque small{display:none}.round-scroll{min-width:190px;padding:6px 16px}.round-scroll span{gap:8px}.round-scroll b{font-size:14px}.round-scroll small{font-size:10px}.round-scroll>i{display:none}.seat{width:auto;min-width:54px}.seat-copy,.seat .count{display:none}.seat-west{left:4px}.seat-east{right:4px}.opponent-hand.west-hand{left:40px}.opponent-hand.east-hand{right:40px}.avatar{width:38px;height:38px}.action-bar{gap:4px}.action-bar button{width:54px;height:49px}.action-bar button b{font-size:24px}.action-bar button small{display:none}.action-bar .discard-btn{width:64px}.action-bar .draw-btn{width:54px;font-size:17px}.turn-hint{display:none}.my-hand{left:4px;right:4px}}.solo-btn{width:380px;max-width:100%;color:var(--ink);text-align:left;background:#f9f2e2;border:1px solid #73664f;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:13px 16px;display:flex;box-shadow:3px 3px #b8a98d}.solo-btn b{color:var(--red);font-size:15px}.solo-btn span{color:var(--muted);font-size:11px}.host-actions{margin-top:26px}.host-actions .primary-btn.full{margin-top:12px}.bot-fill-btn{color:#6f271f;letter-spacing:.08em;background:#efe4cc;border:1px dashed #7e6d52;width:100%;min-height:46px;font-weight:700}.mission-card{text-align:left;background:#15110d;border:1px solid #755d38;margin:12px 0;padding:9px}.mission-card span,.mission-card strong,.mission-card small,.mission-card em{display:block}.mission-card span{color:#9d8a6d;letter-spacing:.16em;font-size:8px}.mission-card strong{color:#d9b767;font-family:var(--font-display);margin:4px 0;font-size:17px}.mission-card small{color:#b5a78f;font-size:9px;line-height:1.5}.mission-card em{color:#b64a39;margin-top:5px;font-size:9px;font-style:normal}.settlement-card{max-height:90svh;overflow:auto;width:min(680px,94vw)!important;padding:34px!important}.team-score{background:#e7dcc5;border:1px solid #a99b82;justify-content:center;align-items:baseline;gap:14px;margin:18px 0;padding:12px;display:flex}.team-score small{color:var(--muted)}.team-score strong{color:var(--red);font-size:30px}.score-list{border-top:1px solid #afa187;margin-bottom:20px}.score-list>div{text-align:left;border-bottom:1px solid #c9bda6;grid-template-columns:1fr 1.7fr 1.2fr;align-items:center;gap:10px;padding:11px 8px;display:grid}.score-list>div.is-me{background:#f1dfbd}.score-list b{font-size:14px}.score-list span{color:#6b6257;font-size:11px}.score-list em{color:#8e291f;text-align:right;font-size:11px;font-style:normal}.settlement-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.settlement-actions .text-btn{margin:0}@media (max-width:900px){.game-page{background-position:50%;background-size:cover;min-height:100svh;overflow:hidden}.game-header{grid-template-columns:1fr 1fr;height:64px;top:1%;left:2%;right:2%}.table-zone{padding:0 3px;inset:68px 0 214px}.table{min-height:0}.player-dock{background:linear-gradient(#211812e8,#0c0907 40%);border-top:1px solid #987344;height:214px;inset:auto 0 0}.my-hand{scrollbar-width:none;justify-content:flex-start;height:76px;padding:11px 4px 2px;inset:auto 4px 73px;overflow:auto hidden}.my-hand::-webkit-scrollbar{display:none}.action-bar{grid-template-columns:repeat(4,1fr);gap:4px;width:62%;height:52px;inset:auto auto 9px 5px}.action-bar button{width:auto;min-width:0;height:50px}.primary-turn-action{width:35%;height:52px;bottom:9px;right:6px}.primary-turn-action button{padding:5px;font-size:14px}.turn-hint{background:#16100cc7;padding:3px 7px;font-size:10px;display:block;bottom:158px;left:8px}.turn-hint i{width:21px;height:21px;margin-right:5px}.self-plaque{width:auto;height:48px;display:flex;top:4px;bottom:auto;right:8px}.self-plaque span{writing-mode:horizontal-tb}.self-plaque strong{font-size:11px}.self-plaque small,.self-plaque em{font-size:7px}.north-hand{top:3%}.west-hand,.east-hand{display:none}.seat{height:auto;min-height:42px}.seat-north{top:2%;left:50%;transform:translate(-50%)}.seat-west{top:auto;bottom:4%;left:2%}.seat-east{top:2%;right:2%}.seat-copy{writing-mode:horizontal-tb;flex-direction:column;gap:0}.table-inscription,.paper-charm,.rule-banner{display:none}.center-mark{width:96px;height:96px;top:43%}.center-mark strong{font-size:25px}.discards{grid-template-columns:repeat(6,1fr);width:230px;padding-top:106px;top:47%}.end-overlay{padding:8px}.settlement-card{padding:24px 16px!important}}@media (max-width:560px){.landing{min-height:100svh}.hero{padding:42px 20px 80px}.hero h1{margin-top:18px}.lobby-card{width:94vw;box-shadow:5px 6px 0 var(--ink);margin:28px auto;padding:28px 14px}.lobby-card h1{font-size:34px}.player-slots{gap:7px}.player-slot{min-height:112px;padding:14px 6px}.player-slot>span{width:43px;height:43px}.solo-btn{flex-direction:column;align-items:flex-start;gap:4px}.game-header{height:54px}.room-plaque{min-width:0;padding:2px 5px}.round-scroll{min-width:0}.table-zone{top:57px;bottom:206px}.player-dock{height:206px}.my-hand{height:75px;bottom:67px}.action-bar{width:59%;height:48px;bottom:7px}.action-bar button{height:46px}.primary-turn-action{width:38%;height:48px;bottom:7px}.turn-hint{bottom:148px}.seat-east{right:1%}.seat-west{left:1%}.seat strong{max-width:54px}.center-mark{width:82px;height:82px}.discards{gap:1px;width:202px;padding-top:88px}.score-list>div{grid-template-columns:1fr 1.5fr}.score-list em{text-align:left;grid-column:1/3}.settlement-card h2{font-size:40px}}.melds{height:clamp(49px,4vw,70px)}main.game-page .melds{height:clamp(44px,3.6vw,56px)}.game-page{min-height:100svh;box-shadow:none;background-color:#050403;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0}.game-page:before{display:none}.ornate-frame{z-index:30;pointer-events:none;opacity:.66;background:0 0;border:0;position:absolute;inset:0}.ornate-frame:before,.ornate-frame:after,.ornate-frame i{display:none}.game-header{z-index:12;height:8%;box-shadow:none;pointer-events:none;background:0 0;border:0;grid-template-columns:1fr 1.4fr;gap:6px;padding:0;display:grid;position:absolute;top:3.5%;left:36.5%;right:36.5%}.room-plaque,.round-scroll{width:auto;min-width:0;height:100%;box-shadow:none;clip-path:none;color:#291b13;pointer-events:auto;background:0 0;border:0;outline:0;margin:0;padding:4px 8px;transform:none}.room-plaque:before{display:none}.room-plaque span,.room-plaque strong{text-align:center;margin:0;display:block}.room-plaque span{font-size:clamp(7px,.55vw,11px)}.room-plaque strong{letter-spacing:.08em;font-size:clamp(11px,.9vw,17px)}.room-plaque small{text-align:center;font-size:clamp(6px,.48vw,9px)}.round-scroll{justify-content:center;gap:7px;display:flex}.round-scroll>i{width:30px;height:30px;font-size:16px}.round-scroll span{text-align:center;display:block}.round-scroll b{font-size:clamp(11px,1vw,18px);display:block}.round-scroll small{font-size:clamp(7px,.58vw,11px)}.round-scroll em{font-size:1em}.header-tools,.rule-panel,.omen-panel{display:none}.table-zone{z-index:5;background:0 0;padding:0;position:absolute;inset:15% 15% 20%}.table{width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;outline:0;margin:0;overflow:visible}.seat{color:#ead7ab;width:12.5%;min-width:0;height:19%;box-shadow:none;text-align:center;background:0 0;border:0;outline:0;justify-content:center;padding:0;display:flex}.seat.active{box-shadow:none;filter:drop-shadow(0 0 7px #cf432e);outline:0}.seat .avatar,.seat .count{display:none}.seat-copy{writing-mode:vertical-rl;text-orientation:upright;flex-direction:column;align-items:center;gap:4px;display:flex}.seat-copy>small{color:#a98c58;font-size:clamp(6px,.48vw,9px)}.seat-copy strong{color:#f0deb4;letter-spacing:.08em;font-size:clamp(12px,1vw,18px)}.seat-copy em{color:#d5ad5e;font-size:clamp(8px,.65vw,12px)}.turn-seal{top:5px;right:-4px}.north-hand{top:2%;left:50%;transform:translate(-50%)}.west-hand{top:50%;left:4%;transform:translateY(-50%)rotate(90deg)}.east-hand{top:50%;right:4%;transform:translateY(-50%)rotate(90deg)}.table-inscription{opacity:.7;font-size:clamp(20px,2.1vw,38px);top:27%}.table-inscription.left{left:11%}.table-inscription.right{right:11%}.paper-charm{opacity:.82}.charm-a{top:17%;left:22%}.charm-b{bottom:18%;right:20%}.center-mark{z-index:6;width:clamp(105px,9vw,156px);height:clamp(105px,9vw,156px);top:45%;left:50%}.discards{z-index:7;width:clamp(230px,19vw,330px);padding-top:clamp(130px,10vw,176px);top:47%}.discards.discards-north,.discards.discards-west,.discards.discards-east,.discards.discards-self{grid-template-columns:repeat(6,1fr);width:clamp(150px,12vw,210px);padding-top:0}.discards.discards-north{top:23%;left:50%;transform:translate(-50%)}.discards.discards-self{top:auto;bottom:5%;left:50%;transform:translate(-50%)}.discards.discards-west{top:47%;left:17%;transform:translateY(-50%)}.discards.discards-east{top:47%;left:auto;right:17%;transform:translateY(-50%)}.discards.discards-unowned{padding-top:clamp(130px,10vw,176px);top:47%}.rule-banner{z-index:8;text-align:center;color:#a94737;width:58%;font-family:var(--font-display);text-shadow:0 1px #0c0b09;letter-spacing:.08em;font-size:clamp(10px,.85vw,15px);position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.rule-banner b{color:#cf6a55;margin-right:10px}.player-dock{z-index:14;height:auto;box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.self-plaque{color:#ead6aa;width:12%;height:19%;box-shadow:none;text-align:center;pointer-events:none;background:0 0;border:0;outline:0;justify-content:center;padding:0;inset:auto 3% 23% auto}.self-plaque .avatar{display:none}.self-plaque span{writing-mode:vertical-rl;text-orientation:upright}.self-plaque small{color:#a98c58;font-size:clamp(6px,.48vw,9px)}.self-plaque strong{color:#f0deb4;font-size:clamp(12px,1vw,18px)}.self-plaque em{color:#d5ad5e;font-size:clamp(8px,.65vw,12px)}.my-hand{pointer-events:auto;justify-content:center;padding:0;inset:auto 20% 20.5%;overflow:visible}.drawn-tile{flex:none;margin-left:clamp(10px,1vw,18px)}.primary-turn-action{z-index:16;pointer-events:auto;position:absolute;bottom:20%;right:14.2%}.primary-turn-action button{color:#f1d9b3;min-width:104px;font-family:var(--font-display);background:linear-gradient(#812d25,#3a1714);border:1px solid #c09751;padding:8px 15px;font-size:15px;box-shadow:0 4px #0c0907}.action-prompt{z-index:26;color:#fff0cf;font-family:var(--font-display);letter-spacing:.12em;pointer-events:auto;background:#7d261ef5;border:2px solid #ffd678;align-items:center;gap:12px;padding:8px 10px 8px 17px;font-size:18px;animation:1.15s ease-in-out infinite alternate action-prompt-pulse;display:flex;position:absolute;bottom:18.5%;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #3c130fd9,0 0 28px #e34c3488,0 5px 12px #000b}.action-prompt strong{white-space:nowrap}.action-prompt button{color:#f5dfb3;letter-spacing:.1em;background:#19120e;border:1px solid #f1ce88;padding:7px 13px;font-weight:800}@keyframes action-prompt-pulse{0%{filter:brightness(.92);transform:translate(-50%)scale(.98)}to{filter:brightness(1.15);transform:translate(-50%)scale(1.02)}}.turn-hint{color:#e6d1a7;pointer-events:none;bottom:20%;left:14.5%}.melds{pointer-events:auto;top:auto;bottom:20.5%;right:14%}@media (max-aspect-ratio:4/3){.game-page{background-position:50%;background-size:cover}.ornate-frame{background-size:cover}.game-header{left:28%;right:28%}.seat-north,.seat-west{left:1%}.seat-east,.self-plaque{right:1%}.my-hand{left:8%;right:8%}.action-bar{left:5%;right:5%}.primary-turn-action{right:6%}.turn-hint{left:6%}}@media (max-width:900px){.game-page{background-position:50%;background-size:cover;min-height:100svh;overflow:hidden}.game-header{grid-template-columns:1fr 1fr;height:64px;top:1%;left:2%;right:2%}.table-zone{padding:0 3px;inset:68px 0 280px}.table{min-height:0}.player-dock{z-index:31;background:linear-gradient(#211812f5,#0c0907 38%);border-top:1px solid #987344;height:280px;inset:auto 0 0}.my-hand{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(7,minmax(0,1fr));gap:11px 3px;height:154px;padding:5px 4px 9px;display:grid;inset:auto 4px 66px;overflow:visible}.drawn-tile{min-width:0;margin-left:0}.action-bar{grid-template-columns:repeat(4,1fr);gap:4px;width:62%;height:52px;inset:auto auto 9px 5px}.action-bar button{width:auto;min-width:0;height:50px}.action-bar button b{font-size:25px}.primary-turn-action{width:35%;height:52px;bottom:9px;right:6px}.primary-turn-action button{width:100%;min-width:0;height:100%;padding:5px;font-size:14px}.action-prompt{padding:4px 10px;font-size:13px;top:5px;bottom:auto}.turn-hint{background:#16100cc7;padding:3px 7px;font-size:10px;display:block;top:5px;bottom:auto;left:8px}.turn-hint i{width:21px;height:21px;margin-right:5px}.self-plaque{width:auto;height:48px;display:flex;top:4px;bottom:auto;right:8px}.self-plaque span{writing-mode:horizontal-tb}.self-plaque strong{font-size:11px}.self-plaque small,.self-plaque em{font-size:7px}.north-hand{top:3%}.west-hand,.east-hand{display:none}.seat{height:auto;min-height:42px}.seat-north{top:2%;left:50%;transform:translate(-50%)}.seat-west{top:auto;bottom:4%;left:2%}.seat-east{top:2%;right:2%}.seat-copy{writing-mode:horizontal-tb;flex-direction:column;gap:0}.table-inscription,.paper-charm,.rule-banner{display:none}.center-mark{width:96px;height:96px;top:43%}.center-mark strong{font-size:25px}.discards{grid-template-columns:repeat(6,1fr);width:230px;padding-top:106px;top:47%}.discards.discards-north,.discards.discards-west,.discards.discards-east,.discards.discards-self{grid-template-columns:repeat(4,1fr);width:124px}.discards.discards-north{top:21%}.discards.discards-self{bottom:3%}.discards.discards-west{left:8%}.discards.discards-east{right:8%}.melds{display:none}}@media (max-width:560px){.game-header{height:54px}.room-plaque{min-width:0;padding:2px 5px}.round-scroll{min-width:0}.table-zone{top:57px;bottom:270px}.player-dock{height:270px}.my-hand{row-gap:10px;height:147px;padding-bottom:8px;bottom:61px}.action-bar{width:59%;height:48px;bottom:7px}.action-bar button{height:46px}.action-bar button b{font-size:22px}.primary-turn-action{width:38%;height:48px;bottom:7px;right:6px}.turn-hint{top:4px;bottom:auto;left:8px}.seat-east{right:1%}.seat-west{left:1%}.seat strong{max-width:54px}.center-mark{width:82px;height:82px}.discards{gap:1px;width:202px;padding-top:88px}}.discard-drop-zone{z-index:2;color:#e6c98488;letter-spacing:.18em;opacity:.42;pointer-events:none;background:0 0;border:2px dashed #d4aa6155;border-radius:18px;place-items:center;width:clamp(210px,22vw,360px);height:clamp(92px,11vw,150px);font:700 clamp(11px,.9vw,15px)/1 Arial,sans-serif;transition:all .16s;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.center-mark{z-index:0}.discard-drop-zone.active{color:#fff0bd;opacity:1;background:0 0;border-color:#ffd77c;box-shadow:0 0 24px #d74b3055}@font-face{font-family:I\.Mahjong;src:url(/I.MahjongCAN.otf)format("opentype");font-display:swap}.game-page{width:100vw;height:100svh;min-height:0;color:var(--ink);background:linear-gradient(90deg,#0000 0 49.92%,#302b2510 50%,#0000 50.08%),radial-gradient(circle at 50% 42%,#fbf5e8 0 24%,#eee3cc 68%,#d9c9aa 100%);border:0;position:fixed;inset:0;overflow:hidden}.game-page:before{opacity:.28;background:repeating-linear-gradient(0deg,#0000 0 8px,#423a3010 9px 10px);display:block}.ornate-frame{z-index:2;opacity:1;background:0 0;border:1px solid #8f8374;inset:12px}.ornate-frame:before,.ornate-frame:after{color:var(--red);text-shadow:none;display:block}.game-header{z-index:20;height:10%;box-shadow:none;pointer-events:auto;background:#f8f1e3e8;border-bottom:1px solid #8f8374;grid-template-columns:220px 1fr 220px;padding:0 18px;top:0;left:0;right:0}.room-plaque,.round-scroll{color:var(--ink);background:0 0;border:0;padding:8px 14px}.room-plaque span,.room-plaque small{color:#72695d}.round-scroll{border-left:1px solid #9b9081;border-right:1px solid #9b9081}.round-scroll>i{background:var(--ink);color:var(--paper);border-radius:0}.header-tools{display:flex}.header-tools button{border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.rule-panel,.omen-panel{display:none}.table-zone{z-index:4;border:0;border-bottom:1px solid var(--ink);box-shadow:none;background:#e7dbc2;padding:0;inset:10% 0 22%}.table{border:1px solid var(--ink);outline:1px solid var(--ink);box-shadow:none;background:#e7dbc2;overflow:visible}.table:before,.table:after{display:none}.seat,.self-plaque{width:auto;min-width:128px;height:auto;color:var(--ink);text-align:left;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#f8f1e3;outline:0;padding:7px 10px}.seat.active{outline:2px solid var(--red);box-shadow:3px 3px 0 var(--red);filter:none}.round-scroll{border:0;outline:0}.game-page{--ui-muted:#554d43}.room-plaque span,.room-plaque small,.round-scroll small,.header-tools small{color:var(--ui-muted);font-weight:650}.room-plaque strong,.round-scroll b{color:var(--ink);font-weight:800}.seat-copy>small,.self-plaque small{color:var(--ui-muted);font-weight:650}.seat-copy strong,.self-plaque strong{color:var(--ink);font-weight:800}.seat-copy em,.self-plaque em,.meld em{color:var(--red);font-weight:750}.rule-banner{color:#332e28;font-weight:650}.rule-banner b{color:#8f1818;font-weight:850}.center-count span,.center-count small{color:var(--ui-muted);font-weight:700}.center-count strong{color:#941a1a;font-weight:850}.turn-hint,.action-prompt{color:#302b25;font-weight:700}.action-prompt strong{font-weight:850}.game-page button:not(.mahjong-card),.action-bar button b{font-weight:750}.seat .avatar,.seat .count,.self-plaque .avatar{display:grid}.seat-copy,.self-plaque span{writing-mode:horizontal-tb;text-orientation:mixed;display:block}.seat-copy>small,.self-plaque small{color:#766d61}.seat-copy strong,.self-plaque strong{color:var(--ink)}.seat-copy em,.self-plaque em{color:var(--red)}.seat-north{position:absolute;top:10px;left:50%;transform:translate(-50%)}.seat-west{position:absolute;top:50%;bottom:auto;left:10px;transform:translateY(-50%)}.seat-east{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.turn-seal{color:#fff4e1;background:var(--red)}.center-count{z-index:5;color:#70675c;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff8eb;grid-template-columns:auto auto;align-items:end;column-gap:5px;padding:9px 13px;font-size:11px;display:grid;position:absolute;top:18px;left:auto;right:20px;transform:none}.center-count span{letter-spacing:.15em;grid-column:1/3}.center-count strong{color:var(--red);font-family:var(--font-display);font-size:clamp(32px,3vw,48px);line-height:.9}.center-count small{color:#70675c}.opponent-hand{z-index:7;gap:1px}.north-hand{top:10%}.west-hand{left:4%;transform:translateY(-50%)rotate(90deg)}.east-hand{right:4%;transform:translateY(-50%)rotate(90deg)}.discards{z-index:8}.discards.discards-north,.discards.discards-west,.discards.discards-east,.discards.discards-self{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:clamp(204px,18vw,276px)}.discards.discards-north{top:30%}.discards.discards-self{bottom:10%}.discards.discards-west{left:27%;transform:translateY(-50%)}.discards.discards-east{right:27%;transform:translateY(-50%)}.player-dock{z-index:18;border-top:1px solid var(--ink);height:22%;box-shadow:none;background:#f8f1e3;padding:0;inset:auto 0 0}.self-plaque{width:170px;inset:10px auto auto 10px}.my-hand{justify-content:center;display:flex;inset:12px 190px auto}.drawn-tile{margin-left:14px}.melds{align-items:flex-start;gap:12px;height:clamp(44px,3.6vw,56px);display:flex;top:10px;right:10px;overflow:visible}.meld{align-items:stretch;gap:3px;height:100%;display:flex;overflow:visible}.meld em{color:var(--red);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:14px;font-style:normal;font-weight:700;top:auto;bottom:-15px}.rule-banner{width:min(430px,38%);color:var(--ink);border:1px solid var(--red);box-shadow:3px 3px 0 var(--red);text-align:left;text-shadow:none;background:#fff8eb;padding:9px 12px;font-size:clamp(11px,.9vw,14px);line-height:1.45;display:block;inset:18px auto auto 18px;transform:none}.rule-banner b{color:var(--red);margin:0 0 3px;display:block}.turn-hint{color:var(--ink);bottom:10px;left:12px}.turn-hint i{color:var(--paper);background:var(--ink);border:0}.action-bar{z-index:30;grid-template-columns:repeat(4,1fr);gap:8px;width:min(440px,44%);height:38px;display:grid;inset:auto auto 12px 50%;transform:translate(-50%)}.action-bar,.primary-turn-action,.action-prompt{pointer-events:auto}.action-bar button,.action-bar .danger-btn{text-align:center;place-items:center;width:100%;height:100%;padding:0;display:grid;overflow:hidden}.action-bar button:before,.action-bar button:after{display:none}.action-bar button b{width:100%;color:inherit;line-height:1;font-family:var(--font-display);-webkit-text-stroke:0;text-shadow:none;font-size:20px;display:block}.action-bar button:not(:disabled):hover b{color:inherit;-webkit-text-stroke:0;text-shadow:none}.primary-turn-action{width:170px;height:38px;bottom:12px;right:14px}.primary-turn-action button,.action-prompt button{width:100%;height:100%;min-height:38px}.action-prompt{width:max-content;max-width:70%;min-height:38px;color:var(--ink);border:1px solid var(--red);box-shadow:3px 3px 0 var(--red);background:#fff7e8;padding:5px 7px 5px 13px;animation:none;inset:auto auto 60px 50%;transform:translate(-50%)}.action-prompt button{width:auto;min-width:64px}@media (max-width:900px){.game-header{grid-template-columns:140px 1fr;left:0;right:0}.table-zone{inset:10% 0 31%}.table{border-width:1px}.seat{min-width:52px;padding:4px}.seat-copy{display:none}.seat .avatar{display:grid}.north-hand{top:11%}.west-hand{left:5%}.east-hand{right:5%}.discards.discards-north,.discards.discards-west,.discards.discards-east,.discards.discards-self{grid-template-columns:repeat(5,minmax(0,1fr));width:clamp(152px,31vw,210px)}.discards.discards-north{top:29%}.discards.discards-west{left:27%}.discards.discards-east{right:27%}.rule-banner{width:min(300px,55%);padding:5px 7px;font-size:10px;display:block;top:8px;left:8px}.center-count{padding:3px 6px}.player-dock{height:31%;inset:auto 0 0}.self-plaque,.melds{display:none}.my-hand{grid-template-columns:repeat(8,minmax(0,1fr));height:auto;display:grid;inset:8px 6px auto;overflow:visible}.action-bar{gap:5px;width:64%;height:42px;bottom:8px;left:6px;right:auto;transform:none}.action-bar button{height:40px}.action-bar button b{font-size:19px}.primary-turn-action{width:31%;height:42px;bottom:8px;right:6px}.action-prompt{max-width:94%;font-size:12px;top:auto;bottom:58px}.turn-hint{top:6px;bottom:auto}}@media (max-width:560px){.table-zone{bottom:35%}.player-dock{height:35%}.my-hand{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:6px;top:8px;bottom:auto}}.mahjong-card{all:unset;box-sizing:border-box;aspect-ratio:3/4;width:clamp(35px,3vw,52px);min-width:clamp(35px,3vw,52px);color:var(--ink);background:var(--red);border:1px solid var(--red);box-shadow:3px 3px 0 var(--red);border-radius:3px;flex:none;display:block;position:relative;overflow:visible}button.mahjong-card{cursor:pointer;touch-action:none;transition:transform .15s,box-shadow .15s}.mahjong-card-face{all:unset;box-sizing:border-box;color:var(--ink);border:1px solid var(--red);font-variant-ligatures:common-ligatures discretionary-ligatures;font-feature-settings:"liga" 1, "dlig" 1;text-align:center;white-space:nowrap;pointer-events:none;background:#fff8eb;border-radius:3px;align-content:center;font-family:I\.Mahjong,sans-serif;font-size:clamp(43px,4vw,70px);line-height:1;transition:color .15s,background-color .15s;display:block;position:absolute;inset:-2px 2px 2px -2px;overflow:hidden}.mahjong-card-symbol{text-align:center;font-size:calc(1em + 6px);line-height:1;display:block;position:absolute;top:50%;left:0;right:0;transform:translate(-3px,calc(-70% - 1px))}button.mahjong-card:hover{transform:translateY(-4px)}button.mahjong-card:hover .mahjong-card-face{color:var(--bone);background:var(--red);border-color:var(--red)}.mahjong-card.selected{box-shadow:3px 8px 0 var(--red);transform:translateY(-8px)}.mahjong-card-back{color:var(--bone);background:var(--red);border:2px solid var(--bone);outline:1px solid var(--ink);box-shadow:2px 3px 0 var(--ink);border-radius:3px;place-items:center;display:grid;overflow:hidden}.mahjong-card-back-mark{width:62%;height:72%;color:var(--bone);border:1px solid var(--bone);font-family:var(--font-display);place-items:center;font-size:clamp(10px,1vw,16px);display:grid}.my-hand .mahjong-card{width:clamp(35px,3vw,52px);min-width:clamp(35px,3vw,52px);height:auto}.my-hand{right:clamp(300px,34vw,660px)}.my-hand .mahjong-card-face{font-size:clamp(43px,4vw,68px);inset:1px 4.5px 5px .5px}.my-hand .mahjong-card-symbol,.discards .mahjong-card-symbol,.meld .mahjong-card-symbol{transform:translate(-3px,calc(2px - 70%))}.discards .mahjong-card-symbol,.meld .mahjong-card-symbol{color:inherit;font-family:I\.Mahjong,sans-serif;font-size:clamp(60px,4vw + 10px,73px);line-height:1}.meld .mahjong-card-symbol{font-size:clamp(40px,4vw - 10px,53px)}.discards .mahjong-card{aspect-ratio:auto;border-color:var(--red);width:clamp(29px,3vw - 6px,46px);min-width:clamp(29px,3vw - 6px,46px);height:clamp(40px,4vw - 7px,62px);box-shadow:2px 2px 0 var(--red);background:#fff8eb}.melds{z-index:24;justify-content:flex-end;max-width:32vw;height:clamp(44px,3.6vw,56px);right:14px}.meld .mahjong-card{aspect-ratio:auto;border-color:var(--red);width:clamp(14px,3vw - 21px,31px);min-width:clamp(14px,3vw - 21px,31px);height:clamp(25px,4vw - 22px,47px);box-shadow:2px 2px 0 var(--red);background:#fff8eb}.meld{gap:6px}.discards button.mahjong-card,.meld button.mahjong-card{cursor:default}.discards button.mahjong-card:hover{color:var(--bone);background:var(--red);border-color:var(--red);box-shadow:2px 2px 0 var(--red);transform:none}.meld button.mahjong-card:hover{color:var(--red);border-color:var(--red);box-shadow:2px 2px 0 var(--red);background:#fff8eb;transform:none}.discards.discards-north,.discards.discards-west,.discards.discards-east,.discards.discards-self{gap:6px;width:clamp(228px,20vw,312px)}.mahjong-card-drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 18px 12px #000a);width:58px;height:82px;position:fixed;transform:translate(-50%,-62%)scale(1.04)}.mahjong-card-drag-ghost .mahjong-card{opacity:.9;width:100%;min-width:0;height:100%}@media (max-width:900px){.my-hand{right:6px}.my-hand .mahjong-card{width:100%;min-width:0}.my-hand .mahjong-card-face{font-size:clamp(36px,11vw,58px)}.discards .mahjong-card-symbol{font-size:clamp(54px,10vw + 10px,67px)}}@media (max-width:560px){.my-hand .mahjong-card-face{font-size:clamp(32px,12vw,52px)}.discards .mahjong-card-symbol{font-size:clamp(52px,11vw + 10px,64px)}}.action-bar button,.action-bar .danger-btn{appearance:none;width:100%;min-width:0;height:100%;color:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--red);text-align:center;text-shadow:none;background:#fff8eb;border-radius:0;outline:0;place-items:center;padding:0;transition:color .15s,background-color .15s,box-shadow .15s,transform .15s;display:grid;overflow:hidden;transform:none}.action-bar button b{width:100%;color:inherit;font-family:var(--font-display);text-align:center;font-size:20px;line-height:1;display:block}.action-bar button:not(:disabled):hover{color:var(--bone);background:var(--ink);box-shadow:5px 5px 0 var(--red);transform:translate(-1px,-1px)}.action-bar button:not(:disabled):active{box-shadow:1px 1px 0 var(--red);transform:translate(2px,2px)}.action-bar button:focus-visible{outline:2px solid var(--red);outline-offset:3px}.action-bar button:disabled{color:var(--muted);opacity:.48;filter:none;background:#e9dfcc;border-color:#9c9181;box-shadow:2px 2px #b8aa95}.opponent-hand.north-hand{top:calc(10% + 14px)}@media (max-width:900px){.opponent-hand.north-hand{top:calc(11% + 10px)}}.my-hand{width:max-content;left:50%;right:auto;transform:translate(-50%)}@media (max-width:900px){.my-hand{width:auto;left:6px;right:6px;transform:none}}.discards.discards-west,.discards.discards-east{grid-template-columns:repeat(4,minmax(0,1fr));width:clamp(134px,14vw,202px)}