.embroidery-workspace{height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem;min-height:400px;display:grid;position:sticky;top:1rem}.embroidery-options-scroll{overscroll-behavior-y:contain;min-height:0;padding:.25rem;scroll-padding:1rem;overflow-y:auto}.embroidery-options-scroll .workspace-controls{background:0 0;width:auto;height:auto;max-height:none;margin-top:.75rem;padding:0;display:block;position:static;overflow:visible}.embroidery-options-scroll .embroidery-controls-close{display:none}.embroidery-preview-region{min-width:0;min-height:0;overflow:hidden}.embroidery-preview-region #embroidery-preview{flex-direction:column;gap:.5rem;height:100%;display:flex}.embroidery-preview-region #embroidery-preview>div:first-child{flex:none}.embroidery-preview-region .embroidery-preview-board{aspect-ratio:1;flex:none;width:min(100%,100dvh - 15rem);max-height:calc(100% - 11rem);margin-top:.25rem}.embroidery-preview-region .embroidery-touch-toolbar{flex:none;margin:0}.embroidery-preview-region #embroidery-preview>p{margin:0}@media (max-width:767px){.embroidery-workspace{top:env(safe-area-inset-top);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);grid-template-rows:52% minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.5rem;min-height:340px}.embroidery-preview-region{grid-row:1}.embroidery-options-scroll{padding-bottom:max(1rem,env(safe-area-inset-bottom));border-top:1px solid #f5c9e440;grid-row:2}.embroidery-preview-region #embroidery-preview{border-radius:1rem;padding:.5rem}.embroidery-preview-region #embroidery-preview h2{font-size:1rem}.embroidery-preview-region .embroidery-preview-board{width:min(100%,48dvh - 7rem);min-width:120px;max-height:none}.embroidery-preview-region #embroidery-preview>p{font-size:.65rem}.embroidery-preview-region .embroidery-touch-toolbar{display:none}}:is(.workspace-game-active.rang-shell,.workspace-online-active.rang-party,.workspace-manfee-active.manfee-ui){width:100%;max-width:none;height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);--room-edge:clamp(.35rem,1vw,1rem);flex-direction:column;margin:0;display:flex;overflow:hidden}.workspace-game-active .rang-topbar,.workspace-online-active>header,.workspace-manfee-active .mf-header{flex:none;width:100%;max-width:none;min-height:52px;margin:0;padding:.35rem .65rem;position:relative}.workspace-game-active .rang-topbar small{display:none}.workspace-online-active>header{grid-template-columns:44px minmax(0,1fr) auto}.workspace-online-active>header>div:nth-child(2){min-width:0}.workspace-online-active>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-online-active>header button{width:44px;height:44px}.workspace-manfee-active .mf-brand{flex-direction:row;align-items:center;gap:.6rem}.workspace-manfee-active .mf-brand b{font-size:clamp(.9rem,2vw,1.25rem)}.workspace-manfee-active .mf-header select{min-height:44px}.workspace-game-active .rang-game,.workspace-online-active .rang-online-game{width:100%;min-width:0;max-width:none;min-height:0;padding:.25rem var(--room-edge);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.workspace-manfee-active .workspace-manfee-grid{width:100%;min-width:0;max-width:none;min-height:0;padding:.25rem var(--room-edge);flex:1;grid-template-columns:minmax(0,1fr) 260px;gap:.6rem;margin:0;display:grid}.workspace-game-primary{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.workspace-game-active .rang-scorebar,.workspace-online-active .rang-online-status,.workspace-manfee-active .mf-scoreboard{flex:none;width:100%;max-width:none;margin:0;padding:.35rem .65rem;font-size:.8rem;position:relative;top:auto}.workspace-manfee-active .mf-scoreboard>div{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem}.workspace-manfee-active .mf-scoreboard strong{font-size:1.2rem}.workspace-manfee-active .mf-phase,.workspace-manfee-active .mf-trump{flex:none;min-height:0;margin:.15rem 0;padding:.1rem .4rem;font-size:.8rem;line-height:1.4}.workspace-game-active .rang-table,.workspace-online-active .rang-online-table,.workspace-manfee-active .mf-table{flex:1;width:100%;max-width:none;height:auto;min-height:210px;max-height:none;margin:.3rem 0}.workspace-game-active .rang-table:after{inset:12%}.workspace-manfee-active .mf-table{border-radius:38%}.workspace-manfee-active .mf-seat{max-width:150px;padding:.25rem}.workspace-manfee-active .mf-avatar{width:32px;height:32px;box-shadow:none;font-size:.8rem}.workspace-manfee-active .mf-seat strong{font-size:.85rem}.workspace-manfee-active .mf-seat small{font-size:.68rem}.workspace-manfee-active .mf-east,.workspace-manfee-active .mf-west{top:50%;transform:translateY(-50%)}.workspace-manfee-active .mf-east .mf-seat,.workspace-manfee-active .mf-west .mf-seat{width:105px}.workspace-game-active .rang-hand-area,.workspace-online-active .rang-hand-area,.workspace-manfee-active .mf-hand-area{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 .5rem;width:100%;max-width:none;margin:0;padding:.2rem .5rem;display:grid}.workspace-game-active .rang-turn,.workspace-online-active .rang-turn,.workspace-manfee-active .mf-hand-area h2{text-align:start;grid-area:1/1;margin:0;font-size:.8rem}.workspace-game-active .rang-play-card,.workspace-online-active .rang-play-card,.workspace-manfee-active .mf-play{grid-area:1/2;min-width:0;min-height:44px;margin:0;padding:.4rem .8rem;font-size:.8rem;position:static}.workspace-game-active .rang-hand,.workspace-online-active .rang-hand,.workspace-manfee-active .mf-hand{overscroll-behavior-inline:contain;grid-area:2/1/auto/-1;justify-content:center;align-items:end;gap:4px;width:100%;max-width:none;min-height:0;margin:0;padding:.6rem .4rem .35rem;scroll-padding-inline:.5rem;display:flex;overflow:auto hidden}.workspace-game-active .rang-hand>button,.workspace-online-active .rang-hand>button{flex:0 0 46px;min-width:46px;margin:0;transform:none}.workspace-game-active .rang-hand button .rang-card,.workspace-online-active .rang-hand button .rang-card{width:60px}.workspace-manfee-active .mf-hand .mf-card{flex-shrink:0;width:58px;max-width:58px;height:84px}.workspace-game-active .rang-hand>button.selected,.workspace-online-active .rang-hand>button.selected{transform:translateY(-4px)}.workspace-game-secondary{border-radius:1rem;align-self:start;min-width:0;min-height:0;max-height:100%;overflow:hidden}.workspace-game-secondary>summary{cursor:pointer;min-height:44px;padding:.7rem;font-weight:700;list-style-position:inside}.workspace-game-secondary>summary:focus-visible{outline-offset:-3px;outline:3px solid #f0bd87}.workspace-secondary-scroll{overscroll-behavior-y:contain;max-height:calc(100dvh - 125px);padding:.6rem;overflow-y:auto}.workspace-manfee-active .mf-audio-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-manfee-active .mf-claim,.workspace-manfee-active .mf-summary{z-index:15;max-height:calc(100% - 80px);position:absolute;inset:65px 10% auto;overflow:auto}.workspace-online-active .rang-room-sheet{inset:auto;inset-block:64px max(.65rem,env(safe-area-inset-bottom));overscroll-behavior-y:contain;border-radius:1.1rem;width:min(320px,90vw);height:auto;max-height:none;position:fixed;inset-inline-end:.65rem;overflow-y:auto;transform:none}@media (min-width:1000px){.workspace-online-active>header{padding-inline:.65rem}.workspace-online-active>header>div:last-child{z-index:40;inset-inline-end:.65rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1729b8;border-radius:1rem;flex-direction:column;padding:.35rem;position:fixed;top:76px}.workspace-online-active .rang-online-game{padding-inline-end:76px}.workspace-online-active .rang-room-sheet{inset-inline-end:72px}.workspace-online-active[data-secondary-open=true] .rang-online-game{padding-inline-end:400px}.workspace-game-active .rang-topbar>button:last-child{inset-inline-end:.65rem;z-index:40;position:fixed;top:76px}.workspace-game-active .rang-game{padding-inline-end:76px}.workspace-game-active:has(.rang-modal,.rang-music) .rang-game{padding-inline-end:400px}.workspace-game-active .rang-music{right:auto;inset-inline-end:.65rem;width:320px;top:76px}}.workspace-game-active .rang-modal{inset:auto;inset-block:64px max(.65rem,env(safe-area-inset-bottom));background:0 0;width:min(340px,90vw);max-height:none;padding:0;display:block;position:fixed;inset-inline-end:.65rem;overflow:auto}.workspace-game-active .rang-modal>div{max-height:none;margin:0}.workspace-game-active .rang-music{max-height:70dvh;bottom:max(.5rem,env(safe-area-inset-bottom));overflow-y:auto}.workspace-online-active .rang-game-leave{display:none}:root:root:root:root body :is(.workspace-game-active,.workspace-online-active,.workspace-manfee-active) :is(.rang-scorebar,.rang-online-status,.rang-hand-area,.mf-scoreboard,.mf-hand-area,.workspace-game-secondary){color:#f7eddf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1f1b30ad,#1e23319e);border:1px solid #e2c99e4d;box-shadow:0 6px 20px #0a081629}:root:root:root:root body .workspace-manfee-active .mf-seat{background:#19192ab8}@media (max-width:999px){.workspace-manfee-active .workspace-manfee-grid{grid-template-columns:minmax(0,1fr);padding-bottom:48px;position:relative}.workspace-game-secondary{z-index:35;bottom:0;width:min(300px,100% - 1rem);max-height:calc(100% - .5rem);position:absolute;inset-inline-end:.5rem}.workspace-game-secondary:not([open]){width:auto}.workspace-game-secondary[open]{box-shadow:0 12px 40px #00000073}.workspace-secondary-scroll{max-height:calc(100dvh - 170px)}.workspace-manfee-active .mf-header{padding:.25rem .5rem}.workspace-manfee-active .mf-brand{flex-direction:column;gap:0}.workspace-manfee-active .mf-brand-logo{height:20px}.workspace-manfee-active .mf-east .mf-seat,.workspace-manfee-active .mf-west .mf-seat{width:75px}.workspace-online-active>header>div:last-child{gap:0}.workspace-online-active>header button{width:40px;height:44px}.workspace-online-active>header{gap:.2rem}.workspace-game-active .rang-hand,.workspace-online-active .rang-hand,.workspace-manfee-active .mf-hand{justify-content:flex-start}}@media (max-width:399px){.workspace-online-active>header{grid-template-columns:44px minmax(0,1fr)}.workspace-online-active>header>div:last-child{grid-column:1/-1;justify-content:flex-end}.workspace-manfee-active .mf-east .mf-seat,.workspace-manfee-active .mf-west .mf-seat{width:60px}.workspace-manfee-active .mf-seat strong{font-size:.75rem}.workspace-manfee-active .mf-north .mf-seat,.workspace-manfee-active .mf-south .mf-seat{width:128px;max-width:128px}.workspace-manfee-active .mf-avatar{width:26px;height:26px}.workspace-manfee-active .mf-seat small{font-size:.62rem}}@media (max-width:767px){.workspace-online-active .online-seat{grid-template-columns:minmax(0,1fr);gap:.15rem;width:80px;min-width:0;max-width:80px;padding:.3rem}.workspace-online-active .online-seat .rang-avatar{grid-row:auto;justify-self:start;width:25px;height:25px;font-size:.65rem}.workspace-online-active .online-seat .rang-seat-name{flex-wrap:wrap;grid-column:1;justify-content:center;width:100%}.workspace-online-active .online-seat .rang-seat-name b{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:.65rem;line-height:1.25}.workspace-online-active .online-seat>small{text-align:center;grid-column:1/-1;font-size:.6rem;line-height:1.35}.workspace-online-active .online-seat .rang-card-count{top:.3rem;font-size:.6rem;position:absolute;inset-inline-end:.3rem}.workspace-online-active .online-seat .rang-active-turn{font-size:.6rem}.workspace-online-active .rang-online-trick{inset:28% 27%}}.workspace-game-active .rang-hand button.invalid,.workspace-online-active .rang-hand button.invalid{opacity:1;filter:none}.workspace-manfee-active .mf-hand .mf-card:disabled{opacity:1}@media (max-height:520px) and (orientation:landscape){.workspace-game-active .rang-topbar,.workspace-online-active>header,.workspace-manfee-active .mf-header{min-height:44px;padding:.1rem .5rem}.workspace-manfee-active .workspace-manfee-grid{padding-bottom:0;padding-inline-end:62px}.workspace-game-secondary:not([open]){writing-mode:vertical-rl;inset-inline-end:0;width:48px;bottom:.25rem}.workspace-game-secondary[open]{width:280px;max-height:100%;bottom:0}.workspace-game-active .rang-table,.workspace-online-active .rang-online-table,.workspace-manfee-active .mf-table{min-height:150px}.workspace-manfee-active .mf-avatar{display:none}.workspace-online-active .online-seat.s2,.workspace-online-active .online-seat.s0{grid-template:"avatar name count"22px"avatar status turn"12px/25px minmax(0,1fr) 38px;gap:0 .25rem;width:220px;min-width:0;max-width:220px;padding:.2rem .4rem}.workspace-online-active .online-seat.s2 .rang-avatar,.workspace-online-active .online-seat.s0 .rang-avatar{grid-area:avatar;width:25px;height:25px}.workspace-online-active .online-seat.s2 .rang-seat-name,.workspace-online-active .online-seat.s0 .rang-seat-name{grid-area:name;min-width:0;font-size:.65rem;line-height:1.2}.workspace-online-active .online-seat.s2>small,.workspace-online-active .online-seat.s0>small{white-space:nowrap;text-overflow:ellipsis;grid-area:status;max-width:100%;min-height:0;font-size:.6rem;line-height:12px;overflow:hidden}.workspace-online-active .online-seat.s2 .rang-card-count,.workspace-online-active .online-seat.s0 .rang-card-count{grid-area:count;position:static}.workspace-online-active .online-seat.s0 .rang-active-turn{grid-area:turn;padding:0;font-size:.5rem;line-height:10px}.workspace-online-active .rang-online-trick{justify-content:center;align-items:center;gap:8px;display:flex;inset:32% 23%}.workspace-online-active .rang-online-trick .rang-card.played{width:54px;position:static;transform:none}.workspace-manfee-active .mf-north .mf-seat,.workspace-manfee-active .mf-south .mf-seat{grid-template-columns:repeat(3,auto);gap:0 .4rem;width:250px;max-width:250px;padding:.15rem .4rem;display:grid}.workspace-manfee-active .mf-north .mf-seat strong,.workspace-manfee-active .mf-south .mf-seat strong{grid-column:1/-1;font-size:.75rem}.workspace-manfee-active .mf-center{width:270px;height:110px}.workspace-manfee-active .mf-trick{justify-content:center;align-items:center;gap:8px;height:84px;display:flex}.workspace-manfee-active .mf-trick-card{position:static}.workspace-manfee-active .mf-trick .mf-card{width:58px;height:84px}.workspace-manfee-active .mf-seat small{font-size:.6rem}.workspace-game-active .rang-hand-area,.workspace-online-active .rang-hand-area,.workspace-manfee-active .mf-hand-area{top:76px;bottom:26px;z-index:8;flex-direction:column;justify-content:center;width:220px;display:flex;position:absolute;inset-inline:auto .5rem}.workspace-game-active .rang-hand,.workspace-online-active .rang-hand,.workspace-manfee-active .mf-hand{flex:none;width:100%}.workspace-online-active .online-seat.s1,.workspace-online-active .online-seat.s3{grid-template-columns:minmax(0,1fr);gap:0;width:105px;min-width:0;max-width:105px;padding:.2rem}.workspace-online-active .online-seat.s1 .rang-seat-name,.workspace-online-active .online-seat.s3 .rang-seat-name{justify-content:center;font-size:.65rem}.workspace-online-active .online-seat.s1 .rang-avatar,.workspace-online-active .online-seat.s3 .rang-avatar{grid-row:auto;justify-self:start;width:25px;height:25px}.workspace-online-active .online-seat.s1>small,.workspace-online-active .online-seat.s3>small{font-size:.6rem;line-height:1.2}.workspace-online-active .online-seat.s1 .rang-card-count,.workspace-online-active .online-seat.s3 .rang-card-count{top:.2rem;position:absolute;inset-inline-end:.2rem}.workspace-game-active .rang-table,.workspace-online-active .rang-online-table,.workspace-manfee-active .mf-table{align-self:flex-start;width:calc(100% - 240px);margin-bottom:0}.workspace-game-active .rang-hand button .rang-card,.workspace-online-active .rang-hand button .rang-card{width:50px}.workspace-manfee-active .mf-hand .mf-card{width:50px;height:75px;min-height:75px}.workspace-manfee-active .mf-hand-area h2,.workspace-game-active .rang-turn{display:none}.workspace-manfee-active .mf-play,.workspace-game-active .rang-play-card{min-height:44px}.workspace-manfee-active .mf-hand{padding:.25rem}}.workspace-game-active .rang-music .khorjin-aura-sound{gap:.35rem;grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:0!important;padding:.5rem!important}.workspace-game-active .rang-music .khorjin-aura-copy{grid-area:1/1/auto/-1;min-width:0;padding-inline-end:38px}.workspace-game-active .rang-music .khorjin-aura-copy small{overflow-wrap:anywhere}.workspace-game-active .rang-music .khorjin-aura-progress{grid-area:3/1/auto/-1;width:100%;min-width:0}.workspace-game-active .rang-music .khorjin-aura-mark{display:none}.workspace-game-active .rang-music .khorjin-aura-time{grid-area:4/5;font-size:.7rem}.workspace-game-active .rang-music .khorjin-aura-forward{display:inline-flex!important}.workspace-game-active .rang-music .khorjin-aura-sound button{width:44px;min-width:0;min-height:44px;padding:.25rem}.workspace-game-active .rang-music>button{top:0;right:auto;width:44px;height:44px;inset-inline-end:0}