.winning-hand-overlay{position:absolute;z-index:80;inset:0;display:grid;padding:calc(var(--cover-crop-y, 0px) + max(46px,var(--safe-top))) calc(var(--cover-crop-x, 0px) + max(54px,var(--safe-right))) calc(var(--cover-crop-y, 0px) + max(46px,var(--safe-bottom))) calc(var(--cover-crop-x, 0px) + max(54px,var(--safe-left)));place-items:center;overflow:hidden;pointer-events:auto;background:#000806d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:winning-overlay-fade-in .2s ease-out both}.winning-hand-overlay__content{position:relative;display:grid;width:min(1680px,100%);min-height:680px;grid-template-rows:auto auto 1fr;gap:34px;align-content:center;padding:54px 64px 120px;border:2px solid rgba(255,210,91,.72);border-radius:24px;background:radial-gradient(circle at 50% 42%,rgba(28,124,77,.58),transparent 58%),#041c14f2;box-shadow:0 34px 90px #0000009e,inset 0 0 70px #00000052}.winning-hand-overlay__title{display:flex;gap:18px;align-items:center;justify-content:center;color:#ffe8a1}.winning-hand-overlay__title>span{display:grid;width:74px;height:74px;place-items:center;color:#fff3c8;border:3px solid #ffcf52;border-radius:50%;background:#b12820;box-shadow:0 0 26px #ff4830a8;font-size:42px;font-weight:900}.winning-hand-overlay__title h2{margin:0;font-size:48px;letter-spacing:0}.winning-hand-overlay__melds{display:flex;gap:18px;align-items:flex-end;justify-content:center;min-height:104px}.winning-hand-overlay__meld{display:grid;gap:7px;justify-items:center;color:#ffe6a0;font-size:19px}.winning-hand-overlay__meld>div{display:flex;gap:1px}.winning-hand-overlay__meld .mj-tile{width:58px;height:77px}.winning-hand-overlay__hand{display:flex;gap:2px;align-items:flex-end;justify-content:center;min-height:320px;overflow:visible;animation:winning-hand-expand .3s .18s ease-out both}.winning-hand-overlay__tile-slot,.winning-hand-overlay__placeholder{position:relative;display:block;flex:0 0 72px;width:72px;height:96px}.winning-hand-overlay__placeholder{border:2px dashed rgba(255,231,153,.48);border-radius:7px;background:#ffffff0f;box-shadow:inset 0 0 16px #fff1b914}.winning-hand-overlay .winning-hand-overlay__tile{width:72px;height:96px}.winning-hand-overlay__winning-tile{position:absolute;z-index:3;inset:-2px;display:block;animation:winning-tile-drop .5s .5s cubic-bezier(.2,.82,.3,1.08) both}.winning-hand-overlay__winning-tile:after{position:absolute;z-index:5;right:-13px;bottom:-15px;display:grid;width:35px;height:35px;content:"胡";place-items:center;color:#fff6d0;border:2px solid #ffd45d;border-radius:50%;background:#c1271d;box-shadow:0 0 16px #ff2a20cc;font-size:20px;font-weight:900;opacity:0;animation:winning-mark-appear .8s 1s ease-out both}.winning-hand-overlay__winning-tile .mj-tile{border:3px solid #ff342d;box-shadow:0 0 0 2px #ffeeb1b8,0 0 24px #ff342d;animation:winning-tile-glow .8s 1s ease-in-out both}.winning-hand-overlay__actions{position:absolute;right:54px;bottom:42px;display:flex;gap:18px;animation:winning-actions-in .18s ease-out both}.winning-hand-overlay__actions button{min-width:156px;min-height:58px;padding:10px 24px;cursor:pointer;color:#482400;border:1px solid #ffe39a;border-radius:10px;background:linear-gradient(180deg,#ffe699,#f5a22e 72%,#b66013);box-shadow:inset 0 2px #ffffff8a,0 5px #71330d,0 11px 20px #0000005c;font-size:24px;font-weight:900;touch-action:manipulation}.winning-hand-overlay__settlement{position:absolute;top:130px;right:54px;display:grid;min-width:260px;gap:7px;padding:18px 22px;color:#f8efd0;border:1px solid rgba(255,217,108,.6);border-radius:10px;background:#03120deb;box-shadow:0 16px 34px #0000006b;font-size:18px}.winning-hand-overlay__settlement strong{color:#ffdc76;font-size:24px}@keyframes winning-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes winning-hand-expand{0%{opacity:0;transform:translateY(24px) scaleX(.82)}to{opacity:1;transform:translateY(0) scaleX(1)}}@keyframes winning-tile-drop{0%{opacity:0;transform:translateY(-280px) rotate(-8deg) scale(1.08)}18%{opacity:1}78%{transform:translateY(8px) rotate(1deg) scale(1.03)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes winning-tile-glow{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.09);filter:brightness(1.18)}to{transform:scale(1.04);filter:brightness(1.08)}}@keyframes winning-mark-appear{0%{opacity:0;transform:scale(.35) rotate(-16deg)}45%{opacity:1;transform:scale(1.18) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes winning-actions-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.winning-hand-overlay,.winning-hand-overlay__hand,.winning-hand-overlay__winning-tile,.winning-hand-overlay__winning-tile .mj-tile,.winning-hand-overlay__winning-tile:after,.winning-hand-overlay__actions{animation-duration:1ms;animation-delay:0ms}}:root{color:#fff7d6;background:#07140f;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;overflow:hidden}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}body{margin:0;min-width:0;width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden;background:#020706}.mahjong-screen{--safe-top: max(8px, env(safe-area-inset-top, 0px));--safe-right: max(8px, env(safe-area-inset-right, 0px));--safe-bottom: max(8px, env(safe-area-inset-bottom, 0px));--safe-left: max(8px, env(safe-area-inset-left, 0px));display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;background:#020706}.game-stage-viewport{position:relative;flex:0 0 auto;width:100vw;height:100vh;height:100dvh;overflow:hidden}.game-stage{position:absolute;top:50%;left:50%;width:1920px;height:1080px;overflow:hidden;transform-origin:center}.mahjong-table{--table-w: 1920px;--tile-w: clamp(34px, calc(var(--table-w) * .046), 62px);--tile-h: calc(var(--tile-w) * 1.33);position:relative;width:1920px;height:1080px;max-width:none;max-height:none;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 18% 80%,rgba(0,0,0,.18)),radial-gradient(circle at 50% 46%,#136b47 0 42%,#0c5239 66%,#073826);box-shadow:inset 0 0 0 2px #ecd99424,inset 0 0 80px #00000073}.table-3d-surface:before,.table-3d-surface:after{position:absolute;inset:16%;content:"";pointer-events:none;border:1px solid rgba(230,211,142,.12);transform:rotate(45deg)}.table-3d-surface:after{transform:rotate(-45deg)}.table-viewport{position:absolute;z-index:2;inset:0;overflow:visible;pointer-events:none;perspective:540px;perspective-origin:50% 88%}.table-3d-layer,.table-perspective-layer{position:absolute;inset:-2% -1% 5%;pointer-events:none;transform:rotateX(5deg) scale(1.08);transform-origin:50% 86%;transform-style:preserve-3d}.table-3d-surface{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;border-radius:1.5%;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),radial-gradient(ellipse at 50% 62%,transparent 35%,rgba(0,0,0,.1) 100%);box-shadow:inset 0 -20px 45px #0000001f;transform:translateZ(-2px)}.player-info-layer,.meld-layer,.hand-layer,.action-layer{position:absolute;inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none}.discard-field{position:absolute;pointer-events:none}.player-info-layer{z-index:7}.discard-field{--vertical-discard-edge-position: calc(-1*clamp(14px, calc(var(--table-w) * .008), 18px)) ;z-index:4;inset:14% 17% 17%;transform:translateZ(5px);transform-style:preserve-3d}.meld-layer{z-index:8;transform-style:preserve-3d}.hand-layer{z-index:9}.hand-layer--opponents{transform-style:preserve-3d}.hand-layer--human{z-index:11}.action-layer{z-index:12}.player-info,.meld-zone,.hand-zone,.action-layer .action-buttons{pointer-events:auto}.player-info{position:absolute;display:grid;width:clamp(50px,calc(var(--table-w) * .033),64px);min-height:clamp(64px,calc(var(--table-w) * .042),80px);gap:2px;justify-items:center;align-content:center;padding:4px;color:#ffeebc;border:1px solid rgba(255,224,142,.38);border-radius:8px;background:#06140ec7;box-shadow:0 8px 18px #00000052;font-size:clamp(9px,calc(var(--table-w) * .008),11px);font-weight:800}.player-info--top{top:0;right:auto;left:26%}.player-info--right{top:50%;right:0;transform:translateY(-50%)}.player-info--bottom{left:0;bottom:2%}.player-info--left{top:50%;left:0;transform:translateY(-50%)}.player-info--current{box-shadow:0 0 0 2px #ffe06b,0 0 18px #ffe06b7a}.player-info--acting{border-color:#7bffb0db;box-shadow:0 0 0 2px #75ffacb8,0 0 22px #4dff9494,0 8px 18px #00000052}.player-info--disconnected{border-color:#ff6f54e6;box-shadow:0 0 0 2px #ff503a9e,0 0 18px #ff472f6b,0 8px 18px #00000052}.player-info__avatar{position:relative;display:grid;width:clamp(32px,calc(var(--table-w) * .022),42px);aspect-ratio:1;place-items:center;border:1px solid rgba(255,230,158,.5);border-radius:7px;color:#fff2c4;background:linear-gradient(145deg,#26694f,#123b2c);box-shadow:inset 0 1px #ffffff2e}.player-info__avatar-text{font-size:clamp(16px,calc(var(--table-w) * .017),22px);font-weight:900}.player-info__seat,.player-info__dealer{position:absolute;display:inline-grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#2d1800;background:#ffc64d;font-size:9px;line-height:1}.player-info__seat{inset:auto -6px -8px auto;width:22px;height:22px;font-size:12px}.player-info--right .player-info__seat{right:auto;left:-6px}.player-info__dealer{right:-5px;top:-5px;bottom:auto;background:#ff9f36}.player-info__name{max-width:100%;overflow:hidden;color:#fff0bd;text-overflow:ellipsis;white-space:nowrap}.player-info__score{color:#bdf2c3;font-variant-numeric:tabular-nums}.player-info__status{position:absolute;top:calc(100% + 4px);color:#88ffc4;white-space:nowrap}.player-info__status--disconnected{color:#ff9a7d;font-weight:900}.hand-zone{position:absolute;display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(3px,calc(var(--table-w) * .004),7px);overflow:visible}.opponent-hand-zone{gap:0;transform-style:preserve-3d}.hand-zone--top{top:0;left:34%;right:34%;transform:translateZ(8px);transform-origin:center top}.hand-zone--bottom{--human-tile-w: max(39px, calc(var(--tile-w) * .81));--human-hit-w: max(48px, var(--human-tile-w));left:50%;right:auto;bottom:0;width:min(calc(var(--table-w) * .76),calc(100% - 16px));min-height:calc(var(--human-tile-w) * 1.33 + 18px);align-items:flex-end;gap:0;transform:translate(-50%);z-index:2}.hand-zone--left,.hand-zone--right{top:27%;bottom:31%;flex-direction:column;align-items:center}.hand-zone--left{position:absolute;left:7%;transform:translateZ(8px);transform-origin:left center}.hand-zone--right{position:absolute;right:7%;transform:translateZ(8px);transform-origin:right center}.opponent-hand-zone .mj-tile{position:relative;z-index:1;--wall-y: clamp(18px, calc(var(--table-w) * .018), 26px);width:calc(var(--tile-w) * .54);height:var(--wall-y);--wall-height: calc(var(--tile-h) * .29);--wall-depth: var(--wall-y);margin-right:-4px}.hand-zone--top.opponent-hand-zone .mj-tile{width:42px;height:36px;--wall-height: 18px;--wall-depth: 22px;margin-right:-2px}.hand-zone--left.opponent-hand-zone .mj-tile,.hand-zone--right.opponent-hand-zone .mj-tile{--wall-y: clamp(34px, calc(var(--table-w) * .034), 50px);height:var(--wall-y);--wall-depth: var(--wall-y);margin-top:-2px;margin-right:0}.human-hand-zone .mj-tile{width:var(--human-tile-w);height:calc(var(--human-tile-w) * 1.33)}.human-hand-zone .player-area__tile-button{width:var(--human-hit-w);min-width:var(--human-hit-w);min-height:48px;margin:0 calc(var(--human-tile-w) - var(--human-hit-w)) 0 0;display:grid;place-items:end center}.human-hand-zone--inserting{pointer-events:none}.human-hand-zone--inserting .player-area__tile-button{transition:none}.player-area__tile-button--inserting{z-index:40;will-change:transform}.player-area__tile-button--shifting{will-change:transform}.drawn-tile-gap{flex:0 0 clamp(12px,calc(var(--table-w) * .008),16px)}.drawn-tile-slot{display:flex;flex:0 0 auto;align-items:center;overflow:visible}.meld-zone{position:absolute;display:flex;gap:6px;min-height:26px;align-items:center;justify-content:center;max-width:28%;overflow:visible;transform:translateZ(6px)}.meld-zone-top,.meld-zone--top{top:7%;right:auto;left:65%;max-width:18%;justify-content:flex-start}.meld-zone-bottom,.meld-zone--bottom{right:3.5%;bottom:13%;left:auto;justify-content:flex-end}.meld-zone-left,.meld-zone-right,.meld-zone--left,.meld-zone--right{top:27%;bottom:31%;flex-direction:column;justify-content:center;max-width:13%}.meld-zone-left,.meld-zone--left{left:11.5%}.meld-zone-right,.meld-zone--right{right:11.5%}.meld-zone__group{display:flex;gap:3px;align-items:center;padding:3px 5px;color:#ffe9a8;font-size:12px;font-weight:800;border-radius:8px;background:#071810c2}.meld-zone-left .meld-zone__group,.meld-zone-right .meld-zone__group,.meld-zone--left .meld-zone__group,.meld-zone--right .meld-zone__group{flex-direction:column}.player-area{position:absolute;z-index:5;display:grid;gap:5px;color:#ffeebc}.player-area--top{top:7.5%;left:37%;width:26%;justify-items:center}.player-area--right{top:28%;right:6.5%;width:18%;justify-items:end}.player-area--left{top:28%;left:6.5%;width:18%}.player-area--bottom{left:8%;right:8%;bottom:2.5%;z-index:10}.player-area--current .player-area__header{box-shadow:0 0 0 2px #ffe06b,0 0 18px #ffe06b7a}.player-area__header{display:inline-flex;width:max-content;max-width:100%;gap:6px;align-items:center;padding:5px 8px;border:1px solid rgba(255,224,142,.38);border-radius:999px;background:#06140ec7;box-shadow:0 8px 18px #00000052;font-size:clamp(11px,calc(var(--table-w) * .011),14px);font-weight:800}.player-area__seat,.player-area__dealer{display:inline-grid;min-width:26px;height:26px;place-items:center;border-radius:50%;color:#2d1800;background:#ffc64d}.player-area__score{color:#bdf2c3}.player-area__hand{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(3px,calc(var(--table-w) * .004),7px);min-height:calc(var(--tile-h) + 12px);overflow:visible}.player-area__tile-button{position:relative;z-index:1;display:block;flex:0 0 auto;min-height:48px;padding:0;cursor:pointer;border:0;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s ease-out}.player-area__tile-button:disabled{cursor:default}.player-area__tile-button:not(:disabled):hover,.player-area__tile-button:not(:disabled):focus-visible{transform:translateY(-8px);outline:none}.player-area__tile-button--selected,.player-area__tile-button--selected:not(:disabled):hover,.player-area__tile-button--selected:not(:disabled):focus-visible,.player-area__tile-button--selected:not(:disabled):active{z-index:30;transform:translateY(-12px)}.player-area__tile-button--selected .mj-tile{border-color:#ffd54a;box-shadow:0 0 12px #ffd54ad1}.player-area--bottom .player-area__hand{padding:6px 8px 0}.player-area--left .player-area__hand,.player-area--right .player-area__hand{flex-direction:column;max-height:calc(var(--tile-h) * 5.8);overflow:visible}.player-area--top .player-area__hand{max-width:100%}.player-area__melds{display:flex;gap:6px;min-height:26px;align-items:center;justify-content:center}.player-area--left .player-area__melds,.player-area--right .player-area__melds{flex-direction:column}.player-area__meld{display:flex;gap:3px;align-items:center;padding:3px 5px;color:#ffe9a8;font-size:12px;font-weight:800;border-radius:8px;background:#071810c2}.table-discards{position:absolute;z-index:4;inset:24% 28%}.discard-area{position:absolute;display:grid;gap:3px;transform:translateZ(5px)}.discard-area--top,.discard-area--bottom{left:19%;right:19%;grid-template-columns:repeat(8,min-content);grid-auto-flow:row;justify-content:center}.discard-area--top{top:var(--vertical-discard-edge-position)}.discard-area--bottom{bottom:var(--vertical-discard-edge-position)}.discard-area--left,.discard-area--right{top:20%;bottom:20%;grid-template-columns:repeat(3,min-content);align-content:center;column-gap:3px;row-gap:3px}.discard-area--left{left:10%}.discard-area--right{right:10%}.discard-area .mj-tile{--discard-rotation: 0deg;animation:discard-slide-in .15s ease-out both}.discard-area .mj-tile--action-target{position:relative;z-index:3;border:3px solid #ff2020;box-shadow:0 0 0 1px #ffffffb8,0 0 12px #ff2020,0 0 22px #ff2020b8}.center-panel{position:absolute;z-index:6;top:50%;left:50%;width:clamp(132px,calc(var(--table-w) * .1),168px);min-height:clamp(118px,calc(var(--table-w) * .082),144px);display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%) translateZ(7px) scale(.98);color:#fff0bd;border:3px solid #273531;border-radius:11px;background:radial-gradient(circle at 50% 42%,#30453f,#15241f 70%,#0b1512);box-shadow:inset 0 0 0 2px #ffe16f38,0 14px 34px #00000073}.center-panel__wind-ring{position:absolute;inset:7px 9px;color:#97e8ff;font-size:clamp(17px,calc(var(--table-w) * .013),22px);font-weight:900}.center-panel__wind-ring span{position:absolute;transition:color .12s ease-out,text-shadow .12s ease-out}.center-panel__wind--active{color:#ffe46b;text-shadow:0 0 6px rgba(255,216,64,.48),0 2px 3px rgba(0,0,0,.72)}.center-panel__wind-ring span:nth-child(1){top:0;left:50%;transform:translate(-50%)}.center-panel__wind-ring span:nth-child(2){right:0;top:50%;transform:translateY(-50%)}.center-panel__wind-ring span:nth-child(3){bottom:0;left:50%;transform:translate(-50%)}.center-panel__wind-ring span:nth-child(4){left:0;top:50%;transform:translateY(-50%)}.center-panel__core{display:grid;min-width:94px;gap:5px;place-items:center;padding:24px 30px 22px;font-weight:800}.center-panel__countdown{display:grid;place-items:center;color:#bdf8ff;text-shadow:0 1px 0 rgba(255,255,255,.24),0 0 7px rgba(82,224,255,.38),0 2px 4px rgba(0,0,0,.72)}.center-panel__countdown-value{min-width:2ch;font-family:Bahnschrift,Arial Narrow,Roboto Mono,Consolas,monospace;font-size:clamp(38px,calc(var(--table-w) * .028),46px);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;letter-spacing:0;text-align:center}.center-panel__countdown--urgent{color:#ff5c5c;text-shadow:0 0 7px rgba(255,60,60,.48),0 2px 4px rgba(0,0,0,.72)}.center-panel__remaining{display:flex;gap:3px;align-items:baseline;justify-content:center;color:#a9c9bf;font-size:11px;line-height:1;white-space:nowrap}.center-panel__remaining strong{color:#8ff5ff;font-size:clamp(14px,calc(var(--table-w) * .011),17px);font-variant-numeric:tabular-nums;line-height:1}.table-meta-panel{position:absolute;z-index:3;top:var(--safe-top);left:var(--safe-left);display:grid;width:max-content;max-width:180px;gap:2px;padding:6px 8px;color:#e9f7db;pointer-events:none;border:1px solid rgba(219,241,200,.2);border-radius:7px;background:#04120db8;box-shadow:0 6px 16px #0000003d;font-size:clamp(10px,calc(var(--table-w) * .009),12px);line-height:1.25}.mahjong-table--with-back-navigation .table-meta-panel{top:calc(var(--table-back-top) + var(--table-back-hit-size) + var(--table-back-meta-gap))}.table-meta-panel strong{color:#ffe7a3;font-size:1.05em}.table-meta-panel span{white-space:nowrap}.action-buttons{--action-button-size: 96px;position:absolute;z-index:12;right:7%;bottom:20.5%;display:flex;gap:16px;align-items:flex-end}.action-buttons__button{--action-color-top: #b8c0c2;--action-color-bottom: #7b898d;--action-color-border: #e8eeef;--action-color-shadow: #465155;display:grid;flex:0 0 auto;width:var(--action-button-size);min-width:var(--action-button-size);height:var(--action-button-size);min-height:var(--action-button-size);padding:0;place-items:center;cursor:pointer;color:#080604;font-size:calc(var(--action-button-size) * .72);font-weight:400;line-height:.9;-webkit-user-select:none;user-select:none;border:2px solid var(--action-color-border);border-radius:50%;background:linear-gradient(180deg,var(--action-color-top),var(--action-color-bottom) 76%);box-shadow:inset 0 3px #ffffff47,0 6px 0 var(--action-color-shadow),0 12px 24px #0000006b;text-shadow:0 .025em 0 rgba(255,246,219,.3),.018em .025em .025em rgba(0,0,0,.38);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.action-buttons__button--chi{--action-color-top: #70dfbd;--action-color-bottom: #2da982;--action-color-border: #d9fff1;--action-color-shadow: #075b48}.action-buttons__button--peng{--action-color-top: #82bcf2;--action-color-bottom: #4386cf;--action-color-border: #d7ecff;--action-color-shadow: #164e84}.action-buttons__button--gang{--action-color-top: #ffc86b;--action-color-bottom: #df7b25;--action-color-border: #ffe2a3;--action-color-shadow: #8f420c}.action-buttons__button--hu{--action-color-top: #ff8f8b;--action-color-bottom: #db5059;--action-color-border: #ffc8c2;--action-color-shadow: #852534}.action-buttons__button--pass{--action-color-top: #b8c0c2;--action-color-bottom: #7b898d;--action-color-border: #e8eeef;--action-color-shadow: #465155}.action-buttons__button--wide{width:auto;min-width:calc(var(--action-button-size) + 44px);padding-inline:22px;border-radius:999px;font-size:calc(var(--action-button-size) * .34);white-space:nowrap}.action-buttons__button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.action-buttons__button:focus-visible{outline:4px solid #fff2b8;outline-offset:3px;filter:brightness(1.08)}.action-buttons__button:active:not(:disabled){transform:translateY(4px);filter:brightness(.96);box-shadow:inset 0 2px #fff3,0 2px 0 var(--action-color-shadow),0 5px 10px #0000005c}.action-buttons__button:disabled{cursor:not-allowed;filter:grayscale(.52) brightness(.72);transform:none;opacity:.62;box-shadow:inset 0 2px #ffffff24,0 3px 0 var(--action-color-shadow),0 7px 14px #0000004d}.chi-options-panel{position:absolute;z-index:18;right:0;bottom:calc(100% + 24px);display:grid;gap:12px;width:max-content;max-width:840px;padding:18px 20px 20px;pointer-events:auto;border:2px solid rgba(128,242,212,.72);border-radius:22px;background:#041912f5;box-shadow:0 18px 42px #00000085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chi-options-panel__title{color:#fff4c9;font-size:22px;font-weight:900;line-height:1.1;text-align:left;text-shadow:0 2px 3px rgba(0,0,0,.7)}.chi-options-panel__choices{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.chi-options-panel__option{display:flex;flex:0 0 auto;gap:8px;align-items:center;justify-content:center;min-height:112px;padding:12px 14px;cursor:pointer;border:2px solid rgba(255,255,255,.24);border-radius:16px;background:linear-gradient(180deg,#136850eb,#07392cf5);box-shadow:inset 0 2px #ffffff24,0 5px 12px #00000052;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .12s ease,filter .12s ease}.chi-options-panel__option:hover:not(:disabled){transform:translateY(-2px);border-color:#fff0a6;filter:brightness(1.08)}.chi-options-panel__option:focus-visible{border-color:#fff0a6;outline:4px solid #fff2b8;outline-offset:3px}.chi-options-panel__option:active:not(:disabled){transform:translateY(2px) scale(.99);filter:brightness(.96)}.chi-options-panel__option:disabled{cursor:not-allowed;filter:grayscale(.48) brightness(.74);opacity:.62}.chi-options-panel .chi-options-panel__tile{width:calc(var(--tile-w) * 1.05);height:calc(var(--tile-h) * 1.05)}.chi-options-panel .chi-options-panel__tile--claimed{outline:4px solid #ffdc5e;outline-offset:2px;box-shadow:0 0 20px #ffdc5ee0}.settlement-modal{position:absolute;z-index:30;top:50%;left:50%;display:grid;gap:14px;min-width:220px;padding:24px;place-items:center;transform:translate(-50%,-50%);color:#fff3c0;border:2px solid rgba(255,210,96,.8);border-radius:18px;background:#071810eb;box-shadow:0 24px 70px #0000008c}.settlement-modal strong{font-size:24px}.settlement-modal button{min-width:48px;min-height:48px;padding:10px 18px;cursor:pointer;color:#321a00;font-weight:900;border:1px solid #ffd16d;border-radius:10px;background:linear-gradient(180deg,#ffe58a,#f19126 72%,#ad4e11);touch-action:manipulation}.mj-tile{--tile-green-edge: clamp(3px, calc(var(--table-w) * .003), 4px);width:var(--tile-w);height:var(--tile-h);flex:0 0 auto;border-radius:clamp(5px,calc(var(--table-w) * .007),9px)}.mj-tile--face{display:grid;place-items:center;padding:4px;border:1px solid #c9bea7;border-top:var(--tile-green-edge) solid #2f8f4e;border-right:1px solid rgba(47,143,78,.58);border-bottom:max(4px,calc(var(--tile-w) * .11)) solid #9b8b70;border-left:1px solid rgba(47,143,78,.58);background-clip:padding-box;background:linear-gradient(120deg,rgba(255,255,255,.82),transparent 35%),linear-gradient(180deg,#fffdf4,#eee6d4 78%,#d1c2a8);box-shadow:inset 0 1px #fff,0 4px #8a7553,0 9px 14px #00000057}.mj-tile--invalid{display:inline-grid;place-items:center;box-sizing:border-box;background:#3a1414;border:2px solid #ff5959;color:#fff;font-size:10px;font-weight:700}.mj-tile--sprite{padding:0;background-color:transparent;background-image:var(--mj-tile-sprite-image);background-repeat:no-repeat;background-size:calc(var(--mj-tile-sprite-columns) * 100%) 100%;background-position:var(--mj-tile-sprite-x) 0}.mj-tile__label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.mj-tile--back{border:1px solid #b96d1a;border-top:var(--tile-green-edge) solid #2f6fd6;border-right:1px solid rgba(47,111,214,.58);border-left:1px solid rgba(47,111,214,.58);background-clip:padding-box;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 22%),linear-gradient(180deg,#ffb33d,#e78018 74%,#a94d10);box-shadow:inset 0 1px #ffffff57,0 3px #71320b,0 8px 12px #00000057}.meld-zone .mj-tile--back{border:1px solid #176a32;border-top:var(--tile-green-edge) solid #4fca6d;border-right:1px solid rgba(35,143,71,.72);border-bottom:max(4px,calc(var(--tile-w) * .11)) solid #155a32;border-left:1px solid rgba(35,143,71,.72);background:linear-gradient(120deg,rgba(255,255,255,.26),transparent 35%),linear-gradient(180deg,#4dce69,#299f4b 60%,#176f34);box-shadow:inset 0 1px #ffffff57,0 4px #155a32,0 9px 14px #00000057}.opponent-hand-zone .mj-tile--back{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateZ(2px);transform-style:preserve-3d}.opponent-hand-zone .mj-tile__back-shadow,.opponent-hand-zone .mj-tile__back-side,.opponent-hand-zone .mj-tile__back-top,.opponent-hand-zone .mj-tile__back-face{position:absolute;display:block;pointer-events:none}.opponent-hand-zone .mj-tile__back-shadow{z-index:0;right:-2px;bottom:-3px;left:-2px;height:12px;border-radius:999px;background:#1c783638;filter:blur(3px);transform:translateZ(0)}.opponent-hand-zone .mj-tile__back-side{z-index:3;left:0;bottom:0;width:var(--wall-depth);height:var(--wall-height);transform:rotateX(-90deg) rotateY(90deg);transform-origin:left bottom;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#fff,#ededed 58%,#cfcfc8);box-shadow:inset -1px 0 #0000001f}.opponent-hand-zone .mj-tile__back-top{z-index:4;right:0;bottom:0;left:0;height:var(--wall-depth);transform:translateZ(var(--wall-height));transform-origin:center bottom;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#fff,#efefe8 68%,#d4d4cc);box-shadow:inset 0 -1px #0000001f,0 2px 4px #0000001f}.opponent-hand-zone .mj-tile__back-face{z-index:2;right:0;bottom:0;left:0;height:var(--wall-height);transform:rotateX(-90deg);transform-origin:center bottom;border:1px solid #1c6f36;border-radius:5px 5px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d);box-shadow:inset 1px 1px #fff3,inset -1px -1px #07481f3d,0 2px 5px #1c783629}.hand-zone--top.opponent-hand-zone .mj-tile--back{transform:translateZ(2px)}.hand-zone--top.opponent-hand-zone .mj-tile__back-side{right:0;left:auto;width:var(--wall-depth);border-radius:0 4px 4px 0;transform:rotateX(-90deg) rotateY(-90deg);transform-origin:right bottom;background:linear-gradient(90deg,#d2d2ca,#efefe8 36%,#fff)}.hand-zone--top.opponent-hand-zone .mj-tile__back-top{right:0;left:0}.hand-zone--top.opponent-hand-zone .mj-tile__back-face{right:0;left:0;border-radius:5px 5px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--left.opponent-hand-zone .mj-tile--back{transform:translateZ(2px)}.hand-zone--left.opponent-hand-zone .mj-tile__back-side{width:var(--wall-depth);height:var(--wall-height);transform:rotateX(-90deg) rotateY(90deg);transform-origin:left bottom;border-radius:6px 0 0 6px;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d);box-shadow:inset -1px 0 #00000024,-1px 0 3px #0000001f}.hand-zone--left.opponent-hand-zone .mj-tile__back-top{height:var(--wall-depth);transform:translateZ(var(--wall-height));border-radius:6px 6px 2px 2px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--left.opponent-hand-zone .mj-tile__back-face{height:var(--wall-height);transform:rotateX(-90deg);transform-origin:center bottom;border:1px solid #1c6f36;border-radius:6px 6px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--right.opponent-hand-zone .mj-tile--back{transform:translateZ(2px)}.hand-zone--right.opponent-hand-zone .mj-tile__back-side{right:0;left:auto;width:var(--wall-depth);height:var(--wall-height);border-radius:0 6px 6px 0;transform:rotateX(-90deg) rotateY(-90deg);transform-origin:right bottom;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d);box-shadow:inset 1px 0 #00000024,1px 0 3px #0000001f}.hand-zone--right.opponent-hand-zone .mj-tile__back-top{right:0;left:0;height:var(--wall-depth);transform:translateZ(var(--wall-height));border-radius:6px 6px 2px 2px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--right.opponent-hand-zone .mj-tile__back-face{right:0;left:0;height:var(--wall-height);transform:rotateX(-90deg);transform-origin:center bottom;border:1px solid #1c6f36;border-radius:6px 6px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--left.opponent-hand-zone,.hand-zone--right.opponent-hand-zone{--side-tile-x: 46px;--side-tile-y: 26px;--side-tile-z: 28px;top:20%;bottom:23%;justify-content:center;gap:0;transform-style:preserve-3d}.hand-zone--left.opponent-hand-zone{left:15.5%;transform:rotate(4deg) translateZ(8px)}.hand-zone--right.opponent-hand-zone{right:15.5%;transform:rotate(-4deg) translateZ(8px)}.hand-zone--left.opponent-hand-zone .mj-tile,.hand-zone--right.opponent-hand-zone .mj-tile{width:var(--side-tile-y);height:var(--side-tile-x);margin:-1px 0 0;overflow:visible;transform:none;transform-style:preserve-3d}.hand-zone--left.opponent-hand-zone .mj-tile__back-shadow,.hand-zone--right.opponent-hand-zone .mj-tile__back-shadow{z-index:0;inset:1px -5px;height:auto;border-radius:5px;background:#00000038;filter:blur(5px);transform:translateZ(1px)}.hand-zone--left.opponent-hand-zone .mj-tile__back-side,.hand-zone--right.opponent-hand-zone .mj-tile__back-side{z-index:3;top:0;bottom:auto;left:0;width:var(--side-tile-y);height:var(--side-tile-z);border:1px solid rgba(174,177,166,.8);background:linear-gradient(90deg,#d6d7d0,#f4f4ef 58%,#fff);box-shadow:inset 0 1px #ffffffeb;transform:rotateX(90deg);transform-origin:left top}.hand-zone--left.opponent-hand-zone .mj-tile__back-top,.hand-zone--right.opponent-hand-zone .mj-tile__back-top{z-index:4;top:0;bottom:auto;left:0;width:var(--side-tile-y);height:var(--side-tile-x);border:1px solid rgba(186,189,178,.7);background:linear-gradient(180deg,#fff,#eceee7);box-shadow:0 2px 4px #0000001f;transform:translateZ(var(--side-tile-z))}.hand-zone--left.opponent-hand-zone .mj-tile__back-face,.hand-zone--right.opponent-hand-zone .mj-tile__back-face{z-index:2;top:0;bottom:auto;width:var(--side-tile-z);height:var(--side-tile-x);border:1px solid #176a32;background:linear-gradient(105deg,rgba(255,255,255,.25),transparent 35%),linear-gradient(180deg,#4dce69,#299f4b 60%,#176f34);box-shadow:inset 0 1px #ffffff40,inset 0 -2px #06481e33}.hand-zone--left.opponent-hand-zone .mj-tile__back-side{left:0;border-radius:5px 5px 0 0}.hand-zone--left.opponent-hand-zone .mj-tile__back-top{right:auto;border-radius:5px}.hand-zone--left.opponent-hand-zone .mj-tile__back-face{right:auto;left:calc(var(--side-tile-y) - var(--side-tile-z));border-radius:5px 5px 3px 3px;transform:rotateY(90deg);transform-origin:right top}.hand-zone--right.opponent-hand-zone .mj-tile__back-side{right:auto;left:0;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#fff,#f4f4ef 42%,#d6d7d0)}.hand-zone--right.opponent-hand-zone .mj-tile__back-top{right:auto;left:0;border-radius:5px}.hand-zone--right.opponent-hand-zone .mj-tile__back-face{right:auto;left:0;border-radius:5px 5px 3px 3px;transform:rotateY(-90deg);transform-origin:left top}.mj-tile--small{width:calc(var(--tile-w) * .58);height:calc(var(--tile-h) * .58)}.mj-tile--mini{width:calc(var(--tile-w) * .44);height:calc(var(--tile-h) * .44)}.related-action-tile{position:relative;z-index:10;transform:translateY(-10px);border:2px solid #ff6b6b;box-shadow:0 0 8px #ff0000b3;transition:transform .16s ease,box-shadow .16s ease}@keyframes discard-slide-in{0%{opacity:0;transform:translateY(-8px) rotate(var(--discard-rotation)) scale(1.08)}to{opacity:1;transform:translateY(0) rotate(var(--discard-rotation)) scale(1)}}@media(max-width:760px){.hand-zone--bottom{gap:1px}.action-buttons{right:5%;bottom:20%;gap:12px}}@media(display-mode:standalone),(hover:none)and (pointer:coarse){.action-buttons__button,.chi-options-panel__option,.settlement-modal button{min-width:48px;min-height:48px}.player-area__tile-button:not(:disabled):active{transform:translateY(-8px)}}@media(orientation:landscape)and (max-height:600px),(orientation:landscape)and (pointer:coarse){.action-buttons{--action-button-size: 140px;right:7%;bottom:21%;gap:18px}.action-buttons__button{font-size:calc(var(--action-button-size) * .72);border-width:3px}.action-buttons__button--wide{min-width:calc(var(--action-button-size) + 64px);padding-inline:32px;font-size:calc(var(--action-button-size) * .34)}.chi-options-panel{bottom:calc(100% + 300px);gap:16px;max-width:1040px;padding:24px;border-width:3px;border-radius:28px}.chi-options-panel__title{font-size:32px}.chi-options-panel__choices{gap:18px}.chi-options-panel__option{gap:12px;min-height:148px;padding:18px;border-width:3px;border-radius:22px}.chi-options-panel .chi-options-panel__tile{width:calc(var(--tile-w) * 1.3);height:calc(var(--tile-h) * 1.3)}}@media(orientation:landscape)and (max-width:700px){.action-buttons{--action-button-size: 100px;right:5%;gap:8px}.action-buttons__button{border-width:2px}.action-buttons__button--wide{min-width:calc(var(--action-button-size) + 40px);padding-inline:20px}}@media(orientation:landscape)and (pointer:coarse){.discard-field{--vertical-discard-edge-position: clamp( -16px, calc(var(--cover-crop-y) * .56 - 15px), 46px )}.meld-layer{z-index:10}.player-info{width:100px;min-height:126px;gap:5px;padding:7px;font-size:16px}.player-info__avatar{width:66px}.player-info__avatar-text{font-size:32px}.player-info__seat{inset:auto -8px -10px auto;width:34px;height:34px;font-size:19px}.player-info--right .player-info__seat{right:auto;left:-8px}.player-info__dealer{right:-6px;top:-6px;bottom:auto;width:28px;height:28px;font-size:14px}.player-info--top{top:calc(var(--cover-crop-y) + 8px)}.player-info--bottom{bottom:calc(var(--cover-crop-y) + 18px)}.hand-zone--top.opponent-hand-zone .mj-tile{width:48px;height:41px;--wall-height: 21px;--wall-depth: 25px}.hand-zone--top{top:calc(var(--cover-crop-y) + 8px)}.hand-zone--top.hand-zone--meld-count-1{transform:translate(-10px) translateZ(8px)}.hand-zone--top.hand-zone--meld-count-2{transform:translate(-50px) translateZ(8px)}.hand-zone--top.hand-zone--meld-count-3{transform:translate(-100px) translateZ(8px)}.hand-zone--top.hand-zone--meld-count-4{transform:translate(-150px) translateZ(8px)}.hand-zone--left.opponent-hand-zone,.hand-zone--right.opponent-hand-zone{--side-tile-x: 47px;--side-tile-y: 27px;--side-tile-z: 28px}.hand-zone--left.opponent-hand-zone{left:18.5%}.hand-zone--right.opponent-hand-zone{right:18.5%}.hand-zone--bottom{--human-tile-w: max(48px, calc(var(--tile-w) * 1.3));--human-hit-w: max(48px, var(--human-tile-w));bottom:calc(var(--cover-crop-y) + max(18px,var(--safe-bottom)));transform:translate(calc(-50% + 30px))}.hand-zone--bottom.hand-zone--meld-count-1{transform:translate(calc(-50% + 6px))}.hand-zone--bottom.hand-zone--meld-count-2{transform:translate(calc(-50% - 34px))}.hand-zone--bottom.hand-zone--meld-count-3{transform:translate(calc(-50% - 150px))}.hand-zone--bottom.hand-zone--meld-count-4{transform:translate(calc(-50% - 270px))}.drawn-tile-gap{flex-basis:19px}.discard-area .mj-tile{width:calc(var(--tile-w) * .94);height:calc(var(--tile-h) * .94)}.discard-area--top,.discard-area--bottom{right:16%;left:16%;grid-template-columns:repeat(8,min-content)}.discard-area--top{top:var(--vertical-discard-edge-position)}.discard-area--bottom{bottom:var(--vertical-discard-edge-position)}.discard-area--left{left:14%}.discard-area--right{right:14%}.meld-zone__group{gap:0;padding:0;font-size:16px;border-radius:0;background:transparent}.meld-zone__group>span:first-child{display:none}.meld-zone .mj-tile--mini{width:calc(var(--tile-w) * .94);height:calc(var(--tile-h) * .94)}.meld-zone{gap:4px}.meld-zone-top,.meld-zone--top{top:calc(var(--cover-crop-y) + 8px);right:2%;left:64%;max-width:none;flex-wrap:nowrap;justify-content:flex-start}.meld-zone-top.meld-zone--meld-count-2,.meld-zone--top.meld-zone--meld-count-2{left:57.5%}.meld-zone-top.meld-zone--meld-count-3,.meld-zone--top.meld-zone--meld-count-3{left:51%}.meld-zone-top.meld-zone--meld-count-4,.meld-zone--top.meld-zone--meld-count-4{left:44.7%}.meld-zone-top .mj-tile,.meld-zone--top .mj-tile{transform:rotate(180deg)}.meld-zone-bottom,.meld-zone--bottom{right:11.5%;bottom:calc(var(--cover-crop-y) + max(8px,var(--safe-bottom)));left:auto;max-width:none;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:flex-start;align-content:flex-end;row-gap:2px}.meld-zone-left,.meld-zone--left,.meld-zone-right,.meld-zone--right{top:20%;bottom:23%;max-width:12%}.meld-zone-left,.meld-zone--left{left:11%;transform:translateZ(6px) rotate(4deg);transform-origin:center}.meld-zone-right,.meld-zone--right{right:11%;transform:translateZ(6px) rotate(-4deg);transform-origin:center}.meld-zone-left .mj-tile,.meld-zone--left .mj-tile{transform:rotate(90deg)}.meld-zone-right .mj-tile,.meld-zone--right .mj-tile{transform:rotate(-90deg)}.meld-zone-left .mj-tile:not(:last-child),.meld-zone--left .mj-tile:not(:last-child),.meld-zone-right .mj-tile:not(:last-child),.meld-zone--right .mj-tile:not(:last-child){margin-bottom:-19px}.hand-zone--left.opponent-hand-zone .mj-tile--face{transform:rotate(90deg)}.hand-zone--right.opponent-hand-zone .mj-tile--face{transform:rotate(-90deg)}.hand-zone--top.opponent-hand-zone .mj-tile--face{margin-right:0;transform:rotate(180deg)}.hand-zone--left.opponent-hand-zone .mj-tile--face,.hand-zone--right.opponent-hand-zone .mj-tile--face{margin-top:0;margin-bottom:calc(var(--side-tile-y) - var(--side-tile-x))}.table-meta-panel{top:calc(var(--cover-crop-y) + max(48px,var(--safe-top)));max-width:420px;gap:7px;padding:16px 20px;font-size:28px;line-height:1.25}}.last-five-liability{display:grid;gap:5px}.last-five-liability h3{margin:4px 0}.opponent-hand-zone.hand-zone--revealed{z-index:9;gap:0}.opponent-hand-zone.hand-zone--revealed .mj-tile{width:calc(var(--tile-w) * .94);height:calc(var(--tile-h) * .94);margin:0}.hand-zone--top.opponent-hand-zone.hand-zone--revealed{right:24%;left:auto;width:max-content}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-1{right:36%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-2{right:42.5%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-3{right:49%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-4{right:55.3%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed .mj-tile--face{margin:0}.hand-zone--left.opponent-hand-zone.hand-zone--revealed,.hand-zone--right.opponent-hand-zone.hand-zone--revealed{top:18%;bottom:auto;width:calc(var(--tile-h) * .94);height:auto;flex-flow:column nowrap;justify-content:flex-start;align-content:center;align-items:center}.hand-zone--left.opponent-hand-zone.hand-zone--revealed{left:15.5%}.hand-zone--right.opponent-hand-zone.hand-zone--revealed{right:15.5%}.mahjong-table--showdown .discard-area--left{left:22%}.mahjong-table--showdown .discard-area--right{right:22%}.hand-zone--left.opponent-hand-zone.hand-zone--revealed .mj-tile--face,.hand-zone--right.opponent-hand-zone.hand-zone--revealed .mj-tile--face{margin:0 0 calc(var(--tile-w) * -.39)}.online-lobby,html:has(.online-lobby),body:has(.online-lobby),body:has(.online-lobby) #root{min-height:0}html:has(.online-lobby),body:has(.online-lobby),body:has(.online-lobby) #root{width:100%;height:100%;overflow:hidden}.online-lobby{--game-back-hit-size: 42px;--online-lobby-header-height: clamp(52px, 10dvh, 96px);--online-lobby-gap: clamp(5px, 1.3dvh, 12px);--online-lobby-padding-block: clamp(6px, 1.4dvh, 12px);--online-lobby-padding-inline: clamp(10px, 1.5vw, 24px);width:100%;min-height:0;height:100dvh;max-height:100dvh;display:grid;grid-template-rows:var(--online-lobby-header-height) minmax(0,1fr) minmax(clamp(32px,5.8dvh,52px),auto);gap:var(--online-lobby-gap);padding:max(var(--online-lobby-padding-block),env(safe-area-inset-top)) max(var(--online-lobby-padding-inline),env(safe-area-inset-right)) max(var(--online-lobby-padding-block),env(safe-area-inset-bottom)) max(var(--online-lobby-padding-inline),env(safe-area-inset-left));overflow-x:hidden;overflow-y:hidden;color:#f7efd2;background:#0b3d2e}.online-session-recovery{width:100vw;min-height:100vh;min-height:100dvh;display:grid;place-items:center;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));color:#fff4cb;background:#083c2b}.online-session-recovery section{width:min(520px,90vw);text-align:center}.online-session-recovery h1{margin:0 0 16px;font-size:clamp(28px,5vw,48px)}.online-session-recovery p{margin:0;line-height:1.6}.online-session-recovery__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.online-session-recovery button{min-width:160px;min-height:52px}.online-lobby button,.online-lobby input{min-height:clamp(44px,6.6dvh,60px);border-radius:6px;font:inherit}.online-lobby button{padding:7px 14px;color:#211602;border:1px solid #e6b64b;background:#f0bd50;font-weight:800;cursor:pointer}.online-lobby button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55}.online-lobby .game-back-button{--game-back-hit-size: 42px;position:relative;top:auto;left:auto;width:var(--game-back-hit-size);min-width:var(--game-back-hit-size);height:var(--game-back-hit-size);min-height:var(--game-back-hit-size);padding:0;color:#fff2bf;border:0;border-radius:0;background:transparent;box-shadow:none}.online-lobby input{width:100%;padding:8px 12px;color:#fff8df;border:1px solid rgba(239,207,123,.42);background:#021811d1;outline:none}.online-lobby input:focus{border-color:#f1c85f;box-shadow:0 0 0 2px #f1c85f33}.online-lobby__section-title,.online-room__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.online-lobby__header{height:100%;min-height:0;display:grid;grid-template-columns:var(--game-back-hit-size) minmax(0,max-content) auto 46px;align-items:center;gap:clamp(8px,1.2vw,16px);border-bottom:1px solid rgba(241,200,95,.28)}.online-initial-game{display:grid;align-content:center;gap:16px;flex:1;min-height:0;padding:14px 0}.online-initial-game__summary{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.online-initial-game__summary>div{display:grid;gap:4px;padding:10px 14px;border:1px solid rgba(235,211,145,.28);border-radius:6px;background:#041d14b8}.online-initial-game__summary span,.online-initial-game__player-title span{color:#c8c1a9;font-size:13px}.online-initial-game__players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.online-initial-game__player{min-width:0;padding:10px;border:1px solid rgba(235,211,145,.22);border-radius:6px;background:#031811ad}.online-initial-game__player--current{border-color:#f0bd50;box-shadow:inset 0 0 0 2px #f0bd5021}.online-initial-game__player-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.online-initial-game__player-title em{padding:2px 5px;color:#211602;border-radius:3px;background:#f0bd50;font-size:12px;font-style:normal;font-weight:800}.online-initial-game__player-title span{margin-left:auto}.online-initial-game__hand{display:flex;gap:1px;min-height:52px;overflow:hidden}.online-initial-game__hand .mj-tile{flex:0 1 34px;width:34px;min-width:18px;height:50px}.online-lobby .online-initial-game__tile-button{flex:0 1 34px;min-width:18px;min-height:50px;padding:0;overflow:visible;border:0;border-radius:0;background:transparent}.online-lobby .online-initial-game__tile-button:disabled{filter:none;opacity:.72}.online-lobby .online-initial-game__tile-button:not(:disabled):hover,.online-lobby .online-initial-game__tile-button:not(:disabled):focus-visible{transform:translateY(-4px)}.online-initial-game__discards{display:flex;align-items:center;gap:2px;min-height:40px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(235,211,145,.12)}.online-initial-game__discards>span{color:#d7cfb37a;font-size:12px}.online-initial-game__discards .mj-tile{width:26px;height:36px}.online-initial-game__notice{color:#d6cdaa;text-align:center}.online-game-shell{position:relative;min-height:100dvh}.online-game-shell__leave-control{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(96px,calc(env(safe-area-inset-right) + 96px));z-index:80;display:flex;align-items:center;gap:10px;max-width:min(520px,55vw)}.online-game-shell__leave-control button{min-width:112px;min-height:44px;padding:8px 14px;color:#fff1cf;border:1px solid rgba(255,202,112,.72);border-radius:6px;background:#23140ae0;font:inherit;font-weight:800}.online-game-shell__leave-control span{overflow:hidden;color:#fff0b5;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.online-lobby__room-conflict{position:fixed;left:50%;bottom:max(72px,calc(env(safe-area-inset-bottom) + 72px));z-index:70;display:grid;width:min(620px,calc(100vw - 32px));gap:10px;padding:18px;color:#fff0ca;border:1px solid rgba(241,200,95,.72);border-radius:8px;background:#021911f5;box-shadow:0 12px 36px #0000006b;transform:translate(-50%)}.online-lobby__room-conflict>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.online-lobby__room-conflict p{color:#fff0cad1}.online-lobby__room-conflict button{flex:1 1 0}.online-lobby h1,.online-lobby h2,.online-lobby p{margin:0}.online-lobby h1{min-width:0;overflow:hidden;font-size:clamp(18px,2.1vw,28px);text-overflow:ellipsis;white-space:nowrap}.online-lobby__connection{min-width:0;display:inline-flex;align-items:center;justify-self:start;gap:6px;color:#b8cfbf;font-size:clamp(12px,1.3vw,14px);font-weight:800;white-space:nowrap}.online-lobby__connection-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #ffffff14}.online-lobby__settings-slot{width:46px;height:46px}.online-lobby__connection--online{color:#78e799}.online-lobby__connection--offline,.online-lobby__connection--unconfigured{color:#ff9292}body:has(.online-lobby) .settings-control{top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}body:has(.online-lobby) .settings-control__trigger{width:46px;height:46px;font-size:27px;box-shadow:0 3px #7e5412,0 7px 18px #0000004d}.online-lobby__connection-help{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:8px 10px;color:#ffe4c3;border:1px solid rgba(255,146,146,.52);border-radius:8px;background:#420b0bb8}.online-lobby__connection-help strong{color:#ffcd75}.online-lobby__connection-help span{grid-column:1 / -1;color:#ffeed4db;font-size:12px}.online-lobby__connection-help button{grid-column:2;grid-row:1;min-height:36px;padding:5px 10px}.online-lobby__workspace{display:grid;grid-template-columns:minmax(280px,36%) minmax(0,64%);gap:clamp(8px,1.2vw,14px);min-height:0;overflow:hidden}.online-lobby__rooms,.online-room{min-height:0;padding:clamp(8px,2dvh,20px);overflow:hidden}.online-lobby__rooms{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);align-content:start;gap:clamp(5px,1.2dvh,12px);border-right:1px solid rgba(241,200,95,.2)}.online-lobby__rooms:has(.online-lobby__connection-help){grid-template-rows:auto auto auto auto auto minmax(0,1fr)}.online-lobby__nickname-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:#dcd3b7;font-size:14px}.online-lobby__create-row,.online-lobby__join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.online-lobby__create-row button{grid-column:1 / -1;width:100%}.online-lobby__room-list{min-height:0;display:grid;align-content:start;gap:8px;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.online-lobby__room-item{display:grid;grid-template-columns:1fr 1.3fr auto auto;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 10px;color:#f4eacb!important;border-color:#eaca7347!important;background:#041e15c2!important;text-align:left}.online-room{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(5px,1dvh,10px);min-width:0}.online-room__header{min-height:38px}.online-room__header>div{min-width:0;display:flex;align-items:baseline;gap:10px}.online-room__header h2,.online-room__header span{white-space:nowrap}.online-room__header button,.online-lobby__section-title>button{min-height:clamp(36px,5.7dvh,52px);padding:5px 11px;white-space:nowrap}.online-room__seats{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-self:center;width:100%;height:clamp(174px,46dvh,300px);max-height:clamp(174px,46dvh,300px);min-height:0;gap:clamp(6px,1.1dvh,10px);margin:0}.online-room__seat{display:grid;grid-template-columns:min-content minmax(0,1fr) auto;grid-template-rows:minmax(0,auto) minmax(0,auto);grid-template-areas:"wind name status" "wind meta control";min-width:0;min-height:0;align-items:center;gap:2px 8px;padding:clamp(6px,1.2dvh,10px) clamp(8px,1.2vw,14px);border:1px solid rgba(235,211,145,.28);border-radius:8px;background:#041d14b8}.online-room__seat>span{grid-area:wind;color:#e5bf58;font-size:clamp(18px,2.1vw,24px);font-weight:900;white-space:nowrap}.online-room__seat strong{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-room__seat small{grid-area:meta;min-width:0;overflow:hidden;color:#efe7c9c2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.online-room__seat em{grid-area:status;color:#c8c1a9;font-size:12px;font-style:normal;white-space:nowrap}.online-room__seat--ready{border-color:#65d88a;box-shadow:inset 0 0 0 2px #65d88a1f}.online-room__seat--ready em{color:#78e799}.online-room__seat--disconnected{border-color:#ff6f54e0;box-shadow:inset 0 0 0 2px #ff5c412e}.online-room__seat--disconnected em{color:#ff9a7d;font-weight:900}.online-lobby .online-room__remove-ai{grid-area:control;min-height:36px;padding:5px 12px;color:#ffe6c1;border-color:#ff967080;background:#712418c7;font-size:13px}.online-lobby .online-room__take-seat{grid-area:control;min-height:36px;padding:6px 14px;color:#1c2d12;border-color:#ffe58bc7;background:linear-gradient(180deg,#ffe691,#d9a337);font-size:14px;font-weight:900}.online-room__action-buttons{display:flex;flex:0 0 auto;gap:8px;align-items:center}.online-room__action-buttons button{min-height:42px;padding:6px 13px;white-space:nowrap}.online-room__invite-slot{display:none}.online-room__action-status{min-width:0;flex:1 1 auto;overflow:hidden;color:#f7efd2c7;font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.online-room__empty{grid-row:1 / -1;display:grid;height:100%;place-content:center;gap:10px;color:#c9c1a7;text-align:center}.online-room__actions{position:static;z-index:2;min-width:0;min-height:44px;padding-top:5px;border-top:1px solid rgba(241,200,95,.2);background:transparent}.online-lobby__status{min-width:0;display:flex;align-items:center;gap:10px;max-width:none;min-height:clamp(32px,5.8dvh,52px);padding:4px 14px;color:#f7e4a8;border-radius:5px;background:#01120cd1}.online-lobby__status span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-lobby__status button{min-height:36px;padding:6px 12px;white-space:nowrap}@media(max-width:900px){.online-game-shell__leave-control{right:max(84px,calc(env(safe-area-inset-right) + 84px))}.online-game-shell__leave-control span{display:none}.online-lobby__room-conflict{bottom:max(58px,calc(env(safe-area-inset-bottom) + 58px));padding:12px}.online-lobby{--online-lobby-padding-inline: 10px}.online-lobby__header{gap:8px}.online-lobby__workspace{grid-template-columns:minmax(240px,36%) minmax(0,64%)}.online-lobby__rooms,.online-room{padding:8px}.online-room__seat{padding:6px 8px}.online-room__seats{gap:6px}.online-room__actions{min-height:42px;padding-top:4px}.online-initial-game{gap:8px;padding:6px 0}.online-initial-game__summary>div,.online-initial-game__player{padding:6px 8px}.online-initial-game__hand{min-height:42px}.online-initial-game__hand .mj-tile{flex-basis:28px;width:28px;height:40px}.online-lobby .online-initial-game__tile-button{flex-basis:28px;min-height:40px}}@media(orientation:landscape)and (max-height:500px){.online-lobby{--online-lobby-header-height: 52px;--online-lobby-gap: 5px;--online-lobby-padding-block: 6px;--online-lobby-padding-inline: 8px;grid-template-rows:var(--online-lobby-header-height) minmax(0,1fr) 32px}.online-lobby button,.online-lobby input{min-height:42px}.online-lobby__header{grid-template-columns:var(--game-back-hit-size) minmax(0,max-content) auto 46px;gap:7px}.online-lobby h1{font-size:18px}.online-lobby__connection{gap:5px;font-size:12px}body:has(.online-lobby) .settings-control{top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.online-lobby__rooms,.online-room{padding:6px 8px;gap:5px}.online-lobby__section-title h2,.online-room__empty h2{font-size:18px}.online-lobby__section-title>button,.online-room__header button{min-height:36px;padding:4px 10px}.online-lobby__nickname-field{font-size:13px}.online-lobby__room-list{gap:5px}.online-lobby__room-item{min-height:36px;padding:4px 8px;font-size:12px}.online-lobby__connection-help{padding:5px 8px}.online-lobby__connection-help span{display:none}.online-room__header{min-height:36px}.online-room__seats{grid-template-rows:repeat(2,minmax(42px,1fr));height:100%;max-height:none;gap:6px}.online-room__seat{grid-template-columns:min-content minmax(0,1fr) minmax(0,max-content) auto auto;grid-template-rows:minmax(0,1fr);grid-template-areas:"wind name meta status control";gap:4px;padding:3px 6px}.online-room__seat>span{font-size:18px}.online-room__seat strong{font-size:14px}.online-room__seat small,.online-room__seat em,.online-room__action-status{font-size:10px}.online-lobby .online-room__remove-ai,.online-lobby .online-room__take-seat{min-height:32px;padding:2px 6px;font-size:11px}.online-room__action-buttons button{min-height:40px;padding:5px 11px}.online-room__actions{min-height:40px;padding-top:3px}.online-lobby__status{min-height:32px;padding:2px 8px;font-size:12px}.online-lobby__status button{min-height:30px;padding:3px 8px}}@media(orientation:landscape)and (max-height:500px)and (max-width:680px){.online-lobby{--online-lobby-gap: 4px;--online-lobby-padding-block: 4px;--online-lobby-padding-inline: 6px}.online-lobby button,.online-lobby input{min-height:38px}.online-lobby__rooms,.online-room{gap:3px;padding:4px 6px}.online-lobby__section-title>button,.online-room__header button{min-height:34px;padding-block:2px}.online-lobby__connection-help{gap:2px 5px;padding:2px 5px;font-size:11px}.online-lobby__connection-help button{min-height:32px;padding:2px 6px}.online-room__seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.online-room__seat{grid-template-columns:min-content minmax(0,1fr) auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"wind name control" "wind meta status";gap:1px 4px;padding:3px 5px}.online-room__seat small,.online-room__seat em{font-size:9px}.online-lobby .online-room__remove-ai,.online-lobby .online-room__take-seat{min-height:30px;padding:2px 5px;font-size:10px}.online-room__action-buttons button{min-height:36px}}@media(min-width:1200px)and (min-height:650px){.online-lobby .game-back-button{--game-back-hit-size: 56px}.online-lobby .game-back-button__icon{width:38px;height:32px}.online-lobby__header{grid-template-columns:var(--game-back-hit-size) minmax(0,max-content) auto 58px}.online-lobby__settings-slot,body:has(.online-lobby) .settings-control__trigger{width:58px;height:58px}body:has(.online-lobby) .settings-control{top:max(clamp(16px,3dvh,27px),env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right))}body:has(.online-lobby) .settings-control__trigger{font-size:32px}}.start-screen{width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;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));overflow:hidden;color:#fff4cb;background:radial-gradient(circle at 50% 46%,rgba(37,151,98,.5),transparent 0 32%),linear-gradient(145deg,#041d16,#0a5038 52%,#041b14)}.start-screen__content{width:min(620px,92vw);display:grid;justify-items:center;gap:28px;text-align:center}.start-screen__title-block h1{margin:0;color:#fff5cf;font-size:clamp(46px,7vw,88px);line-height:1.08;letter-spacing:0;text-shadow:0 5px 18px rgba(0,0,0,.42)}.start-screen__button{width:clamp(200px,24vw,260px);min-height:64px;padding:12px 28px;color:#291a02;border:1px solid rgba(255,238,169,.95);border-radius:8px;background:linear-gradient(180deg,#ffe98e,#e3a52e);box-shadow:0 5px #80530f,0 14px 30px #0000005c;font-size:clamp(22px,2.3vw,30px);font-weight:900;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.start-screen__button:hover,.start-screen__button:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}.start-screen__button:active{transform:translateY(4px);box-shadow:0 1px #80530f,0 7px 16px #00000052}.start-screen__button:disabled{opacity:.78;cursor:wait}.start-screen__content p{margin:0;color:#fff4cbc2;font-size:clamp(15px,1.6vw,20px);font-weight:700}.start-screen__install{display:grid;justify-items:center;gap:10px;max-width:520px;color:#fff4cbd1;font-size:15px;line-height:1.5}.start-screen__install button{min-width:160px;min-height:48px;border:1px solid rgba(255,244,203,.72);border-radius:8px;color:#fff4cb;background:#0d6547;font-size:18px;font-weight:800;cursor:pointer}@media(orientation:portrait){.start-screen__content{gap:24px}.start-screen__button{width:min(260px,72vw)}}@media(prefers-reduced-motion:reduce){.start-screen__button{transition:none}}.recoverable-error{box-sizing:border-box;display:grid;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));place-items:center;background:#073f31;color:#f7f3dc}.recoverable-error__content{width:min(520px,100%);text-align:center}.recoverable-error__content h1{margin:0 0 12px;font-size:clamp(24px,5vh,38px);letter-spacing:0}.recoverable-error__content p{margin:0 0 24px;font-size:17px;line-height:1.5}.recoverable-error__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.recoverable-error__actions button{min-width:140px;min-height:52px;border:1px solid rgb(255 255 255 / 28%);border-radius:6px;background:#f1cf68;color:#17382e;font:inherit;font-weight:700;cursor:pointer}:root{color:#10251b;background:#081914;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 48%,rgba(107,171,156,.22),transparent 0 38%),linear-gradient(120deg,#1e2f3d,#0e352d 48%,#071915)}button{font:inherit}#root{min-height:100vh}.settings-control{position:fixed;z-index:3000;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}.settings-control__trigger{width:52px;height:52px;display:grid;place-items:center;padding:0;color:#2b1b02;border:1px solid rgba(255,232,142,.95);border-radius:50%;background:linear-gradient(180deg,#ffe894,#e4a62f);box-shadow:0 4px #7e5412,0 10px 24px #00000052;font-size:31px;line-height:1;cursor:pointer;touch-action:manipulation}.settings-control__trigger:hover,.settings-control__trigger:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.settings-control__menu{position:absolute;top:calc(100% + 12px);right:0;width:188px;display:grid;gap:8px;padding:10px;border:1px solid rgba(255,226,134,.62);border-radius:8px;background:#061d15f5;box-shadow:0 14px 34px #00000075}.settings-control__menu button{min-height:48px;padding:9px 14px;color:#fff2bf;border:1px solid rgba(255,226,134,.42);border-radius:6px;background:#224c37eb;font-size:17px;font-weight:900;cursor:pointer;touch-action:manipulation}.settings-control__menu button:hover,.settings-control__menu button:focus-visible{background:#30694bfa}.settings-control__menu button:disabled{opacity:.52;cursor:default}.settings-control__message{padding:7px 8px;color:#ffe681;font-size:13px;font-weight:800;text-align:center}.game-back-button{--game-back-hit-size: 40px;position:fixed;z-index:2990;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));width:var(--game-back-hit-size);min-width:var(--game-back-hit-size);height:var(--game-back-hit-size);min-height:var(--game-back-hit-size);display:grid;padding:0;place-items:center;color:#fff2bf;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .1s ease,transform 80ms ease}.game-back-button--table{--game-back-hit-size: var(--table-back-hit-size);position:absolute;z-index:30;top:var(--table-back-top);left:var(--table-back-left)}.game-back-button__icon{display:block;width:28px;height:24px;overflow:visible;filter:drop-shadow(0 1px 1px rgba(0,0,0,.74));transition:filter .1s ease}.game-back-button--table .game-back-button__icon{width:var(--table-back-icon-width);height:var(--table-back-icon-height)}.game-back-button:hover:not(:disabled){color:#fff8d8;background:transparent;transform:scale(1.06)}.game-back-button--table:hover:not(:disabled){transform:scale(1.03)}.game-back-button:focus-visible{color:#fff8d8;background:transparent}.game-back-button:focus-visible .game-back-button__icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.74)) drop-shadow(0 0 3px rgba(255,244,205,.92))}.game-back-button:active:not(:disabled){transform:translateY(1px) scale(1.02)}.game-back-button:disabled{cursor:default;opacity:.72}@media(max-width:760px){.settings-control__trigger{width:48px;height:48px;font-size:28px}.settings-control__menu{width:174px}}.main-menu{min-height:100vh;min-height:100dvh;display:grid;place-items:center;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));overflow:hidden;color:#fff4cb;background:radial-gradient(circle at 50% 42%,rgba(35,142,94,.56),transparent 0 34%),linear-gradient(145deg,#062a20,#0a533a 52%,#061d17)}.main-menu__content{width:min(520px,88vw);display:grid;gap:32px;text-align:center}.main-menu__heading h1{margin:0;color:#fff4cb;font-size:clamp(42px,6vw,72px);line-height:1.05;text-shadow:0 4px 18px rgba(0,0,0,.38)}.main-menu__heading p{margin:14px 0 0;color:#eeefd5c2;font-size:clamp(15px,1.8vw,20px)}.main-menu__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.main-menu__actions button{min-height:68px;padding:12px 18px;color:#2d2107;background:linear-gradient(180deg,#ffe796,#dda934);border:1px solid #8f6715;border-radius:8px;box-shadow:0 5px #76510d,0 14px 28px #0000004d;font-size:clamp(18px,2vw,24px);font-weight:900;cursor:pointer;touch-action:manipulation}.main-menu__actions button:hover,.main-menu__actions button:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}@media(max-width:620px){.main-menu__content{gap:22px}.main-menu__actions button{min-height:56px}}.game-view{min-height:100vh;padding:8px;display:grid;grid-template-rows:auto 1fr;gap:8px;place-items:center;overflow:auto}.game-view__header{width:min(1160px,calc(100vw - 16px));min-height:34px;padding:6px 12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;color:#eaf5dc;background:#041611b8;border:1px solid rgba(233,246,214,.22);border-radius:999px;box-shadow:0 10px 28px #00000040}.game-view__header span{padding:3px 9px;border-radius:999px;background:#ffffff1a;font-size:12px;font-weight:700}.table-view{--table-w: min( calc(100vw - 16px) , calc((100vh - 58px) * 16 / 9), 1180px);--tile-w: clamp(22px, calc(var(--table-w) * .038), 50px);--tile-h: calc(var(--tile-w) * 1.34);width:var(--table-w);aspect-ratio:16 / 9;position:relative;overflow:visible;isolation:isolate;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 22% 78%,rgba(0,0,0,.12)),radial-gradient(circle at 50% 46%,#1fa27fc7,#086752f0 56%,#064b3f);border:clamp(8px,calc(var(--table-w) * .014),16px) solid #243e3f;border-radius:clamp(18px,calc(var(--table-w) * .032),34px);box-shadow:inset 0 0 0 2px #ffffff21,inset 0 0 72px #00000059,0 18px 48px #00000061}.table-view:before,.table-view:after{content:"";position:absolute;top:10%;bottom:18%;width:10px;border-radius:999px;background:linear-gradient(#ffd65c,#b67b18);box-shadow:0 0 16px #ffd65c4d;opacity:.82}.table-view:before{left:5.8%}.table-view:after{right:5.8%}.table-view__center{position:absolute;z-index:3;inset:24% 31% 36%;min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:5px;place-items:center;padding:clamp(6px,calc(var(--table-w) * .012),14px);color:#e0f6dce0;background:radial-gradient(circle,#148170d1,#053d349e 66%);border:1px solid rgba(218,241,200,.16);border-radius:18px;box-shadow:inset 0 0 32px #00000040}.table-view__brand{font-size:clamp(12px,calc(var(--table-w) * .014),18px);font-weight:800;letter-spacing:0}.table-view__center small{font-size:clamp(10px,calc(var(--table-w) * .01),13px)}.table-view__discard-center{width:100%;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.table-view__discard-zone{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:3px;padding:5px;background:#08462d6b;border:1px dashed rgba(229,246,215,.2);border-radius:8px}.table-view__discard-zone>span{color:#e8f6dad1;font-size:clamp(9px,calc(var(--table-w) * .009),12px);font-weight:700}.table-view__actions{position:absolute;left:50%;bottom:21.5%;transform:translate(-50%);z-index:9;width:min(620px,62%)}.table-view__seat{position:absolute;z-index:5;min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:5px;color:#173224;background:#ecf6e2e6;border:1px solid rgba(218,241,200,.82);border-radius:12px;box-shadow:0 12px 26px #0000003d;overflow:visible}.table-view__seat--current{outline:3px solid #ffd766;box-shadow:0 0 0 5px #ffd7662e,0 16px 34px #00000057}.table-view__seat--top{top:3.5%;left:41%;width:24%;min-height:15%;padding:7px}.table-view__seat--left{top:26%;left:2.5%;width:19%;min-height:30%;padding:8px}.table-view__seat--right{top:26%;right:2.5%;width:19%;min-height:30%;padding:8px}.table-view__seat--bottom{left:3%;right:3%;bottom:3.2%;min-height:17.8%;max-height:19.5%;padding:7px 10px 8px;padding-top:clamp(34px,calc(var(--table-w) * .038),48px);z-index:8;background:#fafdf3f5}.table-view__seat-header{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:clamp(10px,calc(var(--table-w) * .011),13px);font-weight:800}.table-view__seat-header span{padding:3px 7px;border-radius:999px}.table-view__wind{color:#f6ffe9;background:#16623f}.table-view__name{color:#153121;background:#ffffff9e}.table-view__score{color:#fff5ca;background:#775821}.table-view__dealer{color:#3a2100;background:#ffcf4f;border:1px solid #b57d00}.table-view__current{color:#082317;background:#9df17b}.discard-view,.meld-view,.player-hand{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}.discard-view{min-height:32px;align-content:flex-start;overflow:hidden}.meld-view{min-height:24px}.meld-view__group{display:flex;gap:3px;padding:3px;background:#245e3d21;border-radius:7px}.player-hand{min-height:calc(var(--tile-h) + 10px);justify-content:center;overflow:visible}.table-view__seat--bottom .player-hand{position:relative;gap:clamp(2px,calc(var(--table-w) * .006),8px);min-height:calc(var(--tile-h) + 16px);padding:5px clamp(4px,calc(var(--table-w) * .007),8px) 7px;flex-wrap:nowrap;justify-content:center;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;z-index:12}.table-view__seat--bottom .player-hand::-webkit-scrollbar{height:7px}.table-view__seat--bottom .player-hand::-webkit-scrollbar-thumb{background:#28603e73;border-radius:999px}.tile-view{width:var(--tile-w);height:var(--tile-h);display:inline-flex;align-items:center;justify-content:center;padding:clamp(3px,calc(var(--tile-w) * .12),6px);color:#1e251d;font-family:KaiTi,STKaiti,SimSun,Microsoft YaHei,serif;font-size:clamp(12px,calc(var(--table-w) * .014),18px);font-weight:900;line-height:1;text-align:center;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.95),transparent 30%),linear-gradient(180deg,#fffef8,#f7f0dc 70%,#e2d4b9);border:1px solid #c2b18e;border-bottom:max(3px,calc(var(--tile-w) * .1)) solid #a28c62;border-radius:clamp(6px,calc(var(--table-w) * .008),10px);box-shadow:inset 0 1px #ffffffe6,0 4px #8b764e,0 8px 12px #00000038;flex:0 0 auto}.tile-view--sprite:not(.tile-view--hidden){padding:0;background-color:transparent;background-image:var(--tile-sprite-image);background-repeat:no-repeat;background-size:calc(var(--tile-sprite-columns) * 100%) 100%;background-position:var(--tile-sprite-x) 0;border-color:#c2b18ec7}.tile-view__sprite-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.tile-view__wan-face{display:grid;place-items:center;gap:1px;color:#151515;text-shadow:0 1px 0 rgba(255,255,255,.72)}.tile-view__wan-number{font-size:1.15em}.tile-view__wan-suit{color:#8f1016;font-size:.92em;transform:translateY(-1px)}.tile-view__pips,.tile-view__bamboos{width:82%;height:84%;display:grid;align-items:center;justify-items:center;gap:clamp(1px,calc(var(--tile-w) * .05),3px)}.tile-view--value-1 .tile-view__pips,.tile-view--value-2 .tile-view__pips,.tile-view--value-3 .tile-view__pips,.tile-view--value-1 .tile-view__bamboos,.tile-view--value-2 .tile-view__bamboos,.tile-view--value-3 .tile-view__bamboos{grid-template-columns:1fr}.tile-view--value-4 .tile-view__pips,.tile-view--value-5 .tile-view__pips,.tile-view--value-6 .tile-view__pips,.tile-view--value-4 .tile-view__bamboos,.tile-view--value-5 .tile-view__bamboos,.tile-view--value-6 .tile-view__bamboos{grid-template-columns:repeat(2,1fr)}.tile-view--value-7 .tile-view__pips,.tile-view--value-8 .tile-view__pips,.tile-view--value-9 .tile-view__pips,.tile-view--value-7 .tile-view__bamboos,.tile-view--value-8 .tile-view__bamboos,.tile-view--value-9 .tile-view__bamboos{grid-template-columns:repeat(3,1fr)}.tile-view__pip{position:relative;width:clamp(7px,calc(var(--tile-w) * .24),13px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f9f5e8 0 23%,#b31e28 24% 34%,#f9f5e8 35% 45%,transparent 46%),repeating-radial-gradient(circle,#11251e 0 9%,#11251e 10% 15%,#f9f5e8 16% 23%,#0f6b46 24% 31%);box-shadow:inset 0 0 0 1px #0e21198c,0 1px 1px #0000002e}.tile-view__bamboo{position:relative;width:clamp(6px,calc(var(--tile-w) * .16),10px);height:clamp(13px,calc(var(--tile-h) * .24),20px);border-radius:999px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.7),transparent 0 16%),linear-gradient(90deg,#0e4a31 0 24%,#249064 25% 48%,#dceee1 49% 54%,#146b48 55% 78%,#0b3928 79%);box-shadow:inset 0 0 0 1px #062c1d99,0 1px 1px #0000002e}.tile-view__bamboo:nth-child(3n),.tile-view__bamboo:nth-child(5n){background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.7),transparent 0 16%),linear-gradient(90deg,#681017 0 24%,#c3353e 25% 48%,#fae3e2 49% 54%,#9d1e28 55% 78%,#4a0d12 79%)}.tile-view__honor{font-size:clamp(20px,calc(var(--tile-w) * .72),35px);letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.78),0 2px 2px rgba(0,0,0,.12)}.tile-view__honor--wind{color:#111}.tile-view--jian.tile-view--value-1 .tile-view__honor,.tile-view--jian.tile-view--value-3 .tile-view__honor{color:#9b1218}.tile-view--jian.tile-view--value-2 .tile-view__honor{color:#096334}.discard-view .tile-view,.meld-view .tile-view{width:calc(var(--tile-w) * .62);height:calc(var(--tile-h) * .62);border-radius:6px}.tile-view--hidden{color:transparent;background:linear-gradient(180deg,#2a875b,#17623f 72%,#0d3e2a);border-color:#0c3b28;border-bottom-color:#082b1e;box-shadow:inset 0 1px #ffffff29,0 4px #082b1e,0 8px 12px #0000003d}.player-hand__discard-button{flex:0 0 auto;min-height:48px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:10px;position:relative;z-index:13;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-hand .drawn-tile-gap{flex:0 0 16px}.player-hand .drawn-tile-slot{display:flex;flex:0 0 auto;align-items:center;overflow:visible}.player-hand__discard-button:hover .tile-view,.player-hand__discard-button:focus-visible .tile-view{transform:translateY(-10px);border-color:#d79d2d;box-shadow:inset 0 1px #ffffffe6,0 4px #b7791f,0 14px 18px #00000052}.operation-controls{padding:7px 9px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;color:#fff5c9;background:#061b13db;border:1px solid rgba(255,232,158,.28);border-radius:12px;box-shadow:0 10px 26px #00000047}.operation-controls__title{font-size:clamp(10px,calc(var(--table-w) * .01),13px);font-weight:800}.operation-controls__buttons{display:flex;flex-wrap:wrap;gap:7px}.operation-controls button,.settlement-view button{min-width:58px;min-height:48px;padding:7px 12px;color:#2b1f06;font-weight:800;background:linear-gradient(180deg,#ffe997,#e0b141);border:1px solid #9b721f;border-radius:9px;cursor:pointer;box-shadow:0 3px #7f5c18;touch-action:manipulation}.operation-controls button:hover,.operation-controls button:focus-visible,.settlement-view button:hover,.settlement-view button:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.settlement-view{position:fixed;z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));padding:22px;color:#173122;background:#fff8df;border:2px solid #d0ad4d;border-radius:16px;box-shadow:0 0 0 999px #020c087a,0 24px 60px #0000005c}.settlement-view h2{margin:0 0 12px;font-size:24px}.settlement-view button{margin-top:14px}.settlement-view--draw{width:min(760px,calc(100vw - 48px));min-height:300px;padding:clamp(34px,5vw,52px);display:grid;place-items:center;align-content:center;gap:18px;text-align:center}.settlement-view--draw h2{margin:0;font-size:clamp(42px,6vw,68px);line-height:1}.settlement-view--draw>div{font-size:clamp(18px,2.3vw,26px);font-weight:700}.settlement-view--draw button{width:max(160px,34%);min-height:64px;margin-top:6px;padding:12px 24px;font-size:clamp(20px,2.5vw,28px)}@media(max-height:520px)and (orientation:landscape){.settlement-view--draw{width:min(680px,calc(100vw - 56px));min-height:240px;padding:24px 36px;gap:12px}.settlement-view--draw h2{font-size:clamp(38px,9vh,56px)}}html{-webkit-text-size-adjust:100%}html,body,#root{overscroll-behavior:none}.orientation-gate{position:fixed;z-index:1000;inset:0;display:grid;min-width:100vw;min-height:100vh;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));place-items:center;overflow:hidden;color:#fff0bd;text-align:center;background:radial-gradient(circle at 50% 42%,#136b47,#073826 72%);touch-action:none}.orientation-gate strong{max-width:14em;font-size:clamp(28px,7vw,56px);line-height:1.35}.ios-install-hint{position:fixed;z-index:1001;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;gap:12px;align-items:center;padding:10px 14px;color:#fff1bd;border:1px solid rgba(255,225,132,.62);border-radius:8px;background:#04140df0;box-shadow:0 8px 24px #0000005c;transform:translate(-50%)}.ios-install-hint button{min-width:88px;min-height:48px;padding:8px 12px;color:#351c00;font-weight:800;border:1px solid #ffd56e;border-radius:7px;background:#ffc44f;touch-action:manipulation}.android-fullscreen-prompt{position:fixed;z-index:1002;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;gap:12px;align-items:center;max-width:min(90vw,620px);padding:10px 14px;color:#fff1bd;border:1px solid rgba(255,225,132,.62);border-radius:8px;background:#04140df0;box-shadow:0 8px 24px #0000005c;transform:translate(-50%)}.android-fullscreen-prompt button{min-width:132px;min-height:52px;padding:8px 16px;color:#351c00;font-weight:900;border:1px solid #ffd56e;border-radius:7px;background:#ffc44f;touch-action:manipulation}.android-fullscreen-prompt strong{font-size:16px;line-height:1.35}@font-face{font-family:Dakan Brush;src:url(../fonts/dakan-brush-subset.ttf) format("truetype");font-style:normal;font-weight:400;font-display:optional}@font-face{font-family:"Dakan Serif";src:url(../fonts/dakan-serif-regular-subset.ttf) format("truetype");font-style:normal;font-weight:400;font-display:optional}@font-face{font-family:"Dakan Serif";src:url(../fonts/dakan-serif-bold-subset.ttf) format("truetype");font-style:normal;font-weight:700 900;font-display:optional}:root{--font-display: "Dakan Brush", "STXingkai", "FZKai-Z03", "KaiTi", serif;--font-action: "Dakan Brush", "STXingkai", "KaiTi", serif;--font-ui: "Dakan Serif", "Songti SC", "Noto Serif CJK SC", "SimSun", serif;--font-numeric: "Dakan Serif", "Songti SC", Georgia, serif;--font-tile: "Dakan Serif", "KaiTi", "STKaiti", "SimSun", serif;--ink-950: #171d18;--ink-850: #263129;--ink-700: #415048;--paper-50: #fbf6e9;--paper-100: #f4ecd8;--paper-200: #e6d8b9;--jade-900: #073c2e;--jade-800: #0b503b;--jade-700: #126349;--gold-600: #ad8136;--gold-400: #d3b367;--cinnabar-700: #9d3028;--cinnabar-500: #bd493d;color:var(--ink-950);background:#111a16;font-family:var(--font-ui)}body,button,input,textarea,select{font-family:var(--font-ui)}body{color:var(--ink-950);background:radial-gradient(circle at 50% 38%,rgba(74,111,91,.25),transparent 36%),#101b16}button,input,.player-info__name,.online-room__seat strong{text-rendering:optimizeLegibility}.main-menu,.start-screen,.online-lobby,.online-session-recovery,.recoverable-error{position:relative;isolation:isolate;color:var(--ink-950);background:linear-gradient(115deg,rgba(255,255,255,.34),transparent 34% 66%,rgba(79,91,73,.08)),url(../visual/ink-landscape.svg) center bottom / cover no-repeat,radial-gradient(circle at 48% 32%,#fffaf0 0 16%,transparent 52%),linear-gradient(135deg,var(--paper-50),var(--paper-100) 58%,#ded0b3)}.main-menu:before,.start-screen:before,.online-lobby:before,.online-session-recovery:before,.recoverable-error:before{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:url(../visual/ink-bamboo.svg) right center / auto 118% no-repeat;opacity:.42}.main-menu__content,.start-screen__content,.online-lobby__header,.online-lobby__workspace,.online-lobby__status,.online-session-recovery section,.recoverable-error__content{position:relative;z-index:1}.main-menu__content,.start-screen__content,.online-session-recovery section,.recoverable-error__content{padding:clamp(22px,4vw,42px);border:1px solid rgba(77,87,70,.3);border-radius:5px 22px 8px 18px;background:linear-gradient(145deg,#ffffffb8,#f4ecd8bd),repeating-linear-gradient(6deg,transparent 0 10px,rgba(54,68,58,.025) 11px);box-shadow:0 18px 48px #222b2426,inset 0 0 0 1px #ffffff9e}.main-menu__heading h1,.start-screen__title-block h1,.online-lobby h1,.online-session-recovery h1,.recoverable-error__content h1,.settlement-view h2,.settlement-modal strong,.winning-hand-overlay__title h2,.table-view__brand{font-family:var(--font-display);font-weight:400;text-rendering:geometricPrecision}.main-menu__heading h1,.start-screen__title-block h1{position:relative;display:inline-block;padding:0 .22em .12em .08em;color:var(--ink-950);letter-spacing:.08em;text-shadow:0 3px 0 rgba(255,255,255,.58)}.main-menu__heading h1:before,.start-screen__title-block h1:before{position:absolute;right:7%;bottom:0;left:4%;height:5px;content:"";border-radius:70% 30% 55% 45%;background:linear-gradient(90deg,transparent,var(--ink-850) 10% 88%,transparent);opacity:.38;transform:rotate(-1.2deg)}.main-menu__heading p,.start-screen__content p,.start-screen__install{color:#263129c2}.main-menu__actions button,.start-screen__button,.start-screen__install button,.recoverable-error__actions button,.online-session-recovery button{color:var(--paper-50);border-color:var(--gold-400);border-radius:16px 6px 14px 7px;background:linear-gradient(180deg,#176b50,var(--jade-900));box-shadow:inset 0 1px #ffffff2e,0 4px #042d23,0 11px 24px #15261e38;font-weight:700}.settings-control__trigger{color:var(--paper-50);border-color:var(--gold-400);background:linear-gradient(150deg,#176b50,var(--jade-900));box-shadow:inset 0 0 0 2px #fceec824,0 4px #042d23,0 10px 22px #13221c3d}.settings-control__menu{color:var(--ink-950);border-color:#8f67288c;border-radius:5px 15px 7px 12px;background:linear-gradient(#fbf6e9f5,#efe4cbf7),url(../visual/ink-landscape.svg) center bottom / cover no-repeat;box-shadow:0 18px 38px #19221c47,inset 0 0 0 1px #ffffff94}.settings-control__menu button{color:var(--jade-900);border-color:#0b503b4d;border-radius:8px 3px 9px 4px;background:#21694c17;font-weight:700}.settings-control__menu button:hover,.settings-control__menu button:focus-visible{color:var(--paper-50);background:var(--jade-800)}.settings-control__message{color:var(--cinnabar-700)}.game-view__header,.operation-controls{color:var(--paper-50);border-color:#d3b36757;background:#063427e0}.table-view,.mahjong-table{font-family:var(--font-ui)}.table-view{background:url(../visual/ink-landscape.svg) center bottom / cover no-repeat,linear-gradient(110deg,rgba(255,255,255,.06),transparent 22% 78%,rgba(0,0,0,.14)),radial-gradient(circle at 50% 46%,#18785a,#0b5944 58%,#063f32)}.table-view__brand{color:#f6e7b3;letter-spacing:.08em}.tile-view{font-family:var(--font-tile)}.operation-controls button,.action-buttons__button{font-family:var(--font-action);font-weight:400;text-align:center;text-rendering:geometricPrecision}.mahjong-screen,.mahjong-table{background-color:#03130e}.mahjong-table:before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:url(../visual/ink-bamboo.svg) right center / auto 94% no-repeat,url(../visual/ink-landscape.svg) center bottom / cover no-repeat;opacity:.055}.player-info,.table-meta-panel,.center-panel{font-family:var(--font-ui);border-color:#dbbc6c61;background-color:#051f16d1}.center-panel{background:radial-gradient(circle at 50% 42%,#475f52f5,#11201afa 72%),#14231e;box-shadow:inset 0 0 0 2px #d6b25738,0 14px 34px #00000073}.center-panel__countdown-value,.center-panel__remaining strong,.player-info__score,.table-meta-panel,.online-lobby__room-item strong,.online-room__header span,.online-initial-game__summary strong{font-family:var(--font-numeric);font-variant-numeric:tabular-nums lining-nums}.action-buttons__button{color:#080604;font-style:oblique 8deg;line-height:.9;letter-spacing:0;-webkit-text-stroke:.018em rgba(3,2,1,.82)}.chi-options-panel{color:var(--ink-950);border-color:#0e6f51b8;background:linear-gradient(145deg,#fcf7e9fa,#e7dcc1fa),url(../visual/ink-landscape.svg) center bottom / cover no-repeat;box-shadow:0 18px 42px #00000073,inset 0 0 0 1px #ffffffa3;-webkit-backdrop-filter:none;backdrop-filter:none}.chi-options-panel__title{color:var(--jade-900);font-family:var(--font-ui);text-shadow:none}.chi-options-panel__option{border-color:#dcc27c94;background:linear-gradient(180deg,#176b50,var(--jade-900));box-shadow:inset 0 2px #ffffff24,0 5px 12px #0f261c47}.settlement-view,.settlement-modal{color:var(--ink-950);border-color:var(--gold-600);border-radius:8px 22px 10px 18px;background:linear-gradient(145deg,#fbf6e9fa,#e7dabcfa),url(../visual/ink-landscape.svg) center bottom / cover no-repeat;box-shadow:0 0 0 999px #050f0b8f,0 24px 64px #0000006b,inset 0 0 0 1px #ffffffad}.settlement-view h2,.settlement-modal strong{color:var(--cinnabar-700);letter-spacing:.08em}.settlement-view--draw,.settlement-view--draw h2,.settlement-view--draw>div{color:var(--ink-950)}.settlement-view button,.settlement-modal button,.winning-hand-overlay__actions button{color:var(--paper-50);border-color:var(--gold-400);border-radius:13px 5px 12px 6px;background:linear-gradient(180deg,#176b50,var(--jade-900));box-shadow:inset 0 1px #ffffff2e,0 4px #042d23,0 10px 20px #11211a40}.winning-hand-overlay{background:#020d09c7;-webkit-backdrop-filter:none;backdrop-filter:none}.winning-hand-overlay__content{color:var(--ink-950);border-color:#ad8136b8;border-radius:8px 26px 10px 22px;background:linear-gradient(145deg,#fcf7eaf0,#e6d9bbf5),url(../visual/ink-landscape.svg) center bottom / cover no-repeat;box-shadow:0 34px 90px #00000094,inset 0 0 0 1px #ffffffa8}.winning-hand-overlay__title{color:var(--cinnabar-700)}.winning-hand-overlay__title>span,.winning-hand-overlay__winning-tile:after{color:var(--paper-50);border-color:#7e211d;border-radius:8px 2px 9px 3px;background:var(--cinnabar-700);box-shadow:inset 0 0 0 2px #ffe3c43d;font-family:var(--font-ui)}.winning-hand-overlay__title h2{color:var(--ink-950);letter-spacing:.08em}.winning-hand-overlay__meld{color:var(--jade-900)}.winning-hand-overlay__settlement{color:var(--paper-50);border-color:#d3b367a3;background:#073c2ef0}.winning-hand-overlay__settlement strong{color:#f1d68a}.online-lobby{color:var(--ink-950)}.online-lobby__header{padding-inline:8px;border-bottom-color:#68583557;background:#faf5e77a}.online-lobby h1{color:var(--jade-900);letter-spacing:.04em}.online-lobby h2,.online-room__seat strong{color:var(--ink-950)}.online-lobby p,.online-lobby__nickname-field,.online-room__action-status,.online-room__empty,.online-initial-game__notice{color:#263129bd}.online-lobby button{color:var(--paper-50);border-color:var(--gold-600);border-radius:9px 3px 8px 4px;background:linear-gradient(180deg,#176b50,var(--jade-900));font-weight:700}.online-lobby input{color:var(--ink-950);border-color:#4a5e4e61;border-radius:8px 3px 7px 4px;background:#fffcf2d1;caret-color:var(--cinnabar-700)}.online-lobby input::placeholder{color:#32403585}.online-lobby input:focus{border-color:var(--gold-600);box-shadow:0 0 0 3px #ad813629}.online-lobby .game-back-button{color:var(--ink-850)}body:has(.online-lobby) .settings-control__trigger{box-shadow:inset 0 0 0 2px #fceec824,0 3px #042d23,0 8px 18px #13221c33}.online-lobby__rooms,.online-room,.online-initial-game__summary>div,.online-initial-game__player,.online-room__seat{border:1px solid rgba(77,87,70,.28);background:linear-gradient(145deg,#ffffff9e,#efe6d1ad),repeating-linear-gradient(8deg,transparent 0 11px,rgba(54,68,58,.025) 12px);box-shadow:inset 0 0 0 1px #ffffff75}.online-lobby__rooms{border-radius:6px 18px 7px 13px}.online-room{border-radius:18px 6px 14px 8px}.online-lobby__room-item{color:var(--ink-950)!important;border-color:#1e5b4440!important;background:#19694c14!important}.online-lobby__room-item:hover:not(:disabled),.online-lobby__room-item:focus-visible{border-color:var(--gold-600)!important;background:#19694c29!important}.online-room__seat{border-radius:10px 4px 9px 5px}.online-room__seat>span{color:var(--cinnabar-700);font-family:var(--font-display);font-weight:400}.online-room__seat small,.online-room__seat em{color:#313e34ad}.online-room__seat--ready{border-color:#438a61;background:#d2e9d3b8;box-shadow:inset 0 0 0 2px #2d744e1a}.online-room__seat--ready em,.online-lobby__connection--online{color:#17663f}.online-room__seat--disconnected,.online-lobby__connection--offline,.online-lobby__connection--unconfigured{color:var(--cinnabar-700)}.online-lobby .online-room__remove-ai{color:var(--paper-50);border-color:#8e302694;background:var(--cinnabar-700)}.online-lobby .online-room__take-seat{color:var(--paper-50);border-color:var(--gold-400);background:linear-gradient(180deg,#176b50,var(--jade-900))}.online-room__actions{border-top-color:#68583542}.online-lobby__status{color:var(--paper-50);border:1px solid rgba(211,179,103,.4);border-radius:7px 3px 6px 4px;background:#073c2ef0}.online-lobby__connection{color:var(--ink-700)}.online-lobby__connection-help{color:var(--cinnabar-700);border-color:#9d30286b;background:#fae5d3c7}.online-lobby__connection-help strong,.online-lobby__connection-help span{color:inherit}.online-lobby__room-conflict{color:var(--ink-950);border-color:var(--gold-600);border-radius:8px 19px 10px 15px;background:linear-gradient(145deg,#fbf6e9fa,#e7dabcfa),url(../visual/ink-landscape.svg) center bottom / cover no-repeat}.online-lobby__room-conflict p{color:#263129c7}.online-session-recovery{color:var(--ink-950)}.online-session-recovery h1,.recoverable-error__content h1{color:var(--cinnabar-700);letter-spacing:.06em}.recoverable-error__content p{color:var(--ink-700)}.orientation-gate{color:var(--ink-950);background:url(../visual/ink-landscape.svg) center bottom / cover no-repeat,linear-gradient(145deg,var(--paper-50),var(--paper-200))}.orientation-gate strong{font-family:var(--font-display);font-weight:400}.ios-install-hint,.android-fullscreen-prompt{color:var(--ink-950);border-color:#ad81369e;background:#faf4e4f5}.ios-install-hint button,.android-fullscreen-prompt button{color:var(--paper-50);border-color:var(--gold-400);background:var(--jade-800)}@media(orientation:landscape)and (max-height:500px){.main-menu__content,.start-screen__content,.online-session-recovery section,.recoverable-error__content{gap:18px;padding:16px 30px}.main-menu__heading p{margin-top:8px}}:root{--ink-motion-enter: .4s;--ink-motion-title: .44s;--ink-motion-seal: .32s;--ink-motion-action: .18s;--ink-motion-chi-panel: .18s;--ink-motion-chi-option: .14s;--ink-motion-popover: .18s;--ink-motion-dialog: .24s;--ink-motion-ease-out: cubic-bezier(.2, .76, .26, 1);--ink-motion-ease-stamp: cubic-bezier(.18, .82, .3, 1.08)}.start-screen__content,.main-menu__content,.online-session-recovery>section,.recoverable-error__content{animation:ink-page-enter var(--ink-motion-enter) var(--ink-motion-ease-out) backwards}.online-lobby__header{animation:ink-page-enter var(--ink-motion-enter) var(--ink-motion-ease-out) backwards}.online-lobby__workspace{animation:ink-page-enter var(--ink-motion-enter) 40ms var(--ink-motion-ease-out) backwards}.online-lobby__status{animation:ink-page-enter var(--ink-motion-enter) 80ms var(--ink-motion-ease-out) backwards}.online-room__header{animation:ink-page-enter var(--ink-motion-enter) var(--ink-motion-ease-out) backwards}.online-room__seats{animation:ink-page-enter var(--ink-motion-enter) 40ms var(--ink-motion-ease-out) backwards}.online-room__actions{animation:ink-page-enter var(--ink-motion-enter) 80ms var(--ink-motion-ease-out) backwards}.main-menu__heading h1,.start-screen__title-block h1,.online-lobby__header h1{animation:ink-title-reveal var(--ink-motion-title) var(--ink-motion-ease-out) backwards}.home-title-seal{transform-origin:center;animation:ink-seal-drop var(--ink-motion-seal) var(--ink-motion-title) var(--ink-motion-ease-stamp) backwards}.main-menu:before,.start-screen:before,.online-lobby:before,.online-session-recovery:before,.recoverable-error:before{opacity:.24;transform-origin:center;animation:ink-background-drift 24s ease-in-out infinite alternate}html[data-ink-motion-paused=true] .main-menu:before,html[data-ink-motion-paused=true] .start-screen:before,html[data-ink-motion-paused=true] .online-lobby:before,html[data-ink-motion-paused=true] .online-session-recovery:before,html[data-ink-motion-paused=true] .recoverable-error:before{animation-play-state:paused}.action-buttons{transform-origin:right bottom;animation:ink-action-group-enter var(--ink-motion-action) var(--ink-motion-ease-out) backwards}.action-buttons__button{transform-origin:center;animation:ink-action-step-in var(--ink-motion-action) var(--ink-motion-ease-out) backwards;transition:transform .12s var(--ink-motion-ease-out)}.action-buttons__button:nth-of-type(2){animation-delay:25ms}.action-buttons__button:nth-of-type(3){animation-delay:50ms}.action-buttons__button:nth-of-type(4){animation-delay:75ms}.action-buttons__button:nth-of-type(5){animation-delay:.1s}.action-buttons__button:active:not(:disabled){transform:translateY(4px) scale(.95)}.action-buttons__button--hu{position:relative;overflow:visible}.action-buttons__button--hu:after{position:absolute;z-index:0;inset:-10px;content:"";pointer-events:none;border:2px solid rgba(189,73,61,.72);border-radius:inherit;opacity:0;transform-origin:center;animation:ink-hu-ring .52s 60ms ease-out}.chi-options-panel{transform-origin:right bottom;animation:ink-chi-panel-open var(--ink-motion-chi-panel) var(--ink-motion-ease-out) backwards}.chi-options-panel__option{transform-origin:center bottom;animation:ink-chi-option-enter var(--ink-motion-chi-option) var(--ink-motion-ease-out) backwards;transition:transform .12s var(--ink-motion-ease-out)}.chi-options-panel__option:nth-child(2){animation-delay:25ms}.chi-options-panel__option:nth-child(3){animation-delay:50ms}.chi-options-panel__option:nth-child(4){animation-delay:75ms}.chi-options-panel__option:nth-child(5){animation-delay:.1s}.chi-options-panel__option:hover:not(:disabled),.chi-options-panel__option:focus-visible{transform:translateY(-3px) scale(1.02)}.chi-options-panel__option:active:not(:disabled){border-color:#d3b367;transform:translateY(2px) scale(.97)}.settings-control__menu{transform-origin:right top;animation:ink-popover-enter var(--ink-motion-popover) var(--ink-motion-ease-out) backwards}.settings-control__message,.start-screen__install,.online-lobby__connection-help,.online-initial-game__notice{animation:ink-inline-notice-enter .2s var(--ink-motion-ease-out) backwards}.ios-install-hint,.android-fullscreen-prompt,.online-lobby__room-conflict{animation:ink-centered-notice-enter .22s var(--ink-motion-ease-out) backwards}.orientation-gate strong{animation:ink-dialog-content-enter .22s var(--ink-motion-ease-out) backwards}.settlement-view,.settlement-modal{transform-origin:center;animation:ink-centered-dialog-enter var(--ink-motion-dialog) var(--ink-motion-ease-out) backwards}.settlement-history,.online-initial-game__settlement,.winning-hand-overlay__content{transform-origin:center;animation:ink-dialog-content-enter var(--ink-motion-dialog) var(--ink-motion-ease-out) backwards}.winning-hand-overlay__settlement,.winning-hand-overlay__actions{animation:ink-popover-enter var(--ink-motion-popover) var(--ink-motion-ease-out) backwards}.winning-hand-overlay__title>span{transform-origin:center;animation:ink-stamp-pop var(--ink-motion-seal) .1s var(--ink-motion-ease-stamp) backwards}.winning-hand-overlay__hand{animation:ink-dialog-content-enter var(--ink-motion-dialog) .1s var(--ink-motion-ease-out) backwards}.winning-hand-overlay__winning-tile{animation:ink-winning-tile-arrive .32s .32s var(--ink-motion-ease-stamp) backwards}.winning-hand-overlay__winning-tile:after{opacity:1;transform-origin:center;animation:ink-stamp-pop var(--ink-motion-seal) .5s var(--ink-motion-ease-stamp) backwards}.winning-hand-overlay__winning-tile .mj-tile{animation:none}@keyframes ink-page-enter{0%{opacity:0;transform:translate3d(0,8px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ink-title-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.18}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes ink-seal-drop{0%{opacity:0;transform:translate3d(0,-18px,0) rotate(-7deg) scale(1.14)}72%{opacity:1;transform:translate3d(0,2px,0) rotate(-1.2deg) scale(.97)}to{opacity:1;transform:translateZ(0) rotate(-2.5deg) scale(1)}}@keyframes ink-background-drift{0%{opacity:.2;transform:translate3d(-.8%,.2%,0) scale(1.015)}50%{opacity:.25;transform:translate3d(.35%,-.45%,0) scale(1.02)}to{opacity:.22;transform:translate3d(.9%,.35%,0) scale(1.015)}}@keyframes ink-action-group-enter{0%{opacity:0;transform:translate3d(0,7px,0) scale(.94)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ink-action-step-in{0%{opacity:0}to{opacity:1}}@keyframes ink-hu-ring{0%{opacity:0;transform:scale(.72)}34%{opacity:.62;transform:scale(.96)}to{opacity:0;transform:scale(1.24)}}@keyframes ink-chi-panel-open{0%{opacity:0;transform:translate3d(0,8px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ink-chi-option-enter{0%{opacity:0;transform:translate3d(0,6px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ink-popover-enter{0%{opacity:0;transform:translate3d(0,-6px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ink-inline-notice-enter{0%{opacity:0;transform:translate3d(0,5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ink-centered-notice-enter{0%{opacity:0;transform:translate3d(-50%,7px,0) scale(.985)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}@keyframes ink-centered-dialog-enter{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ink-dialog-content-enter{0%{opacity:0;transform:translate3d(0,10px,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ink-stamp-pop{0%{opacity:0;transform:translate3d(0,-8px,0) rotate(-6deg) scale(1.14)}72%{opacity:1;transform:translate3d(0,1px,0) rotate(2deg) scale(.96)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes ink-winning-tile-arrive{0%{opacity:0;transform:translate3d(0,-24px,0) rotate(-3deg) scale(1.03)}78%{opacity:1;transform:translate3d(0,2px,0) rotate(1deg) scale(.99)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.start-screen__content,.main-menu__content,.online-session-recovery>section,.recoverable-error__content,.online-lobby__header,.online-lobby__workspace,.online-lobby__status,.online-room__header,.online-room__seats,.online-room__actions,.main-menu__heading h1,.start-screen__title-block h1,.online-lobby__header h1,.home-title-seal,.action-buttons,.action-buttons__button,.action-buttons__button--hu:after,.chi-options-panel,.chi-options-panel__option,.settings-control__menu,.settings-control__message,.start-screen__install,.online-lobby__connection-help,.online-initial-game__notice,.ios-install-hint,.android-fullscreen-prompt,.online-lobby__room-conflict,.orientation-gate strong,.settlement-view,.settlement-modal,.settlement-history,.online-initial-game__settlement,.winning-hand-overlay__content,.winning-hand-overlay__title>span,.winning-hand-overlay__hand,.winning-hand-overlay__winning-tile,.winning-hand-overlay__winning-tile:after,.winning-hand-overlay__winning-tile .mj-tile,.winning-hand-overlay__settlement,.winning-hand-overlay__actions{animation:none!important}.main-menu:before,.start-screen:before,.online-lobby:before,.online-session-recovery:before,.recoverable-error:before{animation:none!important;opacity:.22;transform:none}.action-buttons__button,.chi-options-panel__option,.settings-control__trigger,.settings-control__menu button,.main-menu__actions button,.start-screen__button,.online-lobby button,.settlement-view button,.settlement-modal button,.winning-hand-overlay__actions button{transition-duration:1ms!important;transition-delay:0ms!important}}:root{--home-bamboo-deep: #032f22;--home-bamboo-mid: #0d5538;--home-bamboo-light: #396d4e;--home-paper: #fbfaee;--home-paper-shadow: #d9e0ca;--home-ink: #143b2b;--home-gold: #c7aa67}.main-menu,.start-screen,.online-lobby,.online-session-recovery,.recoverable-error,.orientation-gate{isolation:isolate;color:var(--home-paper);background:linear-gradient(90deg,rgba(2,59,36,.3),transparent 27% 72%,rgba(1,47,30,.36)),linear-gradient(180deg,#01281961,#03422866 48%,#011f15ad),url(../visual/bamboo-forest.svg) center / cover no-repeat,linear-gradient(135deg,var(--home-bamboo-deep),var(--home-bamboo-mid) 48%,#062d21)}.main-menu{background-color:#073c31;background-image:linear-gradient(90deg,rgba(3,43,36,.6),transparent 19% 81%,rgba(3,43,36,.64)),linear-gradient(180deg,#7899881f,#0b4b3b33 46%,#032b2499),url(../visual/bamboo-forest.svg),linear-gradient(180deg,#789988,#416f5c 38%,#0b4b3b 66%,#032b24);background-position:center;background-size:cover;background-repeat:no-repeat}.main-menu:before,.start-screen:before,.online-lobby:before,.online-session-recovery:before,.recoverable-error:before{background:radial-gradient(ellipse at 48% 40%,rgba(250,250,231,.55) 0 12%,rgba(250,250,231,.2) 38%,transparent 68%),radial-gradient(ellipse at 52% 74%,rgba(225,237,216,.24) 0 16%,rgba(225,237,216,.1) 42%,transparent 72%)}.main-menu:after,.start-screen:after,.online-lobby:after,.online-session-recovery:after,.recoverable-error:after,.orientation-gate:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(2,35,22,.25),transparent 22% 76%,rgba(2,32,20,.22)),linear-gradient(180deg,rgba(250,248,222,.08),transparent 34%,rgba(2,29,18,.24))}.main-menu:before{pointer-events:none;background:radial-gradient(ellipse at 50% 42%,rgba(150,174,154,.1),rgba(65,111,92,.04) 42%,transparent 70%),url(../visual/home-heritage-landscape.svg) center / cover no-repeat;opacity:1;transform:none;animation:none}.main-menu:after{pointer-events:none;background:linear-gradient(90deg,rgba(3,43,36,.5),transparent 21% 79%,rgba(2,39,32,.54)),linear-gradient(180deg,rgba(3,43,36,.04),transparent 39%,rgba(3,43,36,.2) 68%,rgba(2,29,24,.66)),repeating-linear-gradient(0deg,rgba(214,224,207,.018) 0 1px,transparent 1px 5px)}.home-ink-effects{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.home-ink-effects:before{position:absolute;inset:0;content:"";pointer-events:none;background:#e5eed794;animation:home-paper-absorb 1.4s cubic-bezier(.18,.72,.24,1) both}.home-ink-effects>span{position:absolute;display:block;pointer-events:none}.home-ink-effects__wash{width:clamp(360px,58vw,920px);aspect-ratio:1.28;border-radius:61% 39% 57% 43%/46% 63% 37% 54%;background:radial-gradient(ellipse at 34% 45%,rgba(8,65,39,.38) 0 13%,rgba(17,83,49,.24) 30%,transparent 67%),radial-gradient(ellipse at 68% 56%,rgba(3,48,29,.22) 0 9%,rgba(30,98,57,.16) 28%,transparent 64%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0 44%,rgba(0,0,0,.66) 58%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 0 44%,rgba(0,0,0,.66) 58%,transparent 76%);opacity:0}.home-ink-effects__wash--left{top:-28%;left:-20%;animation:home-ink-bloom-left 1.6s 80ms cubic-bezier(.16,.7,.26,1) both}.home-ink-effects__wash--right{right:-22%;bottom:-34%;transform:rotate(174deg);animation:home-ink-bloom-right 1.75s .18s cubic-bezier(.16,.7,.26,1) both}.home-ink-effects__mist{left:-18%;width:136%;border-radius:50%;background:radial-gradient(ellipse at 28% 52%,rgba(242,245,224,.34) 0 12%,rgba(242,245,224,.16) 30%,transparent 62%),radial-gradient(ellipse at 70% 48%,rgba(221,235,213,.28) 0 14%,rgba(221,235,213,.12) 32%,transparent 66%)}.home-ink-effects__mist--back{top:30%;height:24%;opacity:.18;animation:home-mist-flow-back 28s ease-in-out infinite alternate}.home-ink-effects__mist--front{bottom:6%;height:30%;opacity:.14;animation:home-mist-flow-front 36s ease-in-out infinite alternate-reverse}.home-ink-effects__bamboo-shadow{top:-5%;width:min(36vw,540px);height:112%;background:url(../visual/ink-bamboo.svg) right center / auto 108% no-repeat;opacity:.15}.home-ink-effects__bamboo-shadow--left{left:-6%;background-position:left center;transform:scaleX(-1);transform-origin:18% 100%;animation:home-bamboo-breathe-left 22s ease-in-out infinite alternate-reverse}.home-ink-effects__bamboo-shadow--right{right:-5%;transform-origin:82% 100%;animation:home-bamboo-breathe 18s ease-in-out infinite alternate}.main-menu .home-ink-effects__mist--back{top:28%;height:22%;opacity:.1;transform:none;animation:none}.main-menu .home-ink-effects__mist--front{bottom:4%;height:27%;opacity:.08;transform:none;animation:none}.main-menu .home-ink-effects__bamboo-shadow{top:-7%;width:min(42vw,620px);height:116%;background-size:auto 112%;animation:none}.main-menu .home-ink-effects__bamboo-shadow--left{left:-4%;opacity:.54;transform:scaleX(-1)}.main-menu .home-ink-effects__bamboo-shadow--right{right:-3%;opacity:.58;transform:none}.main-menu__content,.start-screen__content,.online-session-recovery section,.recoverable-error__content{width:min(920px,94vw);gap:clamp(22px,3.2vh,34px);padding:clamp(24px,5vw,52px) clamp(32px,7vw,88px);border:0;border-radius:0;background:radial-gradient(ellipse at center,rgba(13,70,44,.5) 0,rgba(15,75,48,.22) 48%,transparent 74%);box-shadow:none}.main-menu__heading,.start-screen__title-block{display:grid;justify-items:center;gap:8px}.main-menu__title-kicker,.start-screen__title-kicker{color:#f7f3dad1;font-family:var(--font-ui);font-size:clamp(12px,1.25vw,16px);font-weight:700;letter-spacing:.34em;line-height:1;text-shadow:0 2px 10px rgba(3,32,20,.72)}.main-menu__heading h1,.start-screen__title-block h1{box-sizing:border-box;position:relative;display:grid;width:min(920px,calc(100vw - 36px));max-width:100%;min-height:clamp(220px,18vw,286px);margin:0;padding:clamp(34px,3vw,48px) clamp(58px,6vw,92px) clamp(38px,3.4vw,54px);overflow:visible;place-items:center;color:#030201;isolation:isolate;border-style:solid;border-width:clamp(7px,.68vw,10px);border-color:#24110c #321a12 #160a07 #3a2117;border-radius:22px 8px 20px 7px/11px 20px 9px 18px;background:radial-gradient(ellipse at 12% 32%,transparent 0 18%,rgba(26,12,8,.18) 19%,transparent 22% 30%,rgba(26,12,8,.1) 31%,transparent 34%),radial-gradient(ellipse at 87% 68%,transparent 0 15%,rgba(25,11,8,.17) 16%,transparent 20% 28%,rgba(25,11,8,.1) 29%,transparent 33%),repeating-linear-gradient(1.5deg,rgba(20,8,5,.12) 0 1px,transparent 1px 6px,rgba(188,116,72,.04) 7px 8px),radial-gradient(ellipse at 48% 43%,rgba(166,103,67,.4) 0 32%,rgba(104,59,40,.16) 62%,transparent 84%),linear-gradient(176deg,#68412f,#4d2c21 52%,#301813);box-shadow:inset 0 0 0 2px #ab6943ad,inset 0 0 0 clamp(8px,.72vw,12px) #23110cb8,inset 0 0 0 clamp(11px,.98vw,16px) #8a4f3270,inset 10px 8px 24px #11070547,inset -10px -13px 26px #0c050475,inset 0 4px 2px #dd99631f,0 8px #170b08,0 19px 34px #01130c70;line-height:1;white-space:nowrap;animation:none}.main-menu__heading h1:before,.start-screen__title-block h1:before{position:absolute;z-index:0;inset:clamp(10px,.9vw,15px);content:"";pointer-events:none;border:1px solid rgba(185,119,77,.62);border-radius:13px 3px 12px 4px/5px 12px 4px 10px;background:linear-gradient(90deg,#ab6c46d6,#4a261ae6) left 7px top 7px / 36px 3px no-repeat,linear-gradient(180deg,#ab6c46d6,#4a261ae6) left 7px top 7px / 3px 36px no-repeat,linear-gradient(270deg,#ab6c46d6,#4a261ae6) right 7px top 7px / 36px 3px no-repeat,linear-gradient(180deg,#ab6c46d6,#4a261ae6) right 7px top 7px / 3px 36px no-repeat,linear-gradient(90deg,#ab6c46d6,#4a261ae6) left 7px bottom 7px / 36px 3px no-repeat,linear-gradient(0deg,#ab6c46d6,#4a261ae6) left 7px bottom 7px / 3px 36px no-repeat,linear-gradient(270deg,#ab6c46d6,#4a261ae6) right 7px bottom 7px / 36px 3px no-repeat,linear-gradient(0deg,#ab6c46d6,#4a261ae6) right 7px bottom 7px / 3px 36px no-repeat;box-shadow:inset 0 0 0 3px #27130d7a,0 0 0 2px #180b088c}.main-menu__heading h1:after,.start-screen__title-block h1:after{position:absolute;z-index:1;top:clamp(-13px,-.7vw,-9px);right:0;bottom:clamp(-15px,-.82vw,-10px);left:0;content:"";pointer-events:none;background:radial-gradient(ellipse at center,#2a150f 0 14%,#74462f 16% 29%,#2a150f 31% 38%,transparent 41%) center top / clamp(82px,8.2vw,124px) clamp(24px,2.3vw,34px) no-repeat,radial-gradient(ellipse at center,#2a150f 0 14%,#74462f 16% 29%,#2a150f 31% 38%,transparent 41%) center bottom / clamp(82px,8.2vw,124px) clamp(24px,2.3vw,34px) no-repeat;opacity:.96}.home-title-lockup{position:relative;z-index:2;display:inline-flex;max-width:100%;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(20px,2.5vw,36px);white-space:nowrap}.home-title-ink{display:inline-flex;align-items:baseline;gap:.075em;color:#030201;font-family:var(--font-display);font-size:clamp(128px,16vw,202px);font-style:oblique 9deg;font-weight:400;line-height:.84;letter-spacing:0;text-shadow:.012em .008em 0 rgba(0,0,0,.96),-.008em .014em 0 rgba(0,0,0,.62),0 .035em .055em rgba(18,7,4,.42);-webkit-text-stroke:clamp(.8px,.09vw,1.45px) rgba(1,1,1,.94);paint-order:stroke fill;animation:home-title-ink-write .9s .16s cubic-bezier(.2,.76,.26,1) backwards}.home-title-ink__glyph{display:inline-block;transform-origin:50% 76%}.home-title-ink__glyph:nth-child(1){transform:translateY(.018em) rotate(-2.8deg) scaleX(1.08)}.home-title-ink__glyph:nth-child(2){transform:translateY(-.03em) rotate(1.1deg) scaleX(1.02)}.home-title-seal{position:relative;display:grid;flex:0 0 auto;grid-template-rows:repeat(2,minmax(0,1fr));width:clamp(72px,6.5vw,96px);aspect-ratio:.88;box-sizing:border-box;padding:clamp(9px,.9vw,13px) clamp(8px,.8vw,12px);place-items:center;color:#130806;border:clamp(3px,.28vw,4px) solid #701d1a;border-radius:10px 3px 8px 4px/5px 9px 4px 8px;background:radial-gradient(circle at 18% 24%,rgba(91,23,20,.5) 0 1px,transparent 2px),radial-gradient(circle at 76% 68%,rgba(92,24,20,.42) 0 1.5px,transparent 2.5px),repeating-linear-gradient(7deg,rgba(255,206,172,.05) 0 2px,transparent 2px 7px),#c55a47;box-shadow:inset 0 0 0 2px #411210b3,inset 0 0 0 5px #e0644c3d,inset 2px 3px 9px #42100d57,0 4px 10px #250d0a47;font-family:var(--font-display);font-size:clamp(27px,2.55vw,37px);font-style:normal;font-weight:400;line-height:.84;letter-spacing:0;text-shadow:.02em .03em 0 rgba(70,22,18,.28);transform:rotate(-2.5deg);animation:ink-seal-drop var(--ink-motion-seal) 1.08s var(--ink-motion-ease-stamp) backwards}.home-title-seal:before{position:absolute;inset:4px;content:"";pointer-events:none;border:2px solid rgba(84,22,19,.72);border-radius:6px 2px 5px 3px/3px 6px 2px 5px}.home-title-seal:after{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 12% 72%,rgba(250,158,125,.22) 0 1px,transparent 2px),radial-gradient(circle at 82% 22%,rgba(71,17,14,.28) 0 1.5px,transparent 2.5px),radial-gradient(circle at 68% 87%,rgba(247,143,111,.16) 0 1px,transparent 2px);opacity:.74}.home-title-seal>span{position:relative;z-index:1;display:block}.main-menu__heading h1{width:min(690px,calc(100vw - 64px));min-height:clamp(190px,15vw,232px);padding:clamp(20px,1.5vw,23px) clamp(18px,1.4vw,21px) clamp(23px,1.8vw,27px)}.main-menu .home-title-lockup{width:100%;gap:clamp(12px,1.4vw,20px)}.main-menu .home-title-ink{flex:0 1 82%;min-width:0;justify-content:center;gap:.19em;font-size:clamp(168px,22vw,220px)}.main-menu .home-title-ink__glyph:nth-child(1){transform:translateY(.018em) rotate(-2.8deg) scaleX(1.1)}.main-menu .home-title-ink__glyph:nth-child(2){transform:translateY(-.03em) rotate(1.1deg) scaleX(1.05)}.main-menu .home-title-seal{width:clamp(66px,6vw,88px);aspect-ratio:.82;margin-left:auto;padding:clamp(9px,.8vw,12px) clamp(7px,.65vw,10px);overflow:hidden;border-color:#7b211d;border-radius:48% 52% 46% 54%/50% 46% 54% 50%;background:radial-gradient(circle at 17% 27%,rgba(91,23,20,.5) 0 1px,transparent 2.4px),radial-gradient(circle at 79% 66%,rgba(92,24,20,.42) 0 1.5px,transparent 3px),radial-gradient(ellipse at 48% 44%,rgba(231,118,94,.28) 0 48%,transparent 79%),repeating-linear-gradient(11deg,rgba(255,216,183,.06) 0 2px,transparent 2px 7px),#c55a47;box-shadow:inset 0 0 0 2px #4112109e,inset 0 0 0 5px #e0644c33,inset 2px 3px 9px #42100d4d,0 4px 9px #250d0a3d}.main-menu .home-title-seal:before{inset:5px 6px;border-color:#541613ad;border-radius:47% 53% 45% 55%/52% 47% 53% 48%;transform:rotate(1.2deg)}.main-menu .home-title-seal:after{border-radius:inherit}.main-menu__heading p,.start-screen__subtitle,.start-screen__content>p{margin:0;color:#faf7e0db;font-size:clamp(15px,1.6vw,20px);font-weight:600;letter-spacing:.18em;text-shadow:0 2px 9px rgba(2,31,19,.72)}.main-menu__heading p{margin-top:2px}.main-menu__actions{width:min(660px,100%);justify-self:center;gap:clamp(16px,2.2vw,24px)}.main-menu__actions button{position:relative;display:grid;min-height:96px;gap:5px;padding:15px 30px 14px;overflow:hidden;place-content:center;color:var(--home-ink);border:1px solid rgba(255,255,245,.9);border-radius:28px 10px 26px 12px;background:linear-gradient(145deg,#fffffdfc,#f1f3e5fa 58%,#d8e3d2fa);box-shadow:inset 0 2px #fffffffa,inset 0 -2px #65896d2e,0 7px #06372257,0 18px 34px #021f1347;text-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;animation:home-paper-button-rise .52s .48s cubic-bezier(.2,.76,.26,1) backwards}.main-menu__actions button:nth-child(2){border-radius:10px 28px 12px 26px;animation-delay:.56s}.main-menu__actions button:before{position:absolute;top:18%;bottom:18%;left:17px;width:3px;content:"";border-radius:999px;background:linear-gradient(180deg,transparent,#4e8761 18% 82%,transparent);opacity:.62}.main-menu__actions button span{font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:.1em;line-height:1.1;white-space:nowrap}.main-menu__actions button small{color:#1f4b34ad;font-size:clamp(11px,1vw,14px);font-weight:600;letter-spacing:.08em}.main-menu__actions button:hover,.main-menu__actions button:focus-visible{background:linear-gradient(145deg,#fff,#f9faef 58%,#e7eee0);box-shadow:inset 0 2px #fff,inset 0 -2px #65896d29,0 8px #0637224d,0 22px 40px #021f1352;filter:none;transform:translateY(-3px) scale(1.012)}.main-menu__actions button:focus-visible{outline:3px solid rgba(241,220,153,.96);outline-offset:4px}.main-menu__actions button:active{box-shadow:inset 0 2px #fff,inset 0 -2px #65896d2e,0 3px #06372257,0 10px 20px #021f1342;transform:translateY(3px) scale(.985)}.start-screen__content{width:min(780px,92vw)}.start-screen__title-block{gap:9px}.start-screen__button{width:clamp(230px,26vw,310px);min-height:72px;padding:13px 34px;color:var(--home-ink);border:1px solid rgba(255,255,245,.92);border-radius:26px 9px 24px 11px;background:linear-gradient(145deg,#fff,#f3f5e8 58%,#dce7d6);box-shadow:inset 0 2px #fff,inset 0 -2px #65896d2e,0 7px #05372259,0 18px 34px #021f134d;font-size:clamp(23px,2.4vw,31px);font-weight:800;animation:home-paper-button-rise .52s .48s cubic-bezier(.2,.76,.26,1) backwards}.start-screen__button:hover,.start-screen__button:focus-visible{filter:none;transform:translateY(-3px) scale(1.012)}.start-screen__button:active{box-shadow:inset 0 2px #fff,0 3px #05372259,0 10px 20px #021f1342;transform:translateY(3px) scale(.985)}.start-screen__install{max-width:560px;padding:10px 20px;color:#fcf9e5db;border-block:1px solid rgba(244,235,194,.2);background:linear-gradient(90deg,transparent,rgba(8,61,38,.3),transparent);text-shadow:0 2px 8px rgba(2,31,19,.66)}.start-screen__install button{color:var(--home-ink);border:1px solid rgba(255,255,245,.86);border-radius:18px 7px 17px 8px;background:#fafaeff0;box-shadow:0 5px 14px #021f1338}body:has(.main-menu) .settings-control__trigger,body:has(.online-lobby) .settings-control__trigger{color:var(--home-ink);border-color:#fffff3e6;background:linear-gradient(145deg,#fffffbf5,#dce8d6f5);box-shadow:inset 0 2px #ffffffe6,0 4px #05342059,0 12px 24px #021f1342}.online-lobby,.online-session-recovery{--lobby-jade-950: #06392e;--lobby-jade-900: #063f32;--lobby-jade-800: #075440;--lobby-jade-700: #0a6349;--lobby-paper: #f7f3e8;--lobby-paper-strong: #fbf8ef;--lobby-ink: #172f29;--lobby-ink-soft: #344b44;--lobby-gold: #ad8136;--lobby-gold-soft: #d3b367;--lobby-disabled: #ddd8ca;--lobby-disabled-ink: #585b55;--lobby-seat-red: #9e3028}.online-lobby{color:var(--lobby-ink);background:linear-gradient(180deg,#033026f0,#044635f5),url(../visual/bamboo-forest.svg) center / cover no-repeat,var(--lobby-jade-900);box-shadow:inset 0 0 0 1px #d3b36794,inset 0 0 0 4px #022d23c7}.online-lobby:before{background:url(../visual/ink-bamboo.svg) right top / auto 104% no-repeat,linear-gradient(110deg,transparent 0 70%,rgba(211,179,103,.08));opacity:.08}.online-lobby:after{inset:4px;border:1px solid rgba(211,179,103,.3);background:none;box-shadow:inset 0 0 0 1px #f1e0ae0f}.online-lobby__header{position:relative;z-index:1;padding-inline:10px;color:var(--paper-50);border:1px solid rgba(211,179,103,.42);border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#0a523f,var(--lobby-jade-950));box-shadow:inset 0 1px #fbf6e914,0 3px 8px #011d162e}.online-lobby h1{color:#f8edc9;font-family:var(--font-ui);font-size:clamp(24px,2.7vw,48px);font-weight:700;letter-spacing:.05em;text-shadow:0 1px 0 rgba(1,24,18,.46)}.online-lobby__connection{color:#f5eed8;text-shadow:none}.online-lobby__connection--online{color:#f5eed8}.online-lobby__connection--online .online-lobby__connection-dot{color:#43df78;box-shadow:0 0 0 2px #43df782e,0 0 7px #43df787a}.online-lobby__connection--offline,.online-lobby__connection--unconfigured{color:#ffd6cd}.online-lobby__workspace,.online-lobby__status{position:relative;z-index:1}.online-lobby__rooms,.online-room,.online-initial-game__summary>div,.online-initial-game__player{color:var(--lobby-ink);border:1px solid rgba(173,129,54,.48);background:linear-gradient(135deg,rgba(173,129,54,.13) 0 1px,transparent 1px) top left / 22px 22px no-repeat,linear-gradient(225deg,rgba(173,129,54,.13) 0 1px,transparent 1px) top right / 22px 22px no-repeat,linear-gradient(180deg,var(--lobby-paper-strong),var(--lobby-paper));box-shadow:inset 0 0 0 1px #ffffffad,0 4px 12px #011f1729;-webkit-backdrop-filter:none;backdrop-filter:none}.online-lobby__rooms{border-radius:11px 5px 9px}.online-room{position:relative;isolation:isolate;border-radius:5px 11px 5px 9px}.online-room:before{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:url(../visual/ink-bamboo.svg) right top / auto 70% no-repeat,url(../visual/ink-landscape.svg) right bottom / 72% auto no-repeat;opacity:.075}.online-room>*{position:relative;z-index:1}.online-lobby h2,.online-room__seat strong{color:var(--lobby-ink)}.online-lobby h2{font-family:var(--font-ui);font-size:clamp(24px,2.2vw,38px);font-weight:700;letter-spacing:.025em;text-shadow:none}.online-lobby p,.online-lobby__nickname-field,.online-room__action-status,.online-room__empty,.online-initial-game__notice{color:var(--lobby-ink-soft);opacity:1}.online-lobby__nickname-field,.online-room__empty p,.online-lobby__status{font-size:clamp(14px,1.3vw,20px)}.online-lobby__section-title>button,.online-room__action-buttons button,.online-lobby__join-row button{font-size:clamp(14px,1.45vw,22px)}.online-lobby__button-icon{display:inline-block;margin-right:.34em;color:#f0d68c;font-size:1.16em;line-height:0;vertical-align:-.04em}.online-lobby__create-row .online-lobby__button-icon{font-size:1.22em}.online-lobby input{color:var(--lobby-ink);border:1px solid #b9ad8d;border-radius:7px 4px 6px;background:#fffdf6;box-shadow:inset 0 1px 2px #172f2914}.online-lobby input::placeholder{color:#667169;opacity:1}.online-lobby input:focus{border-color:var(--lobby-jade-700);box-shadow:0 0 0 3px #0a63492e}.online-lobby button:not(.game-back-button):not(.settings-control__trigger){color:#fff9e8;border:1px solid var(--lobby-gold);border-radius:8px 4px 7px;background:linear-gradient(180deg,#0d6048,var(--lobby-jade-900));box-shadow:inset 0 0 0 1px #fff5cd38,0 2px #032c227a,0 4px 8px #03241c21;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}@media(hover:hover){.online-lobby button:not(.game-back-button):not(.settings-control__trigger):not(:disabled):hover{border-color:var(--lobby-gold-soft);background:linear-gradient(180deg,#117055,#07513e);transform:translateY(-1px)}}.online-lobby button:not(.game-back-button):not(.settings-control__trigger):not(:disabled):active{box-shadow:inset 0 1px 2px #011b1433,0 1px #032c2261;transform:translateY(1px)}.online-lobby button:focus-visible,.online-lobby input:focus-visible,body:has(.online-lobby) .settings-control__trigger:focus-visible,body:has(.online-session-recovery) .settings-control__trigger:focus-visible{outline:3px solid rgba(211,179,103,.64);outline-offset:2px}.online-lobby button:not(.game-back-button):not(.settings-control__trigger):disabled{color:var(--lobby-disabled-ink);border-color:#bdb5a4;background:var(--lobby-disabled);box-shadow:inset 0 1px #ffffff9e,0 1px 2px #1e2a2414;filter:none;opacity:1;transform:none}.online-lobby__connection-help{color:#7b2e27;border-color:#caa58e;background:#f6e8dd;box-shadow:inset 3px 0 #9e302894}.online-lobby__connection-help strong,.online-lobby__connection-help span{color:inherit;opacity:1}.online-lobby__room-item{color:var(--lobby-ink)!important;border:1px solid #d7d5bd!important;border-left:4px solid #2f8b64!important;border-radius:5px 8px 5px 7px!important;background:#eef0df!important;box-shadow:0 1px 3px #172f2914!important;filter:none!important;opacity:1!important}.online-lobby__room-item strong{color:#102f28;font-family:var(--font-numeric);font-weight:800;letter-spacing:.04em}.online-lobby__room-item span:nth-of-type(n+2){color:#1b654b;font-weight:700}.online-lobby__room-item:disabled{color:#58615a!important;border-color:#c7c4b6!important;border-left-color:#789686!important;background:#e2e0d4!important;box-shadow:none!important}.online-lobby__room-item:disabled strong,.online-lobby__room-item:disabled span{color:#58615a!important}.online-lobby__room-item:hover:not(:disabled),.online-lobby__room-item:focus-visible{border-color:var(--lobby-gold)!important;border-left-color:var(--lobby-jade-700)!important;background:#f7f5e7!important;box-shadow:0 2px 6px #172f291f!important}.online-lobby__room-item:active:not(:disabled){background:#e4ead5!important}.online-lobby__room-list>p{color:#657068}.online-room__header>div>span{color:#246b51;font-family:var(--font-numeric);font-weight:700}.online-room__seat{color:var(--lobby-ink);border:1px solid #d7c792;border-radius:7px 4px 6px;background:#fbf8ef;box-shadow:inset 0 0 0 1px #ffffffb8,0 2px 5px #2d362c14}.online-room__seat>span{color:var(--lobby-seat-red);font-family:var(--font-display);font-weight:700}.online-room__seat small,.online-room__seat em{color:#49645a;opacity:1}.online-room__seat--ready{border-color:#55906c;background:#e8f0df;box-shadow:inset 4px 0 #4a9568,inset 0 0 0 1px #ffffff8a}.online-room__seat--ready em{color:#17663f;font-weight:800}.online-room__seat--disconnected{border-color:#a94a3d;background:#f4e4da;box-shadow:inset 4px 0 #9e3028}.online-room__seat--disconnected em{color:#8d2c24}.online-lobby .online-room__take-seat{color:#fff9e8;border-color:var(--lobby-gold);background:linear-gradient(180deg,#0d6048,var(--lobby-jade-900))}.online-room__actions{border-top-color:#cabd99}.online-room__action-status{color:#52675f}.online-room__empty h2{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,18px)}.online-room__empty h2:before,.online-room__empty h2:after{width:clamp(28px,5vw,72px);height:1px;content:"";background:linear-gradient(90deg,transparent,#9f987f)}.online-room__empty h2:after{background:linear-gradient(90deg,#9f987f,transparent)}.online-lobby__status{color:#fbf6e9;border:1px solid rgba(211,179,103,.45);border-radius:7px 4px 6px;background:linear-gradient(90deg,#06392e,#07513e);box-shadow:inset 0 1px #ffffff0f,0 2px 5px #011c1529}.online-lobby__status:before{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;content:"";border:2px solid #d3b367;border-radius:5px 5px 8px 8px;background:radial-gradient(circle,#e6c873 0 2px,transparent 3px)}.online-lobby .game-back-button{color:#fff2c4}body:has(.online-lobby) .settings-control__trigger,body:has(.online-session-recovery) .settings-control__trigger{color:#063f32;border:1px solid rgba(211,179,103,.78);background:linear-gradient(145deg,#fffaf0,#eee5cf);box-shadow:inset 0 1px #fff,0 2px #7d6636,0 5px 10px #011c1538}body:has(.online-session-recovery) .settings-control{top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}body:has(.online-session-recovery) .settings-control__trigger{width:46px;height:46px}.online-lobby__room-conflict{color:var(--lobby-ink);border-color:var(--lobby-gold);background:linear-gradient(145deg,#fbf8ef,#f0e7d4);box-shadow:0 12px 30px #011c154d}.online-lobby__room-conflict p{color:var(--lobby-ink-soft)}.online-session-recovery{color:var(--lobby-ink);background:linear-gradient(180deg,#033026f0,#044635f5),url(../visual/bamboo-forest.svg) center / cover no-repeat,var(--lobby-jade-900);box-shadow:inset 0 0 0 1px #d3b36794,inset 0 0 0 4px #022d23c7}.online-session-recovery:before{background:url(../visual/ink-bamboo.svg) right center / auto 108% no-repeat,url(../visual/ink-landscape.svg) center bottom / cover no-repeat;opacity:.08}.online-lobby:before,.online-session-recovery:before{animation:lobby-ink-scenery-drift 24s ease-in-out infinite alternate}@keyframes lobby-ink-scenery-drift{0%{transform:translate3d(-.8%,.2%,0) scale(1.015)}50%{transform:translate3d(.35%,-.45%,0) scale(1.02)}to{transform:translate3d(.7%,.15%,0) scale(1.012)}}.online-session-recovery section{position:relative;z-index:1;color:var(--lobby-ink);border:1px solid rgba(173,129,54,.52);border-radius:10px 5px 9px;background:linear-gradient(180deg,var(--lobby-paper-strong),var(--lobby-paper));box-shadow:inset 0 0 0 1px #ffffffad,0 12px 30px #011c1542}.online-session-recovery h1{color:var(--lobby-ink);font-family:var(--font-ui);font-weight:700;letter-spacing:.05em;text-shadow:none}.online-session-recovery p{color:var(--lobby-ink-soft);opacity:1}.online-session-recovery button{color:#fff9e8;border:1px solid var(--lobby-gold);border-radius:8px 4px 7px;background:linear-gradient(180deg,#0d6048,var(--lobby-jade-900));box-shadow:inset 0 0 0 1px #fff5cd38,0 2px #032c227a;font-family:var(--font-ui);font-weight:700;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}@media(hover:hover){.online-session-recovery button:hover{border-color:var(--lobby-gold-soft);background:linear-gradient(180deg,#117055,#07513e);transform:translateY(-1px)}}.online-session-recovery button:active{box-shadow:inset 0 1px 2px #011b1433,0 1px #032c2261;transform:translateY(1px)}.online-session-recovery button:focus-visible{outline:3px solid rgba(211,179,103,.64);outline-offset:2px}.recoverable-error,.recoverable-error__content{color:var(--home-paper)}.recoverable-error__content h1{color:#fff8df;text-shadow:0 4px 18px rgba(2,29,18,.62)}.recoverable-error__content p{color:#f9f5ddd6}.ios-install-hint,.android-fullscreen-prompt{color:var(--home-ink);border-color:#fffff4e0;border-radius:20px 7px 18px 8px;background:linear-gradient(145deg,#fffff9fa,#e0ead8f7);box-shadow:0 14px 32px #021f1347}.ios-install-hint button,.android-fullscreen-prompt button{color:#fdf9e7;border-color:#decd91a8;border-radius:14px 5px 13px 6px;background:linear-gradient(180deg,#287351,#0b5036)}.orientation-gate strong{position:relative;z-index:1}html[data-ink-motion-paused=true] .home-ink-effects:before,html[data-ink-motion-paused=true] .home-ink-effects>span{animation-play-state:paused}@keyframes home-paper-absorb{0%{opacity:.76}42%{opacity:.34}to{opacity:0}}@keyframes home-ink-bloom-left{0%{opacity:0;transform:translate3d(-12%,-6%,0) scale(.38) rotate(-8deg)}52%{opacity:.3}to{opacity:.24;transform:translate3d(2%,1%,0) scale(1.08) rotate(2deg)}}@keyframes home-ink-bloom-right{0%{opacity:0;transform:translate3d(14%,8%,0) scale(.34) rotate(184deg)}54%{opacity:.28}to{opacity:.22;transform:translate3d(-1%,-2%,0) scale(1.1) rotate(174deg)}}@keyframes home-mist-flow-back{0%{opacity:.13;transform:translate3d(-2.2%,0,0) scaleX(1.01)}to{opacity:.2;transform:translate3d(2.4%,-2%,0) scaleX(1.035)}}@keyframes home-mist-flow-front{0%{opacity:.1;transform:translate3d(2.6%,1%,0) scaleX(1.025)}to{opacity:.16;transform:translate3d(-2.2%,-1%,0) scaleX(1.01)}}@keyframes home-bamboo-breathe{0%{opacity:.12;transform:rotate(-.35deg) translateZ(0)}to{opacity:.19;transform:rotate(.45deg) translate3d(-.45%,0,0)}}@keyframes home-bamboo-breathe-left{0%{opacity:.14;transform:scaleX(-1) rotate(.4deg) translateZ(0)}to{opacity:.21;transform:scaleX(-1) rotate(-.45deg) translate3d(.45%,0,0)}}@keyframes home-title-ink-write{0%{clip-path:inset(0 100% 0 0);opacity:.08;transform:translate3d(-8px,0,0)}58%{clip-path:inset(0 24% 0 0);opacity:.76}to{clip-path:inset(0 0 0 0);opacity:1;transform:translateZ(0)}}@keyframes home-paper-button-rise{0%{opacity:.2;scale:.975;translate:0 14px}to{opacity:1;scale:1;translate:0 0}}@media(orientation:landscape)and (max-height:500px){.main-menu__content,.start-screen__content,.online-session-recovery section,.recoverable-error__content{width:min(700px,88vw);gap:14px;padding:10px 48px}.main-menu__heading,.start-screen__title-block{gap:5px}.main-menu__title-kicker,.start-screen__title-kicker{font-size:11px}.main-menu__heading h1,.start-screen__title-block h1{width:min(600px,100%);min-height:0;padding:10px clamp(44px,6vw,58px) 12px;border-width:4px;box-shadow:inset 0 0 0 2px #ca9e6c80,inset 0 0 0 6px #361e147a,inset 0 -10px 16px #2b160e3d,0 5px #2c1911,0 11px 20px #021b1142}.home-title-lockup{gap:clamp(15px,2.8vw,22px)}.home-title-ink{font-size:clamp(92px,25dvh,118px)}.home-title-seal{width:clamp(52px,13dvh,66px);padding:7px 6px;border-width:3px;font-size:clamp(20px,5.2dvh,26px)}.main-menu__heading h1{width:min(430px,56vw);padding:4px 10px 6px}.main-menu .home-title-lockup{gap:12px}.main-menu .home-title-ink{font-size:clamp(116px,min(32dvh,18vw),140px)}.main-menu .home-title-seal{width:clamp(48px,12.5dvh,62px);padding:6px 5px}.main-menu__heading p,.start-screen__subtitle,.start-screen__content>p{font-size:14px}.main-menu__actions{width:min(590px,100%);gap:14px}.main-menu__actions button{min-height:70px;padding:9px 22px 8px}.main-menu__actions button span{font-size:25px}.main-menu__actions button small{font-size:11px}.start-screen__button{min-height:60px;font-size:23px}.start-screen__install{gap:5px;padding-block:5px;font-size:12px}.online-lobby h1{font-size:clamp(18px,2.4vw,22px)}}@media(orientation:landscape)and (max-height:420px){.main-menu__content,.start-screen__content,.online-session-recovery section,.recoverable-error__content{gap:8px;padding-block:4px}.main-menu__heading,.start-screen__title-block{gap:3px}.main-menu__heading h1,.start-screen__title-block h1{width:min(560px,100%);padding:6px 30px 8px}.home-title-lockup{gap:14px}.home-title-ink{font-size:clamp(78px,27dvh,104px)}.home-title-seal{width:clamp(46px,15dvh,60px);padding:6px 5px;font-size:clamp(18px,5.8dvh,23px)}.main-menu__heading h1{width:min(92%,clamp(300px,58vw,390px));padding:3px 10px 4px}.main-menu .home-title-lockup{gap:10px}.main-menu .home-title-ink{font-size:clamp(100px,min(33dvh,18.5vw),126px)}.main-menu .home-title-seal{width:clamp(44px,14dvh,56px);padding:5px 4px}.main-menu__heading p,.start-screen__subtitle,.start-screen__content>p{font-size:12px}.main-menu__actions button{min-height:58px;gap:2px;padding-block:6px}.main-menu__actions button span{font-size:23px}.main-menu__actions button small{font-size:10px}.start-screen__button{min-height:52px;padding-block:8px;font-size:21px}.start-screen__install{gap:4px;padding-block:3px;font-size:11px;line-height:1.3}.start-screen__install button{min-height:44px;font-size:15px}}@media(orientation:portrait)and (max-width:620px){.main-menu,.start-screen,.orientation-gate{background-position:60% center}.main-menu__content,.start-screen__content{width:min(92vw,470px);padding-inline:18px}.main-menu__heading h1,.start-screen__title-block h1{width:min(100%,440px);min-height:clamp(150px,46vw,200px);padding:16px 26px 19px}.home-title-lockup{gap:clamp(12px,4vw,18px)}.home-title-ink{font-size:clamp(78px,24vw,112px)}.home-title-seal{width:clamp(48px,15vw,64px);padding:7px 6px;font-size:clamp(19px,6vw,26px)}.main-menu__heading h1{min-height:clamp(162px,48vw,214px);padding-top:20px;padding-bottom:23px}.main-menu .home-title-ink{font-size:clamp(82px,25vw,116px)}.main-menu .home-title-seal{width:clamp(46px,14vw,60px);padding:6px 5px}.main-menu__actions{grid-template-columns:1fr;width:min(330px,86vw)}.main-menu__actions button{min-height:82px}}@media(orientation:landscape)and (max-height:500px)and (max-width:680px){.online-lobby .online-room__header{gap:6px}.online-lobby .online-room__header>div{flex:1 1 auto;gap:6px;overflow:hidden}.online-lobby .online-room__header h2{flex:1 1 auto;min-width:0;overflow:hidden;font-size:18px;text-overflow:ellipsis}.online-lobby .online-room__header>div>span,.online-lobby .online-room__header>button{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.home-ink-effects:before,.home-ink-effects>span,.home-title-ink,.home-title-seal,.main-menu__heading h1:before,.start-screen__title-block h1:before,.main-menu__heading h1:after,.start-screen__title-block h1:after,.main-menu__actions button,.start-screen__button{animation:none!important}.home-ink-effects:before{opacity:0}.main-menu:before{opacity:1!important;transform:none}.online-lobby:before,.online-session-recovery:before{animation:none!important;opacity:.08!important;transform:none}.home-ink-effects__wash--left{opacity:.2;transform:translate3d(2%,1%,0) scale(1.08) rotate(2deg)}.home-ink-effects__wash--right{opacity:.18;transform:translate3d(-1%,-2%,0) scale(1.1) rotate(174deg)}.main-menu__actions button,.start-screen__button{transition:none}}