:root{color:#17312e;font-synthesis:none;--ink:#17312e;--jade:#173f3a;--lake:#2f6b60;--rice:#f5eedb;--rouge:#d95d62;--apricot:#e8b85c;background:#112f2c;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.app-root{min-height:100dvh}*{box-sizing:border-box}body{background:#0c2926;min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--apricot);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.lobby-shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(circle at 20% 15%,#3e786c 0,#0000 28%),linear-gradient(145deg,#153f39,#0e2b29);place-items:center;display:grid}.lobby-card{background:color-mix(in srgb, var(--rice) 96%, transparent);border:1px solid #ffffff35;border-radius:28px 8px;gap:20px;width:min(1120px,100%);padding:clamp(20px,3vw,38px);display:grid;box-shadow:0 28px 70px #05191670}.access-card{width:min(460px,100%)}.resource-card{text-align:center;width:min(520px,100%)}.resource-card .lobby-head{text-align:left;justify-content:center}.resource-card .intro{max-width:none;margin:0}.pwa-install-notice{color:#e9f0ed;text-align:left;background:linear-gradient(135deg,#123f3a,#0b2d2a);border:1px solid #d3a95780;border-radius:12px 4px;gap:12px;padding:14px 16px;display:grid}.pwa-install-notice>div:first-child{gap:4px;display:grid}.pwa-install-notice strong{color:var(--apricot);font-family:STKaiti,KaiTi,serif;font-size:18px}.pwa-install-notice span{color:#c7d8d2;font-size:13px;line-height:1.55}.pwa-install-actions{flex-wrap:wrap;gap:8px;display:flex}.pwa-install-actions button{min-height:38px;padding:7px 12px;font-size:13px}.resource-progress{background:#d8ded7;border:1px solid #78948b;border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #102f2928}.resource-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--lake), var(--apricot));height:100%;transition:width .16s;display:block}.resource-percent{color:var(--lake);font-variant-numeric:tabular-nums}.lobby-head{align-items:center;gap:16px;display:flex}.lobby-head h1{font-size:clamp(29px,4vw,42px)}.seal{background:var(--rouge);color:#fff;border-radius:8px 3px;place-items:center;width:54px;height:54px;font-family:STKaiti,KaiTi,serif;font-size:30px;display:grid;box-shadow:inset 0 0 0 3px #fff5}h1{color:var(--ink);margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(32px,6vw,52px);font-weight:600}.intro{color:#49605b;max-width:40ch;line-height:1.7}label{gap:8px;font-weight:700;display:grid}input{width:100%;color:var(--ink);background:#fffdf6;border:1px solid #91a39d;border-radius:10px;padding:13px 15px}.character-picker{border:0;min-width:0;margin:0;padding:0}.character-picker legend{margin-bottom:10px;font-weight:800}.character-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,.9vw,11px);display:grid}.character-option{min-width:0;color:var(--ink);text-align:center;isolation:isolate;background:#fffdf6;border:2px solid #b6c5b7;border-radius:14px 4px;grid-template-rows:auto auto;padding:0;display:grid;overflow:hidden;box-shadow:0 4px #c3cbbd}.character-portrait{background:radial-gradient(circle at 50% 34%,#438477 0,#1b5149 55%,#103a35 100%);height:clamp(175px,18vw,270px);display:block;position:relative;overflow:hidden}.character-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000,#092d2960);position:absolute;inset:55% 0 0}.character-portrait img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .22s,filter .22s;display:block}.character-name{white-space:nowrap;padding:12px 3px;font-family:STKaiti,KaiTi,serif;font-size:clamp(17px,2vw,23px);font-weight:800;line-height:1.1;display:block}.character-option.selected{border-color:var(--apricot);box-shadow:0 4px #a67a2f,0 0 0 3px #e8b85c70}.character-option.selected .character-portrait{background:radial-gradient(circle at 50% 34%,#6a9b75 0,#2e6a5b 58%,#123d37 100%)}.character-option.selected .character-portrait img{filter:brightness(1.14)drop-shadow(0 0 14px #e8b85c8a);transform:scale(1.07)}.character-option.selected .character-name{color:#fff9e6;background:var(--lake)}@media (hover:hover){.character-option:hover{border-color:var(--apricot)}.character-option:hover .character-portrait img{filter:brightness(1.16)drop-shadow(0 0 14px #e8b85c90);transform:scale(1.08)}}.character-option:active:not(:disabled){box-shadow:0 2px #a67a2f}.lobby-actions{grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);gap:12px;display:grid}.lobby-actions>.primary{min-height:52px}.join-row{grid-template-columns:1fr auto;gap:10px;display:grid}button{color:var(--rice);background:var(--lake);border:0;border-radius:10px;padding:11px 18px;font-weight:800;box-shadow:0 4px #184a42}button:active:not(:disabled){translate:0 2px;box-shadow:0 2px #184a42}button.primary{background:var(--rouge);box-shadow:0 4px #a43c42}button.danger{background:var(--rouge);font-size:18px;box-shadow:0 4px #a43c42}button.quiet{color:inherit;box-shadow:none;background:#ffffff18;border:1px solid #ffffff30}.error,.game-error{color:#a62f37;margin:0;font-weight:700}.game-shell{background:#0c2926;height:100dvh;overflow:hidden}.waiting-game-shell{height:auto;min-height:100dvh;overflow-y:auto}.topbar{height:56px;color:var(--rice);background:#0d302d;border-bottom:1px solid #fff2;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:16px;padding:8px 18px;display:grid}.topbar strong{margin-right:15px;font-family:STKaiti,KaiTi,serif;font-size:21px}.topbar span,.connection{color:#c4d7cf;font-size:13px}.round-indicator{color:var(--apricot);white-space:nowrap;border:1px solid #e8b85c66;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:800}.round-indicator.urgent{color:#fff5e8;background:#a83e46;border-color:#e97870;animation:.65s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{to{box-shadow:0 0 0 3px #e9787055}}.waiting-room{max-width:700px;color:var(--rice);text-align:center;margin:7vh auto;padding:24px}.waiting-room h1{color:var(--rice)}.seat-list{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0;display:grid}.waiting-seat{color:#9ab4ac;border:1px dashed #ffffff40;border-radius:18px 5px;padding:22px 10px}.waiting-seat.occupied{color:#fff;background:#2f6b60;border-style:solid}.waiting-seat span{color:var(--apricot);margin-bottom:8px;font-family:KaiTi,serif;font-size:28px;display:block}.waiting-seat strong{min-height:24px;display:block}.waiting-seat small{color:#d9e8e2;margin-top:4px;display:block}.waiting-seat .kick-button{color:#fff4ea;box-shadow:none;background:#9e4146;margin-top:10px;padding:5px 10px;font-size:12px}.test-button{background:#906337;margin:0 8px 12px;box-shadow:0 4px #65401f}.waiting-actions{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex}.bot-setup{align-items:flex-end;gap:10px;display:flex}.bot-setup label{color:#d9e8e2;text-align:left;gap:4px;font-size:12px}.bot-setup select{min-width:92px;color:var(--rice);background:#0b2e2b;border:1px solid #e8b85c88;border-radius:7px;padding:7px 9px}.bot-setup .test-button{margin:0}.bot-setup .test-button,.waiting-actions>.primary{min-height:40px;margin:0}.debug-panel{z-index:5;color:var(--rice);background:#092d29d9;border:1px solid #e8b85c55;border-radius:9px;align-items:center;gap:5px;padding:6px 8px;display:flex;position:absolute;top:18px;left:24px}.debug-panel span{margin-right:3px;font-size:12px}.debug-panel button{min-width:30px;box-shadow:none;padding:5px 8px}.debug-panel button.selected{color:#17312e;background:var(--apricot)}.debug-effects-dock{z-index:24;position:absolute;top:70px;left:24px}.debug-effects-toggle{color:#17312e;background:var(--apricot);border:1px solid #f0cd7c;border-radius:50%;width:42px;height:42px;padding:0;font-family:STKaiti,KaiTi,serif;font-size:22px;box-shadow:0 4px #785827,0 8px 18px #061d1a99}.debug-effects-toggle.active{color:#fff7e9;background:var(--rouge);box-shadow:0 3px #812e34,0 8px 18px #061d1a99}.debug-effects-panel{width:338px;max-height:690px;color:var(--rice);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#123f39f7,#082b28fc);border:1px solid #e8b85c99;border-radius:12px 4px;padding:14px;position:absolute;top:0;left:52px;overflow-y:auto;box-shadow:0 18px 44px #041b18c7,inset 0 0 0 1px #fff1}.debug-effects-panel header{border-bottom:1px solid #e8b85c44;justify-content:space-between;align-items:flex-start;padding-bottom:10px;display:flex}.debug-effects-panel header div{gap:1px;display:grid}.debug-effects-panel header small{color:var(--apricot);letter-spacing:.18em;font-size:9px;font-weight:900}.debug-effects-panel header strong{font-family:STKaiti,KaiTi,serif;font-size:22px}.debug-effects-close{color:#cddbd6;width:28px;height:28px;box-shadow:none;background:#ffffff12;border-radius:50%;padding:0;font-size:20px;line-height:1}.debug-effects-panel>p{color:#adc7be;margin:9px 0 12px;font-size:11px}.debug-effects-group+.debug-effects-group{margin-top:13px}.debug-effects-group>span{color:var(--apricot);margin-bottom:6px;font-family:STKaiti,KaiTi,serif;font-size:14px;display:block}.debug-effects-group>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.debug-effects-group button{color:#eef5ed;background:#2f6b608c;border:1px solid #f5eedb24;border-radius:7px 2px;min-height:35px;padding:6px 7px;font-size:12px;box-shadow:0 2px #092e29}.debug-effects-group button:hover{background:#3d7d70;border-color:#e8b85caa}.debug-special-hu-preview{z-index:29;color:#173f3a;text-align:center;pointer-events:none;background:radial-gradient(at top,#fff9e5,#ead5a7);border:2px solid #e8b85c;border-radius:18px 5px;min-width:360px;padding:20px 38px 24px;animation:1.8s cubic-bezier(.16,.8,.24,1) both debug-special-hu;position:absolute;top:26%;left:50%;translate:-50% -50%;box-shadow:0 20px 56px #061d1ac7,inset 0 0 0 3px #fff8e3}.debug-special-hu-preview span{color:#8b6a32;letter-spacing:.24em;margin-bottom:2px;font-size:11px;font-weight:900;display:block}.debug-special-hu-preview strong{text-shadow:0 2px #fff8dc,0 5px #bd944c55;font-family:STKaiti,KaiTi,serif;font-size:58px;line-height:1.1}@keyframes debug-special-hu{0%{opacity:0;scale:.62}13%,72%{opacity:1;scale:1}to{opacity:0;translate:-50% -16px;scale:1.08}}.table{--small-tile-w:32px;--small-tile-h:45px;--river-tile-w:40px;--river-tile-h:56px;background-color:var(--jade);background-image:url(/table-texture.webp),radial-gradient(circle,#3c776b 0,#1d5249 48%,#123e39 100%);background-size:cover;height:calc(100dvh - 56px);position:relative;overflow:hidden}.table-pattern{pointer-events:none;border:1px solid #e8b85c44;border-radius:34px 8px;position:absolute;inset:14px}.table-pattern:before,.table-pattern:after{content:"";border:2px solid #f5eedb18;width:90px;height:90px;position:absolute;transform:rotate(45deg)}.table-pattern:before{top:-48px;left:-48px}.table-pattern:after{bottom:-48px;right:-48px}.center-console{z-index:6;text-align:center;min-width:154px;min-height:84px;color:var(--rice);background:#0b2e2bf5;border:1px solid #e8b85c88;border-radius:14px 5px;place-content:center;gap:7px;padding:12px 18px;display:grid;position:absolute;top:43%;left:50%;translate:-50% -50%;box-shadow:0 10px 28px #09201dcc,inset 0 0 0 2px #fff1}.center-console strong{color:var(--apricot);font-family:KaiTi,serif;font-size:20px}.center-console span{font-size:13px}.center-console b{font-size:17px}.turn-compass{--turn-top-a:#f5eedb16;--turn-top-b:#e8b85c22;--turn-right-a:#f5eedb16;--turn-right-b:#e8b85c22;--turn-bottom-a:#f5eedb16;--turn-bottom-b:#e8b85c22;--turn-left-a:#f5eedb16;--turn-left-b:#e8b85c22;z-index:4;aspect-ratio:1;background:conic-gradient(from -45deg, var(--turn-top-a), var(--turn-top-b) 88deg, transparent 88deg 92deg, var(--turn-right-a), var(--turn-right-b) 178deg, transparent 178deg 182deg, var(--turn-bottom-a), var(--turn-bottom-b) 268deg, transparent 268deg 272deg, var(--turn-left-a), var(--turn-left-b) 358deg, transparent 358deg 360deg);filter:drop-shadow(0 3px 9px #061b18a8);pointer-events:none;border-radius:50%;width:236px;transition:filter .2s;position:absolute;top:43%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 0 68%,#000 71% 96%,#0000 99%);mask:radial-gradient(circle,#0000 0 68%,#000 71% 96%,#0000 99%)}.turn-compass.active-top{--turn-top-a:#8dbb9e;--turn-top-b:#f2d17c}.turn-compass.active-right{--turn-right-a:#8dbb9e;--turn-right-b:#f2d17c}.turn-compass.active-bottom{--turn-bottom-a:#8dbb9e;--turn-bottom-b:#f2d17c}.turn-compass.active-left{--turn-left-a:#8dbb9e;--turn-left-b:#f2d17c}.turn-compass:before{content:"";border:1px solid #f1d18779;border-radius:50%;position:absolute;inset:5px}.turn-compass-center{background:var(--rouge);border:1px solid #f5d582;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 5px #e8b85c2a}.opponent{z-index:3;color:#fff;justify-items:center;gap:5px;display:grid;position:absolute}.opponent-top{top:12px;left:50%;translate:-50%}.opponent-left{top:44%;left:14px;translate:0 -50%}.opponent-right{top:44%;right:14px;translate:0 -50%}.player-name{background:#0b2e2bbd;border-radius:8px;padding:5px 10px;font-size:12px}.player-name span{color:var(--apricot);margin-right:6px;font-family:KaiTi,serif}.replace-bot-button{color:#fff6e6;box-shadow:none;background:#9b4d43;border-radius:5px;margin-left:6px;padding:2px 6px;font-size:10px}.bot-status{color:var(--apricot);margin-left:5px}.player-name.active,.my-info.active{box-shadow:0 0 0 2px var(--apricot)}.opponent-hand-line{justify-content:center;align-items:center;gap:7px;display:flex}.hidden-hand,.melds,.my-melds,.flower-tray{gap:var(--tile-gap,0px);flex-wrap:nowrap;justify-content:center;display:flex}.meld-group{gap:var(--tile-gap,0px);margin-inline:0;display:flex}.river{grid-template-columns:repeat(6, var(--river-tile-w));grid-auto-rows:var(--river-tile-h);gap:var(--tile-gap,0px);justify-content:center;display:grid;position:relative;overflow:visible}.flower-intake{z-index:12;aspect-ratio:1;pointer-events:none;width:76px;animation:1s cubic-bezier(.2,.72,.3,1) both flower-intake-fall;position:absolute}.flower-intake img{object-fit:contain;filter:brightness(1.08)drop-shadow(0 6px 8px #071e1780)drop-shadow(0 0 8px #f2d17c80);width:100%;height:100%;display:block}.my-river .flower-intake{width:160px;top:50%;left:-122px;translate:0 -50%}.opponent-top .river .flower-intake{top:50%;left:calc(100% + 10px);translate:0 -50%}.opponent-left .river .flower-intake,.opponent-right .river .flower-intake{top:50%;right:calc(100% + 8px);translate:0 -50%}@keyframes flower-intake-fall{0%{opacity:0;translate:0 -45%;scale:.72}12%{opacity:1;scale:1}to{opacity:0;translate:0 calc(44px - 50%);scale:.24}}.opponent-top .melds{order:-1}.opponent-top .hidden-hand .tile,.opponent-top .melds .tile,.opponent-top .river .tile{transform:rotate(180deg)}.opponent-left .opponent-hand-line,.opponent-right .opponent-hand-line,.opponent-left .hidden-hand,.opponent-right .hidden-hand{flex-direction:column}.opponent-left .hidden-hand .tile,.opponent-right .hidden-hand .tile{margin-block:-5px}.opponent-left .hidden-hand .tile,.opponent-left .melds .tile,.opponent-left .river .tile{transform:rotate(90deg)}.opponent-right .hidden-hand .tile,.opponent-right .melds .tile,.opponent-right .river .tile{transform:rotate(-90deg)}.opponent-left .melds,.opponent-right .melds{flex-direction:column}.opponent-left .meld-group,.opponent-right .meld-group{flex-direction:column;margin:0}.opponent-left .meld-group .tile,.opponent-right .meld-group .tile{margin-block:-5px}.opponent-right .melds{order:-1}.opponent-left .river,.opponent-right .river{grid-template-columns:none;grid-template-rows:repeat(6, var(--river-tile-w));grid-auto-flow:column;grid-auto-columns:var(--river-tile-h);position:absolute;top:50%;translate:0 -50%}.opponent-left .river{left:calc(100% + 14px)}.opponent-right .river{right:calc(100% + 14px)}.opponent-top .river{margin-top:3px}.my-zone{z-index:4;justify-items:center;gap:6px;width:min(94vw,920px);display:grid;position:absolute;bottom:16px;left:50%;translate:-50%}.my-river{margin-bottom:2px}.my-info{color:var(--rice);background:#0b2e2bd0;border-radius:9px;gap:10px;padding:5px 12px;font-size:12px;display:flex}.my-hand-line{justify-content:center;align-items:flex-end;gap:10px;max-width:100%;display:flex}.my-hand{justify-content:center;align-items:flex-end;gap:var(--tile-gap,0px);display:flex}.my-hand .tile{width:clamp(42px,5.1vw,58px);height:clamp(59px,7.1vw,81px)}.my-melds{align-items:flex-end}.tile-button{box-shadow:none;background:0 0;border-radius:4px;padding:0;position:relative}.tile-button-selected{z-index:8}.tile-button[aria-disabled=true]{opacity:1}.tile-button:active:not(:disabled){box-shadow:none;translate:none}.tile-button-drawn{margin-left:calc(var(--tile-gap,0px) + 10px)}.tile-button-drawn .tile{filter:drop-shadow(0 0 5px #f2bd54);translate:0 -7px}.drawn-badge{z-index:3;color:#153b30;white-space:nowrap;background:#f1bd50;border-radius:5px;padding:2px 5px;font-size:10px;font-weight:900;line-height:1.2;position:absolute;top:-17px;left:50%;translate:-50%;box-shadow:0 2px 5px #071c1860}.tile{--tile-ink:var(--skin-ink,#17312e);--tile-jade:var(--skin-jade,#176b55);--tile-rouge:var(--skin-rouge,#c94346);--tile-gold:var(--skin-gold,#b88a35);background:var(--skin-tile,linear-gradient(145deg, #fffdf7 0%, #f7f1e3 72%, #e9dfc8 100%));border:1px solid var(--skin-edge,#d2c6aa);width:clamp(30px,4.3vw,49px);height:clamp(43px,6.1vw,68px);box-shadow:0 3px 0 var(--skin-shadow,#b8a983), 0 5px 8px #061b1850;color:var(--tile-ink);-webkit-user-select:none;user-select:none;border-radius:6px 6px 8px 8px;place-items:center;padding:4px;line-height:1;transition:translate .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.tile:after{content:"";opacity:.85;pointer-events:none;background:#fff;height:1px;position:absolute;inset:4% 8% auto}.tile.small{width:var(--small-tile-w,24px);height:var(--small-tile-h,34px);border-radius:4px;padding:3px;box-shadow:0 2px #b8a983}.river .tile.small{width:var(--river-tile-w);height:var(--river-tile-h)}.river .tile.latest-discard{z-index:2;outline-offset:1px;outline:2px solid #f3c86f;position:relative;box-shadow:0 0 0 3px #f3c86f40,0 0 14px #f5d17a9c}.tile.selected{box-shadow:0 3px 0 #b8a983, 0 0 0 3px var(--apricot), 0 9px 14px #061b185c;translate:0 -10px}.tile.hidden{background:var(--skin-back,#16483e);border-color:var(--skin-back-edge,#0c332c);color:#f5eedb;padding:4px;box-shadow:0 3px #092b25,0 5px 8px #061b1850}.tile.hidden:after{background:#ffffff38}.tile-back-pattern{aspect-ratio:.78;border:1px solid #e8b85c8c;border-radius:38% 12%;place-items:center;width:100%;display:grid;position:relative;transform:rotate(45deg)scale(.72);box-shadow:inset 0 0 0 2px #f5eedb1f,0 0 0 2px #0d372f}.tile-back-pattern:before,.tile-back-pattern:after,.tile-back-pattern span{content:"";aspect-ratio:1;border:1px solid #f5eedb8c;width:48%;position:absolute;transform:rotate(45deg)}.tile-back-pattern:after{background:var(--tile-rouge);border-color:#efac8d;width:20%}.tile-back-pattern span{border-color:#e8b85c52;width:72%}.tile.image-skin{background-color:#0000;background-image:var(--tile-sprite);background-repeat:no-repeat;background-size:var(--tile-sprite-size,100% 186%);background-position:var(--tile-sprite-position,center);box-shadow:none;border:0;padding:0}.tile.image-skin:after{display:none}.tile.image-skin>*{visibility:hidden}.tile.image-skin.kind-m4:not(.numbered-atlas):after{content:"四";color:#073d2c;-webkit-text-stroke:1px #073d2c;text-shadow:0 1px #d8c49b,1px 0 #073d2c,-1px 0 #073d2c;pointer-events:none;background:#fff4d9;border-radius:3px;place-items:center;height:36%;font:900 clamp(28px,3vw,34px)/1 STKaiti,KaiTi,Kaiti SC,serif;display:grid;position:absolute;inset:8% 10% auto}.tile.image-skin.small.kind-m4:not(.numbered-atlas):after{font-size:14px}.tile.image-skin.face-dot{background-size:var(--tile-sprite-size,100% 211%)}.tile.image-skin.face-bamboo{background-size:var(--tile-sprite-size,100% 237%)}.tile.image-skin.face-honor,.tile.image-skin.face-white,.tile.image-skin.face-baida,.tile.image-skin.face-back{background-size:var(--tile-sprite-size,100% 194%)}.tile.image-skin.face-flower{background-size:var(--tile-sprite-size,100% 227%)}.tile.image-skin.selected{filter:drop-shadow(0 0 4px var(--apricot));box-shadow:0 0 0 2px var(--apricot);translate:0 -10px}.tile-inspection{z-index:30;color:#fff7df;text-align:center;pointer-events:none;background:linear-gradient(145deg,#174b3ff5,#082b28f8);border:1px solid #e8b85cbf;border-radius:9px 4px;min-width:112px;padding:7px 11px 8px;animation:.12s ease-out tile-inspection-in;position:fixed;translate:-50% -100%;box-shadow:0 7px 20px #041a177a,inset 0 0 0 1px #fff2}.tile-inspection:after{content:"";background:#0b322d;border-bottom:1px solid #e8b85cbf;border-right:1px solid #e8b85cbf;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;translate:-50%;rotate:45deg}.tile-inspection strong,.tile-inspection span{white-space:nowrap;display:block}.tile-inspection strong{color:var(--apricot);font-size:14px}.tile-inspection span{color:#d7e7e1;margin-top:2px;font-size:11px}@keyframes tile-inspection-in{0%{opacity:0;translate:-50% calc(4px - 100%)}to{opacity:1;translate:-50% -100%}}.wan-face{height:90%;font-family:var(--skin-font,"STKaiti", "KaiTi", serif);align-content:center;place-items:center;gap:4%;font-weight:800;display:grid}.wan-rank{color:var(--tile-ink);font-size:clamp(17px,2.2vw,27px)}.wan-suit{color:var(--tile-rouge);font-size:clamp(12px,1.5vw,18px)}.symbol-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:100%;height:100%;display:grid;position:relative}.tile-dot{aspect-ratio:1;border:2px solid var(--tile-jade);background:#fffdf7;border-radius:50%;width:88%;position:relative;box-shadow:inset 0 0 0 1px #fffdf4}.tile-dot:after{content:"";background:var(--tile-jade);border-radius:50%;position:absolute;inset:22%}.tile-dot.rouge{border-color:var(--tile-rouge)}.tile-dot.rouge:after{background:var(--tile-rouge)}.jade{color:var(--tile-jade)}.rouge{color:var(--tile-rouge)}.gold{color:var(--tile-gold)}.bamboo-stick{background:linear-gradient(90deg,#0f5d47 0 18%,#3f9270 28% 52%,#1b6b50 70% 100%);border:1px solid #14543f;border-radius:6px;width:72%;height:94%;position:relative;box-shadow:inset 1px 0 #fff6,inset -1px 0 #0a4938aa,0 1px 1px #17312e55}.bamboo-stick:before,.bamboo-stick:after{content:"";background:#d6c696;height:2px;position:absolute;left:0;right:0;box-shadow:0 1px #0f503e}.bamboo-stick:before{top:23%}.bamboo-stick:after{bottom:23%}.bamboo-stick i{background:#e3d4a2;border-radius:2px;height:2px;position:absolute;bottom:4%;left:25%;right:25%}.bamboo-stick.rouge{background:linear-gradient(90deg,#aa343c 0 18%,#e17164 28% 52%,#bc4246 70% 100%);border-color:#9c373b}.tile-count{display:none}.honor-mark{font-family:var(--skin-font,"STKaiti", "KaiTi", serif);color:var(--tile-ink);font-size:clamp(23px,3.3vw,41px);font-weight:900}.kind-red .honor-mark{color:var(--tile-rouge)}.kind-green .honor-mark{color:var(--tile-jade)}.white-frame{border:2px solid #293532;border-radius:3px;width:65%;height:68%;position:relative;box-shadow:inset 0 0 0 2px #fffdf4,inset 0 0 0 3px #293532}.white-frame:before,.white-frame:after{content:"";border:1px solid #293532;border-radius:50%;width:3px;height:3px;position:absolute;top:3px}.white-frame:before{left:3px}.white-frame:after{right:3px}.flower-face,.baida-face{flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.flower-mark{z-index:1;color:var(--tile-ink);font-family:var(--skin-font,"STKaiti", "KaiTi", serif);margin-top:1%;font-size:clamp(14px,1.9vw,21px);font-weight:900;line-height:1}.flower-art{width:94%;height:68%;margin-top:auto;overflow:visible}.flower-art .stem{fill:none;stroke:var(--tile-jade);stroke-width:1.8px;stroke-linecap:round}.flower-art .branch{fill:none;stroke:#49372c;stroke-width:2.3px;stroke-linecap:round}.flower-art .leaf{fill:var(--tile-jade);stroke:var(--skin-back-edge,#0c523f);stroke-width:.5px}.flower-art .pale{fill:#fffdf1;stroke:var(--tile-gold);stroke-width:.7px}.flower-art .red-bloom{fill:var(--tile-rouge);stroke:var(--skin-back-edge,#9f292f);stroke-width:.7px}.flower-art .gold-bloom{fill:color-mix(in srgb, var(--tile-gold) 72%, #f1c96f);stroke:var(--tile-gold);stroke-width:.6px}.flower-art .orchid-bloom{fill:color-mix(in srgb, var(--tile-jade) 45%, #a86c91);stroke:var(--tile-jade);stroke-width:.7px}.flower-art .heart{fill:var(--tile-gold);stroke:var(--tile-gold);stroke-width:.4px}.bamboo-art path:first-child{fill:none;stroke:var(--tile-jade);stroke-width:3.2px;stroke-linecap:round}.bamboo-art .leaf{fill:var(--tile-jade);stroke:none}.kind-spring .flower-mark,.kind-plum .flower-mark{color:var(--tile-rouge)}.kind-summer .flower-mark,.kind-bamboo .flower-mark{color:var(--tile-jade)}.kind-autumn .flower-mark,.kind-chrysanthemum .flower-mark{color:#a66a19}.kind-winter .flower-mark,.kind-orchid .flower-mark{color:#345e9a}.baida-emblem{aspect-ratio:1;border:2px solid var(--tile-jade);background:radial-gradient(circle, var(--tile-gold) 0 11%, var(--skin-tile,#f7f1e3) 12% 20%, transparent 21%), repeating-conic-gradient(var(--tile-jade) 0 11deg, transparent 11deg 22.5deg);width:74%;box-shadow:inset 0 0 0 3px #fffdf0, 0 0 0 1px var(--tile-gold);border-radius:50%;margin-top:3%;position:relative}.baida-emblem:before,.baida-emblem:after,.baida-emblem i{content:"";border:1px solid var(--tile-gold);border-radius:50%;position:absolute;inset:19%}.baida-emblem:after{border-color:var(--tile-jade);inset:34%}.baida-mark{color:var(--tile-rouge);font-family:var(--skin-font,"STKaiti", "KaiTi", serif);margin-top:auto;margin-bottom:1%;font-size:clamp(9px,1vw,13px);font-weight:900;line-height:1}.tile.small .wan-face{gap:1px}.tile.small .honor-mark{font-size:19px}.tile.small .wan-rank{font-size:12px}.tile.small .wan-suit,.tile.small .flower-mark{font-size:8px}.tile.small .flower-art{width:96%;height:70%}.tile.small .baida-emblem{border-width:1px;width:66%;margin-top:5%}.tile.small .baida-mark{font-size:7px}.tile.small .symbol-grid{width:94%;height:70%;margin-top:7px}.tile.small .tile-dot{border-width:1px;width:88%;box-shadow:inset 0 0 0 1px #fffdf4}.tile.small .tile-dot:after{inset:27%}.tile.small .bamboo-stick{width:62%;height:88%}.tile.small .bamboo-stick:before,.tile.small .bamboo-stick:after,.tile.small .bamboo-stick i{height:1px}.tile.small .tile-count{z-index:2;min-width:9px;color:var(--tile-ink);text-align:center;background:#fffaf0;border:1px solid #d7c79f;border-radius:3px;padding:1px 2px;font:700 7px/1 Arial,sans-serif;display:block;position:absolute;top:2px;left:50%;translate:-50%}.river .tile-count{min-width:12px;font-size:9px}.flower-tray{z-index:2;width:200px;max-width:200px;color:var(--rice);pointer-events:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;position:absolute;bottom:18px;left:18px}.flower-tray .flower-summary,.flower-tray .tile{pointer-events:auto}.flower-tray .tile.small{flex:0 0 24px;width:24px;height:34px}.flower-summary{background:#092d29d9;border-radius:7px;width:100%;margin-bottom:5px;padding:5px 7px}.flower-summary strong,.flower-summary small{display:block}.flower-summary strong{color:var(--apricot)}.flower-summary small{color:#d4e4df;margin-top:2px;font-size:10px}.action-center{z-index:7;pointer-events:none;justify-items:center;gap:9px;min-width:min(92vw,370px);display:grid;position:absolute;top:57%;left:50%;translate:-50% -50%}.response-prompt{color:#fff4d5;text-align:center;background:#082b27ed;border:1px solid #e8b85c99;border-radius:8px;margin:0;padding:7px 14px;font-size:14px;font-weight:800;box-shadow:0 5px 18px #061c1877}.response-prompt,.table-notice{justify-content:center;align-items:center;gap:10px;display:flex}.response-prompt .tile.small,.table-notice .tile.small{flex:0 0 40px;width:40px;height:56px}.action-bar{pointer-events:auto;justify-content:center;gap:12px;display:flex}.action-bar .claim-button{color:#173c32;background:linear-gradient(#f5d884,#d7a847);border:2px solid #f3dfab;border-radius:12px 5px;min-width:76px;height:58px;padding:8px 18px;font-family:STKaiti,KaiTi,serif;font-size:25px;box-shadow:0 5px #8b6429,0 7px 16px #061d1a8c}.action-bar .claim-kong{background:linear-gradient(#e9eddc,#a8c8a7);box-shadow:0 5px #4d7359,0 7px 16px #061d1a8c}.action-bar .claim-hu{color:#fff7eb;background:linear-gradient(#eb7370,#bb3e48);box-shadow:0 5px #792e36,0 7px 16px #061d1a8c}.action-bar .claim-pass{color:#f5eedb;background:#103e37ef;border:1px solid #f5eedb99;min-width:48px;padding:8px 12px;font-size:15px;box-shadow:0 4px #082b27,0 7px 16px #061d1a8c}.action-bar .claim-button:active:not(:disabled),.action-bar .claim-pass:active:not(:disabled){translate:0 2px}.table-notice{z-index:9;color:#fff5df;text-align:center;background:linear-gradient(135deg,#174b3fef,#092c29f5);border:2px solid #f0c66f;border-radius:12px 5px;max-width:min(90vw,440px);padding:12px 24px;font-family:STKaiti,KaiTi,serif;font-size:clamp(20px,3vw,28px);font-weight:900;animation:.18s ease-out table-notice-in;position:absolute;top:15%;left:50%;translate:-50%;box-shadow:0 8px 26px #061d1aa6,inset 0 0 0 2px #fff2}@keyframes table-notice-in{0%{opacity:0;translate:-50% -8px}to{opacity:1;translate:-50%}}.win-cutin{--win-cutin-duration:2.1s;--win-cutin-person-width:min(112%, 2100px);--win-cutin-backdrop:#020101f2;--win-cutin-band-opacity:.58;--win-cutin-slash-opacity:.52;z-index:30;pointer-events:auto;isolation:isolate;background:var(--win-cutin-backdrop);animation:win-cutin-screen var(--win-cutin-duration) linear both;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.win-cutin:before,.win-cutin:after{content:"";z-index:-1;width:150%;height:42%;opacity:var(--win-cutin-band-opacity);background:#76070c;position:absolute;left:-25%;transform:skewY(-8deg)}.win-cutin:before{animation:win-cutin-strike-top var(--win-cutin-duration) cubic-bezier(.2,.75,.22,1) both;top:-8%}.win-cutin:after{animation:win-cutin-strike-bottom var(--win-cutin-duration) cubic-bezier(.2,.75,.22,1) both;bottom:-12%}.win-cutin img{z-index:1;width:var(--win-cutin-person-width);object-fit:contain;filter:contrast(1.06)saturate(.92)drop-shadow(0 0 5px #000)drop-shadow(0 16px 30px #000d);max-width:none;height:auto;max-height:98%;animation:feng-guoying-cutin var(--win-cutin-duration) cubic-bezier(.16,.82,.24,1) both;display:block;position:relative}.win-cutin-vignette{z-index:2;pointer-events:none;background:radial-gradient(45% 72% at 43% 52%,#0000 0 38%,#02010138 62%,#020101b5 100%);position:absolute;inset:0}.win-cutin-slash{z-index:-1;width:170%;height:7%;opacity:var(--win-cutin-slash-opacity);background:#bda66f;position:absolute;left:-35%;transform:rotate(-12deg);box-shadow:0 0 0 9px #050202,0 0 0 15px #76070c}.win-cutin .slash-one{animation:win-cutin-slash-one var(--win-cutin-duration) ease-out both;top:29%}.win-cutin .slash-two{animation:win-cutin-slash-two var(--win-cutin-duration) ease-out both;bottom:25%;transform:rotate(9deg)}@keyframes win-cutin-screen{0%{opacity:0;background-color:#310508}6%,84%{opacity:1;background-color:#020101f2}to{opacity:0;background-color:#02010100}}@keyframes feng-guoying-cutin{0%{opacity:0;transform:translate(-115%)skew(-8deg)scale(.86)}13%{opacity:1;transform:translate(3%)skew(1deg)scale(1.025)}22%,76%{opacity:1;transform:translate(0)skew(0)scale(1)}88%{opacity:1;transform:translate(0)scale(1.035)}to{opacity:0;transform:translate(18%)scale(1.09)}}@keyframes win-cutin-strike-top{0%{transform:translate(-100%)skewY(-8deg)}14%,78%{transform:translate(0)skewY(-8deg)}to{transform:translate(100%)skewY(-8deg)}}@keyframes win-cutin-strike-bottom{0%{transform:translate(100%)skewY(-8deg)}16%,80%{transform:translate(0)skewY(-8deg)}to{transform:translate(-100%)skewY(-8deg)}}@keyframes win-cutin-slash-one{0%,5%{opacity:0;translate:-80%}14%,76%{opacity:.9;translate:0}to{opacity:0;translate:60%}}@keyframes win-cutin-slash-two{0%,8%{opacity:0;translate:80%}18%,78%{opacity:.75;translate:0}to{opacity:0;translate:-60%}}@media (prefers-reduced-motion:reduce){.win-cutin,.win-cutin:before,.win-cutin:after,.win-cutin img,.win-cutin-slash{animation-timing-function:linear}}.settlement{z-index:10;background:var(--rice);width:min(520px,92vw);max-height:calc(100% - 32px);color:var(--ink);text-align:center;border-radius:28px 8px;padding:28px;position:absolute;inset:50% auto auto 50%;overflow-y:auto;translate:-50% -50%;box-shadow:0 24px 80px #051b18aa}.settlement h2{margin:10px 0 4px;font-family:KaiTi,serif;font-size:30px}.settlement ul{padding:0;list-style:none}.settlement li{margin:8px 0}.settlement-actions{gap:9px;display:grid}.next-round-ready{background:#173f3a0d;border-radius:12px 4px;margin:14px 0;padding:12px}.next-round-ready>strong{color:var(--lake)}.next-round-ready ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0;display:grid}.next-round-ready li{background:#fffdf6;border:1px solid #93a69f55;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:7px 9px;font-size:13px;display:flex}.next-round-ready li b{color:#8b5a50;white-space:nowrap;font-size:12px}.next-round-ready li.ready{background:#e7f1e6;border-color:#4f8d73}.next-round-ready li.ready b{color:#27664f}.final-scores li{background:#173f3a12;border-radius:8px;justify-content:space-between;padding:8px 12px;display:flex}.round-history{text-align:left;max-height:180px;overflow:auto}.round-history li{border-bottom:1px solid #173f3a20;padding:7px 0;font-size:13px}.special-hu-display{background:radial-gradient(at top,#fff8dc 0,#efe0b9 70%,#e8d4a7 100%);border:1px solid #d5ad5e;border-radius:16px 5px;margin:16px -10px;padding:14px 12px;box-shadow:inset 0 0 0 2px #fff9e9,0 5px 16px #173c3026}.special-hu-winner+.special-hu-winner{border-top:1px solid #a783493d;margin-top:14px;padding-top:12px}.special-hu-player{color:#587064;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.special-hu-patterns{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;display:flex}.special-hu-patterns strong{color:#174c3e;text-shadow:0 2px #fff8dc,0 4px #c7a65f66;font-family:STKaiti,KaiTi,serif;font-size:clamp(32px,7vw,52px);font-weight:900;line-height:1.15;animation:.38s cubic-bezier(.18,.8,.28,1.18) both special-hu-pop}@keyframes special-hu-pop{0%{opacity:0;translate:0 10px;scale:.72}to{opacity:1;translate:0;scale:1}}.flower-details small{color:#5d706a;margin-top:3px;display:block}.transfer-details{color:#405852;border-top:1px solid #17312e22;padding-top:8px!important}.small-seal{width:42px;height:42px;margin:auto;font-size:22px}.game-error{z-index:20;background:#fff0e5;border-radius:8px;padding:8px 14px;position:absolute;top:12px;left:50%;translate:-50%}@media (width<=720px){.lobby-shell{padding:12px}.lobby-card{gap:16px}.character-options{scrollbar-width:thin;scroll-snap-type:x proximity;grid-template-columns:repeat(6,minmax(132px,1fr));padding:3px 3px 8px;overflow-x:auto}.character-option{scroll-snap-align:start}.character-portrait{height:clamp(145px,33vw,225px)}.character-name{padding:9px 2px;font-size:clamp(12px,3vw,17px)}.lobby-actions{grid-template-columns:1fr}.topbar{gap:7px;height:46px;padding:5px 10px}.topbar strong{margin-right:0;font-size:17px}.topbar span{display:none}.topbar .connection{white-space:nowrap;font-size:11px}.topbar .quiet{padding:7px 10px}.table{--small-tile-w:clamp(24px, 7vw, 28px);--small-tile-h:clamp(34px, 10vw, 39px);--river-tile-w:clamp(28px, 8.2vw, 34px);--river-tile-h:clamp(39px, 11.5vw, 47px);height:calc(100dvh - 46px)}.center-console{width:105px;top:39%}.center-console{min-width:124px;min-height:68px;padding:9px 12px;top:39%}.center-console strong{font-size:16px}.center-console span{font-size:11px}.center-console b{font-size:14px}.turn-compass{width:166px;top:39%}.opponent-top{top:45px}.opponent-left{top:40%;left:2px}.opponent-right{top:40%;right:2px}.opponent-left .river{left:calc(100% + 6px)}.opponent-right .river{right:calc(100% + 6px)}.opponent-left .river,.opponent-right .river{grid-template-rows:repeat(8, var(--river-tile-w))}.player-name{padding:3px 6px;font-size:10px}.my-zone{width:98vw;bottom:8px}.my-hand-line{gap:4px}.my-hand{gap:var(--tile-gap,0px)}.my-hand .tile{width:min(43px,7vw - 1.14286px);height:min(60px,9.8vw - 1.6px)}.my-hand .tile.selected{transform-origin:bottom;translate:0 -16px;scale:1.7}.tile-button:first-child .tile.selected{transform-origin:0 100%}.tile-button:last-child .tile.selected{transform-origin:100% 100%}.flower-tray{flex-wrap:wrap;justify-content:flex-start;width:52px;max-width:52px;max-height:45%;bottom:82px;left:5px;overflow-y:auto}.flower-tray .flower-summary{flex:0 0 100%;width:100%;margin-bottom:3px;padding:4px 3px}.flower-tray .flower-summary strong{white-space:nowrap;font-size:12px}.flower-tray .flower-summary small{display:none}.flower-tray .tile.small{flex-basis:24px;width:24px;height:34px}.action-center{gap:6px;min-width:0;top:51%}.response-prompt{max-width:88vw;padding:6px 9px;font-size:12px}.action-bar{gap:8px}.action-bar .claim-button{border-radius:10px 4px;min-width:58px;height:46px;padding:5px 12px;font-size:20px}.action-bar .claim-pass{min-width:42px;padding:5px 9px;font-size:13px}.drawn-badge{font-size:9px;top:-15px}.tile-button-drawn{margin-left:calc(var(--tile-gap,0px) + 8px)}.tile.image-skin.kind-m4:not(.numbered-atlas):after{font-size:19px}.table-notice{padding:9px 17px;top:16%}.settlement{padding:20px 17px}.settlement h2{font-size:25px}.special-hu-display{margin:12px -7px;padding:10px 7px}.special-hu-patterns{gap:3px 10px}.my-river .flower-intake{width:84px;left:-84px}.opponent-top .river .flower-intake{width:56px;left:calc(100% + 5px)}.opponent-left .river .flower-intake,.opponent-right .river .flower-intake{width:56px;right:calc(100% + 4px)}.debug-panel{top:6px;left:6px}.debug-effects-dock{top:56px;left:6px}.tile{width:min(6.6vw,37px);height:min(9.4vw,52px)}.seat-list{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.lobby-card{gap:14px;padding:18px 14px}.lobby-head{gap:10px}.lobby-head .seal{width:44px;height:44px;font-size:25px}.lobby-head h1{font-size:27px}.character-picker legend{margin-bottom:7px}.topbar{grid-template-columns:minmax(0,1fr) auto auto auto}.topbar .connection{display:none}.opponent-left .player-name,.opponent-right .player-name{margin-top:34px}}.table-viewport{background:#0c2926;place-items:center;height:calc(100dvh - 56px);display:grid;overflow:hidden}.landscape-required{display:none}.table-frame{flex:none;position:relative}@media (width>=721px),(orientation:landscape){.table-frame .table{transform-origin:0 0;--small-tile-w:32px;--small-tile-h:45px;--river-tile-w:40px;--river-tile-h:56px;width:1600px;height:900px;position:absolute;inset:0 auto auto 0}.table .center-console,.table .turn-compass{top:43%}.table .turn-compass{width:236px}.table .opponent-top{top:12px}.table .opponent-left{top:44%;left:14px}.table .opponent-right{top:44%;right:14px}.table .opponent-left .river{left:calc(100% + 14px)}.table .opponent-right .river{right:calc(100% + 14px)}.table .opponent-left .river,.table .opponent-right .river{grid-template-rows:repeat(6, var(--river-tile-w))}.table .opponent-left .player-name,.table .opponent-right .player-name{margin-top:0}.table .my-zone{width:920px;bottom:16px}.table .my-hand .tile{width:58px;height:81px}.table .tile{width:49px;height:68px}.table .tile.small{width:var(--small-tile-w);height:var(--small-tile-h)}.table .river .tile.small{width:var(--river-tile-w);height:var(--river-tile-h)}.table .flower-tray{align-items:center;width:200px;max-width:200px;max-height:none;bottom:18px;left:18px;overflow:visible}.table .flower-tray .flower-summary{flex:0 0 100%;width:100%;margin-bottom:5px;padding:5px 7px}.table .flower-tray .flower-summary strong{font-size:18px}.table .flower-tray .flower-summary small{display:block}.table .flower-tray .tile.small{flex:0 0 24px;width:24px;height:34px}.table .my-river .flower-intake{width:160px;left:-122px}.table .opponent-top .river .flower-intake{width:76px;left:calc(100% + 10px)}.table .opponent-left .river .flower-intake,.table .opponent-right .river .flower-intake{width:76px;right:calc(100% + 8px)}.table .action-center{gap:9px;min-width:370px;top:57%}.table .response-prompt{max-width:440px;padding:7px 14px;font-size:14px}.table .action-bar{gap:12px}.table .action-bar .claim-button{min-width:76px;height:58px;padding:8px 18px;font-size:25px}.table .action-bar .claim-pass{min-width:48px;padding:8px 12px;font-size:15px}.table .table-notice{max-width:440px;padding:12px 24px;font-size:28px;top:15%}.table .settlement{width:520px}.table .special-hu-patterns strong{font-size:52px}.table .tile.image-skin.kind-m4:not(.numbered-atlas):after{font-size:34px}.table .tile.image-skin.small.kind-m4:not(.numbered-atlas):after{font-size:14px}}.mobile-landscape-game .topbar{height:36px;padding:max(3px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 3px max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:6px}.mobile-landscape-game .topbar-room{white-space:nowrap;overflow:hidden}.mobile-landscape-game .topbar-brand{display:none}.mobile-landscape-game .topbar span,.mobile-landscape-game .connection{font-size:10px}.mobile-landscape-game .topbar .quiet{min-height:28px;padding:3px 9px;font-size:12px}.mobile-landscape-game .round-indicator{padding:2px 7px;font-size:10px}.mobile-landscape-game .table-viewport{height:calc(100dvh - 36px)}.mobile-landscape-game .table-frame .table{--small-tile-w:30px;--small-tile-h:42px;--river-tile-w:34px;--river-tile-h:48px;width:1500px;height:560px}.mobile-landscape-game .table .center-console,.mobile-landscape-game .table .turn-compass{top:42%}.mobile-landscape-game .table .turn-compass{width:208px}.mobile-landscape-game .table .center-console{gap:4px;min-width:140px;min-height:74px;padding:9px 15px}.mobile-landscape-game .table .center-console strong{font-size:18px}.mobile-landscape-game .table .center-console span{font-size:11px}.mobile-landscape-game .table .center-console b{font-size:15px}.mobile-landscape-game .table .opponent-top{top:4px}.mobile-landscape-game .table .opponent-left,.mobile-landscape-game .table .opponent-right{top:41%}.mobile-landscape-game .table .opponent-left{left:8px}.mobile-landscape-game .table .opponent-right{right:8px}.mobile-landscape-game .table .opponent-left .hidden-hand .tile,.mobile-landscape-game .table .opponent-right .hidden-hand .tile,.mobile-landscape-game .table .opponent-left .meld-group .tile,.mobile-landscape-game .table .opponent-right .meld-group .tile{margin-block:-7px}.mobile-landscape-game .table .opponent-left .river,.mobile-landscape-game .table .opponent-right .river{grid-template-rows:repeat(8, var(--river-tile-w))}.mobile-landscape-game .table .opponent-top .river,.mobile-landscape-game .table .my-river{grid-template-columns:repeat(10, var(--river-tile-w))}.mobile-landscape-game .table .my-zone{gap:3px;width:1180px;bottom:5px}.mobile-landscape-game .table .my-hand-line{gap:7px}.mobile-landscape-game .table .my-hand .tile{width:62px;height:87px}.mobile-landscape-game .table .tile-button-drawn{margin-left:calc(var(--tile-gap,0px) + 7px)}.mobile-landscape-game .table .my-info{padding:3px 10px;font-size:11px}.mobile-landscape-game .table .action-center{top:50%}.mobile-landscape-game .table .action-bar .claim-button{min-width:72px;height:54px;font-size:23px}.mobile-landscape-game .table .flower-tray{width:166px;max-width:166px;bottom:108px;left:12px}.mobile-landscape-game .table .flower-tray .flower-summary{margin-bottom:3px;padding:4px 6px}.mobile-landscape-game .table .flower-tray .flower-summary strong{font-size:15px}.mobile-landscape-game .table .flower-tray .tile.small{flex-basis:20px;width:20px;height:28px}.mobile-landscape-game .table .flower-tray .flower-summary small{display:none}.mobile-landscape-game .table .player-name{padding:4px 8px;font-size:11px}.mobile-landscape-game .table .table-notice{padding:8px 18px;font-size:23px;top:12%}@media (orientation:landscape) and (height<=600px){.lobby-shell{min-height:100dvh;padding:max(7px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));place-items:start center;overflow-y:auto}.lobby-card{border-radius:16px 5px;gap:7px;width:min(1080px,100%);padding:9px 13px 11px}.lobby-head{gap:9px}.lobby-head .seal{width:38px;height:38px;font-size:22px}.lobby-head h1{font-size:24px;line-height:1}.character-picker legend{margin-bottom:5px;font-size:13px}.character-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0;overflow:visible}.character-option{border-radius:9px 3px;box-shadow:0 2px #c3cbbd}.character-portrait{height:clamp(142px,42dvh,192px)}.character-name{padding:5px 2px;font-size:14px}.lobby-actions{grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:8px}.lobby-actions>.primary{min-height:38px}.join-row{gap:7px}.join-row input,.join-row button{min-height:38px;padding-block:7px}.pwa-install-notice{gap:6px;padding:7px 10px}.pwa-install-notice strong{font-size:15px}.pwa-install-notice span{font-size:11px;line-height:1.3}.pwa-install-actions button{min-height:30px;padding:4px 9px;font-size:11px}.mobile-landscape-game.waiting-game-shell{grid-template-rows:36px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.mobile-landscape-game.waiting-game-shell .waiting-room{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(1040px,100%);max-width:none;min-height:0;padding:8px max(14px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));margin:0 auto;overflow-y:auto}.mobile-landscape-game .waiting-room h1{font-size:clamp(25px,8dvh,36px);line-height:1}.mobile-landscape-game .seat-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.mobile-landscape-game .waiting-seat{border-radius:11px 4px;min-height:86px;padding:7px 6px}.mobile-landscape-game .waiting-seat span{margin-bottom:2px;font-size:20px;line-height:1}.mobile-landscape-game .waiting-seat strong{min-height:18px;font-size:14px}.mobile-landscape-game .waiting-seat small{margin-top:2px;font-size:10px;line-height:1.15}.mobile-landscape-game .waiting-seat .kick-button{margin-top:4px;padding:3px 8px;font-size:10px}.mobile-landscape-game .waiting-room>p{margin:5px 0;font-size:12px}.mobile-landscape-game .waiting-actions,.mobile-landscape-game .bot-setup{gap:7px}.mobile-landscape-game .bot-setup label{font-size:10px}.mobile-landscape-game .bot-setup select{min-width:82px;padding:4px 7px}.mobile-landscape-game .bot-setup .test-button{min-height:34px;padding:6px 12px}.mobile-landscape-game .waiting-actions>.primary{min-height:34px;padding:6px 16px}}@media (width<=720px){.table-viewport{height:calc(100dvh - 46px)}}@media (width<=720px) and (orientation:portrait){.landscape-required{z-index:100;padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));color:var(--rice);text-align:center;background:radial-gradient(circle,#245e54,#0b2b28 70%);place-content:center;gap:10px;display:grid;position:fixed;inset:0}.landscape-required strong{color:var(--apricot);font-family:STKaiti,KaiTi,serif;font-size:30px}.landscape-required span{color:#d5e5df;font-size:15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tile-catalog{min-height:100vh;color:var(--rice);background:#0e302c;padding:36px clamp(18px,4vw,64px) 60px}.tile-catalog header{border-bottom:1px solid #e8b85c55;max-width:1180px;margin:0 auto 28px;padding-bottom:20px}.tile-catalog header p{color:var(--apricot);letter-spacing:.12em;margin:0 0 7px;font-weight:800}.tile-catalog header h1{color:var(--rice);font-size:clamp(30px,5vw,48px)}.tile-catalog header span{color:#b9cec7;margin-top:8px;display:block}.tile-catalog-group{background:#16443e;border:1px solid #ffffff1d;border-radius:14px 4px;max-width:1180px;margin:0 auto 24px;padding:18px}.tile-catalog-group h2{color:var(--apricot);margin:0 0 14px;font-family:STKaiti,KaiTi,serif;font-weight:600}.tile-catalog-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:78px;display:flex}.tile-catalog-row.compact{border-top:1px dashed #ffffff26;gap:4px;min-height:45px;margin-top:9px;padding-top:9px}.state-samples .tile-catalog-row{gap:16px}@media (width<=520px){.tile-catalog{padding:20px 10px 36px}.tile-catalog-group{padding:12px 8px}.tile-catalog-row{gap:3px}}