@media (orientation:portrait) and (width<=900px){body.play-theme-teahouse-mahjong .play-shell[data-game-shell]{--game-width-from-height:100vw}body.play-theme-teahouse-mahjong .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:max(460px,100svh - 112px)}}@media (orientation:landscape) and (height<=520px){body.play-theme-teahouse-mahjong .play-shell[data-game-shell]{--game-width-from-height:100vw}body.play-theme-teahouse-mahjong .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:max(230px,100svh - 108px)}}body.play-theme-teahouse-mahjong .play-shell[data-game-shell]:fullscreen{--game-shell-max-width:100vw;--fullscreen-game-width:100vw}body.play-theme-teahouse-mahjong .play-shell[data-game-shell]:fullscreen .game-stage{aspect-ratio:auto;height:calc(100dvh - 56px)}body.play-theme-teahouse-mahjong{--player-surface:#5b3a2a;--player-ink:#fbf1e0}.teahouse{--ink:#3b2a20;--paper:#fffaf0;--sand:#f4e7cf;--jade:#2f7d5b;--jade-dark:#235f45;--red:#b8412c;--side:clamp(196px, 27cqw, 268px);isolation:isolate;width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#6b4430,#54331f);grid-template:"hud""board"minmax(0,1fr)"message""tools"/minmax(0,1fr);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;line-height:1.25;display:grid;position:relative;overflow:hidden;container:teahouse/size}.teahouse *,.teahouse :before,.teahouse :after{box-sizing:border-box}.teahouse button{color:inherit;font-family:inherit}.teahouse svg{flex:none;display:block}.teahouse button:focus-visible{outline-offset:2px;outline:3px solid #ffcf4d}.th-hud{background:#fffaf0f2;border-radius:14px;grid-area:hud;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:5px 5px 0;padding:5px 10px;display:flex;box-shadow:0 2px 10px #1e100840}.th-where{min-width:0;display:grid}.th-room{letter-spacing:.02em;color:#7a5a44;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:750;overflow:hidden}.th-level{color:#3b2a20;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:850;overflow:hidden}.th-stats{flex:none;gap:10px;margin:0;display:flex}.th-stats div{justify-items:center;display:grid}.th-stats dt{text-transform:uppercase;letter-spacing:.06em;color:#8a6a52;font-size:10.5px;font-weight:750}.th-stats dd{font-variant-numeric:tabular-nums;color:#3b2a20;margin:0;font-size:16px;font-weight:850}.th-records{color:#6b5646;margin:0;font-size:12.5px;font-weight:650;display:none}.th-records svg{vertical-align:-3px;width:15px;height:15px;margin-right:2px;display:inline-block}.teahouse[data-mode=wide] .th-records{display:block}.th-board{border-radius:16px;grid-area:board;min-height:0;margin:3px 3px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff0d259}.th-canvas{touch-action:none;cursor:pointer;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.th-canvas:focus-visible{box-shadow:inset 0 0 0 3px #ffcf4d}.th-message{text-align:center;color:#fbf1e0;grid-area:message;justify-content:center;align-items:center;min-height:30px;margin:0;padding:3px 10px;font-size:13.5px;font-weight:650;display:flex}.th-message[data-tone=warn]{color:#ffd9a8;font-weight:800}.th-message[data-tone=good]{color:#c9f2d4;font-weight:750}.th-tools{grid-area:tools;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 5px 5px;display:grid}.th-tool{cursor:pointer;background:#fffaf0;border:0;border-radius:14px;align-content:center;justify-items:center;gap:2px;min-width:44px;min-height:54px;padding:4px 2px;font-size:12.5px;font-weight:800;display:grid;box-shadow:0 3px #c9b28a;color:#3b2a20!important}.th-tool svg{color:#5b3a2a;width:24px;height:24px}.th-tool:hover:not(:disabled){background:#fff3da}.th-tool:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #c9b28a}.th-tool:disabled{opacity:.5;cursor:default}.th-tool[data-nudge=true]:not(:disabled){background:#ffe7a8;animation:1s ease-in-out infinite alternate th-glow;box-shadow:0 3px #d0a13a,0 0 0 3px #ffd666cc}.teahouse[data-mode=wide]{grid-template-columns:minmax(0, 1fr) var(--side);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"board hud""board message""board tools"}.teahouse[data-mode=wide] .th-board{margin:3px 0 3px 3px}.teahouse[data-mode=wide] .th-hud{flex-direction:column;align-items:stretch;gap:8px;margin:6px 6px 0;padding:10px 12px}.teahouse[data-mode=wide] .th-room{white-space:normal}.teahouse[data-mode=wide] .th-level{white-space:normal;font-size:17px}.teahouse[data-mode=wide] .th-stats{justify-content:space-between}.teahouse[data-mode=wide] .th-message{background:#0000002e;border-radius:12px;align-self:start;min-height:60px;margin:6px;padding:8px 10px}.teahouse[data-mode=wide] .th-message:empty{background:0 0}.teahouse[data-mode=wide] .th-tools{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 6px 6px}.teahouse[data-mode=wide] .th-tool{grid-auto-flow:column;justify-content:start;gap:8px;min-height:50px;padding:6px 10px;font-size:14px}.teahouse[data-mode=wide] .th-tool:last-child{grid-column:span 2}.th-card{z-index:4;background:#28160c6b;place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:auto}.th-card[hidden],.th-panel[hidden]{display:none}.th-card-inner{background:var(--paper);text-align:center;overscroll-behavior:contain;border-radius:22px;width:min(440px,100%);max-height:100%;padding:18px 20px;animation:.22s ease-out th-fade;overflow:auto;box-shadow:0 20px 50px #140a0466}.th-card-inner h2{color:#3b2a20;margin:4px 0 8px;font-size:24px;line-height:1.15}.th-logo{letter-spacing:.01em;color:#7a3a24!important;font-size:32px!important}.th-lead{margin:0 0 10px;font-size:16px;font-weight:600}.th-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--jade);margin:0;font-size:12px;font-weight:800}.th-small{color:#5b4a3e;margin:6px 0;font-size:14px}.th-note{text-align:left;background:#fff0d6;border-radius:10px;margin:8px 0;padding:8px 10px;font-size:13px}.th-steps{text-align:left;counter-reset:step;gap:7px;margin:0 0 12px;padding:0;list-style:none;display:grid}.th-steps li{background:var(--sand);counter-increment:step;border-radius:12px;padding:7px 10px 7px 42px;font-size:14.5px;position:relative}.th-steps li:before{content:counter(step);background:var(--jade);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid;position:absolute;top:50%;left:10px;translate:0 -50%}.th-badges{color:#3f5a3a;margin:6px 0;font-size:13.5px}.th-badge{color:#2f5f35;background:#e3f2dc;border-radius:999px;align-items:center;gap:4px;margin-right:4px;padding:3px 9px 3px 6px;font-size:12px;font-weight:850;display:inline-flex}.th-badge svg{width:16px;height:16px}.th-tea{text-align:left;background:#f7eedc;border-radius:16px;align-items:center;gap:12px;margin:10px 0 4px;padding:10px;display:flex}.th-tea h3{color:#3b2a20;margin:2px 0;font-size:17px}.th-tea-art{flex:none}.th-card-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.th-button{min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #d8c29a;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex}.th-button svg{width:20px;height:20px}.th-button small{opacity:.85;flex-basis:100%;margin-top:-4px;font-size:11.5px;font-weight:700}.th-button.primary{border-color:var(--jade-dark);background:var(--jade);color:#fff;box-shadow:0 3px 0 var(--jade-dark)}.th-panel{z-index:5;background:#28160c80;place-items:center;padding:8px;display:grid;position:absolute;inset:0}.th-panel-inner{background:var(--paper);overscroll-behavior:contain;border-radius:20px;width:min(720px,100%);max-height:100%;padding:0 14px 14px;overflow:auto;box-shadow:0 20px 50px #140a0466}.th-panel-head{z-index:1;background:var(--paper);border-bottom:1px solid #eadfc8;align-items:center;gap:10px;margin:0 -14px 6px;padding:10px 10px 8px 16px;display:flex;position:sticky;top:0}.th-panel-head h2{color:#3b2a20;flex:1;margin:0;font-size:20px}.th-panel-head h2 small{color:var(--jade);font-size:15px}.th-icon{background:var(--sand);cursor:pointer;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.th-icon svg{width:20px;height:20px}.th-room-block h3{color:#3b2a20;margin:10px 0 6px;font-size:15px}.th-room-block h3 small{color:var(--jade);font-size:12.5px;font-weight:650}.th-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.th-level-button{text-align:left;cursor:pointer;background:#fff;border:2px solid #eadcc0;border-radius:12px;align-items:center;gap:8px;width:100%;min-height:50px;padding:6px 8px;display:flex;position:relative}.th-level-button.is-done{background:#f3f8ee;border-color:#cfe3c4}.th-level-button.is-current{border-color:#e8a21f;box-shadow:0 0 0 2px #e8a21f59}.th-level-button:disabled{cursor:default;background:#f1ece2;border-color:#e6dccb;color:#8a7a6a!important}.th-level-no{background:var(--sand);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:850;display:grid}.th-level-no svg{width:14px;height:14px}.th-level-text{min-width:0;display:grid}.th-level-text b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.th-level-text small{color:#6b5646;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.th-level-leaf,.th-level-check{position:absolute;top:4px;right:5px}.th-level-leaf svg,.th-level-check svg{width:15px;height:15px}.th-level-check{color:var(--jade)}.th-panel-foot{color:#5b4a3e;margin:10px 2px 0;font-size:13px}.th-setting-title{color:#3b2a20;margin:12px 0 6px;font-size:15px}.th-sets{gap:8px;display:grid}.th-set,.th-toggle{text-align:left;cursor:pointer;background:#fff;border:2px solid #eadcc0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;display:flex}.th-set[aria-pressed=true]{border-color:var(--jade);background:#eef7ef;box-shadow:0 0 0 2px #2f7d5b40}.th-set-tiles{flex:none;gap:3px;display:flex}.th-set-tiles canvas{border-radius:4px;box-shadow:2px 2px #2c6a4e}.th-set-text{gap:2px;min-width:0;display:grid}.th-set-text b{font-size:15px}.th-set-text small{color:#5b4a3e;font-size:12.5px;line-height:1.3}.th-switch{background:#d8cdb5;border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.th-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.th-toggle[aria-pressed=true] .th-switch{background:var(--jade)}.th-toggle[aria-pressed=true] .th-switch:after{transform:translate(18px)}@keyframes th-fade{0%{opacity:0}to{opacity:1}}@keyframes th-glow{0%{filter:brightness()}to{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){.th-card-inner,.th-tool[data-nudge=true]:not(:disabled){animation:none}.th-switch,.th-switch:after{transition:none}}@container teahouse (width<=520px){.th-card-inner{padding:14px}.th-card-inner h2{font-size:21px}.th-logo{font-size:28px!important}.th-lead{font-size:15px}.th-steps li{padding:6px 8px 6px 38px;font-size:13.5px}.th-steps li:before{width:22px;height:22px;font-size:12px;left:8px}.th-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.th-tea{text-align:center;flex-direction:column}}@container teahouse (width<=370px){.th-hud{gap:6px;padding:4px 8px}.th-stats{gap:7px}.th-stats dd{font-size:15px}.th-level{font-size:14px}.th-tool{font-size:11.5px}.th-button{padding:0 14px;font-size:14px}}@container teahouse (height<=600px){.th-tool{min-height:48px}.th-tool svg{width:22px;height:22px}.th-message{min-height:26px;font-size:12.5px}}@container teahouse (height<=480px){.teahouse[data-mode=wide]{grid-template-rows:auto minmax(0,1fr) auto}.teahouse[data-mode=wide] .th-hud{gap:4px;padding:6px 10px}.teahouse[data-mode=wide] .th-level{font-size:15px}.teahouse[data-mode=wide] .th-message{z-index:2;max-width:calc(100cqw - var(--side) - 36px);color:#3b2a20;background:#fffaf0f2;border-radius:12px;grid-area:auto;min-height:0;margin:0;padding:6px 12px;font-size:13px;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 10px #140a0459}.teahouse[data-mode=wide] .th-message[data-tone=warn]{color:#9a3412}.teahouse[data-mode=wide] .th-message[data-tone=good]{color:#2f5f35}.teahouse[data-mode=wide] .th-message:empty{display:none}.teahouse[data-mode=wide] .th-tools{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:4px}.teahouse[data-mode=wide] .th-tool{grid-auto-flow:row;justify-content:center;justify-items:center;gap:1px;min-height:48px;padding:3px 2px;font-size:11.5px}.teahouse[data-mode=wide] .th-tool svg{width:20px;height:20px}.teahouse[data-mode=wide] .th-tool:last-child{grid-column:auto}.th-card-inner{padding:10px 16px}.th-steps{gap:4px;margin-bottom:6px}.th-steps li{padding:4px 8px 4px 36px;font-size:13px}.th-lead{margin-bottom:6px;font-size:14.5px}.th-card-actions{margin-top:6px}.th-card-inner h2{margin:2px 0 4px}}