.game-loading{--loading-size: 66px;--loading-period: 2.4s;display:flex;gap:14px;align-items:center;color:inherit}.game-loading--compact{--loading-size: 32px;display:inline-flex;gap:8px}.game-loading--panel{--loading-size: 100px;flex-direction:column;justify-content:center;gap:16px;text-align:center;padding:28px 16px}.loading-cups{display:inline-block;position:relative;flex:none;width:var(--loading-size);height:var(--loading-size)}.loading-cup{position:absolute;top:20%;width:29%;height:62%;transform-origin:50% 64%;z-index:1}.loading-cup--1{left:17%;transform:rotate(-18deg);animation:cup-toss-left var(--loading-period) ease-in-out infinite}.loading-cup--2{right:17%;transform:rotate(18deg);animation:cup-toss-right var(--loading-period) ease-in-out -.18s infinite}.loading-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.loading-face--front{animation:cup-front var(--loading-period) steps(1,end) infinite}.loading-face--back{opacity:0;animation:cup-back var(--loading-period) steps(1,end) infinite}.loading-cup--2 .loading-face{animation-delay:-.18s}.loading-shadow{position:absolute;bottom:9%;width:25%;height:5%;border-radius:50%;background:#09070766;filter:blur(1px);animation:cup-shadow var(--loading-period) ease-in-out infinite}.loading-shadow--1{left:18%}.loading-shadow--2{right:18%;animation-delay:-.18s}.loading-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.loading-label{font-family:var(--hand, system-ui, sans-serif);font-size:17px;line-height:1.65}.loading-detail{display:block;font-family:system-ui,sans-serif;font-size:12px;line-height:1.7;opacity:.8}.game-loading--compact .loading-label{font-family:inherit;font-size:inherit;line-height:1.6}.game-loading--compact .loading-detail{font-size:inherit}.startup-loading{min-height:100svh;display:grid;place-items:center;background:var(--c-ink);color:#e9ddc5}body:has(>#root>.startup-loading){margin:0}@keyframes cup-toss-left{0%,14%{transform:translate(0) rotate(-18deg)}28%{transform:translate(-13%,-22%) rotate(28deg)}40%{transform:translate(-3%,-48%) rotate(104deg) scaleX(.15)}54%{transform:translate(9%,-51%) rotate(185deg)}72%{transform:translate(6%,-14%) rotate(280deg) scaleX(.15)}84%{transform:translateY(3%) rotate(342deg)}93%,to{transform:translate(0) rotate(342deg)}}@keyframes cup-toss-right{0%,14%{transform:translate(0) rotate(18deg)}28%{transform:translate(13%,-15%) rotate(-28deg)}40%{transform:translate(3%,-43%) rotate(-104deg) scaleX(.15)}54%{transform:translate(-9%,-47%) rotate(-185deg)}72%{transform:translate(-6%,-12%) rotate(-280deg) scaleX(.15)}84%{transform:translateY(3%) rotate(-342deg)}93%,to{transform:translate(0) rotate(-342deg)}}@keyframes cup-front{0%,72%{opacity:1}40%{opacity:0}}@keyframes cup-back{0%,72%{opacity:0}40%{opacity:1}}@keyframes cup-shadow{0%,14%,84%,to{opacity:.65;transform:scaleX(1)}48%{opacity:.18;transform:scaleX(.55)}}.reduce-motion .loading-cup,.reduce-motion .loading-face,.reduce-motion .loading-shadow{animation:none!important}.loading-paused .loading-cup,.loading-paused .loading-face,.loading-paused .loading-shadow{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.loading-cup,.loading-face,.loading-shadow{animation:none!important}}@font-face{font-family:Iansui UI;src:url(/fonts/iansui-ui.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}:root{--c-paper-ink: #342d27;--c-paper-title: #2b231c;--c-paper-muted: #695d4f;--c-paper-light: #f0e6d2;--c-cinnabar: #7c302c;--c-cinnabar-edge: #58201c;--c-brush-red: #b85e46;--c-error-ink: #8f302b;--c-jade: #99b3a5;--c-jade-deep: #425e52;--c-brass-wire: #8a6f4a;--c-brass-line-quiet: #c0a57244;--c-brass-line-active: #c0a572aa;--c-ink: #101619;--c-cream: #f0e8d8}:root{color-scheme:dark;--ink: #101619;--panel: #202726;--raised: #2B3230;--text: #F0E8D8;--muted: #B7B3A7;--jade: #99B3A5;--brass: #C0A572;--seal: #7C302C;--seal-hover: #8D3A32;--seal-text: #F0E8D8;--ink-accent: #D08B79;--line-border: #788178;--input-bg: #171E1D;--error-text: #E4A59A;--verdict-yes: #E6C98E;--verdict-no: #D3DCCF;--verdict-laugh: #C4D6C8;--verdict-sealed: #E7B9AE;--verdict-hint: #C9AD74;--body-size: 17px;--hand: "Iansui UI", "PingFang TC", "Microsoft JhengHei", sans-serif;--action-width: 124px;--action-height: 52px;font-family:system-ui,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif;font-synthesis:none;background:var(--ink);color:var(--text)}.surface-light{color-scheme:light;--text: #342D27;--muted: #695D4F;--jade: #425E52;--brass: #735B38;--ink-accent: #7C302C;--line-border: #89775F;--input-bg: #F0E6D2;--error-text: #8F302B;--verdict-yes: #6E4E14;--verdict-no: #535854;--verdict-laugh: #38584A;--verdict-sealed: #84414A;--verdict-hint: #5C5144;color:var(--text)}:root{--fret-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none' stroke='%23e6c98e' stroke-width='1.6' stroke-linecap='square'%3E%3Cg transform='translate%280 0%29'%3E%3Cpath d='M1.5 18 V1.5 H18 M5.5 14.5 V5.5 H14.5 V10 H10 V10.5'/%3E%3C/g%3E%3Cg transform='translate%2854 0%29 scale%28-1 1%29'%3E%3Cpath d='M1.5 18 V1.5 H18 M5.5 14.5 V5.5 H14.5 V10 H10 V10.5'/%3E%3C/g%3E%3Cg transform='translate%280 54%29 scale%281 -1%29'%3E%3Cpath d='M1.5 18 V1.5 H18 M5.5 14.5 V5.5 H14.5 V10 H10 V10.5'/%3E%3C/g%3E%3Cg transform='translate%2854 54%29 scale%28-1 -1%29'%3E%3Cpath d='M1.5 18 V1.5 H18 M5.5 14.5 V5.5 H14.5 V10 H10 V10.5'/%3E%3C/g%3E%3Cpath d='M18 1.5 H36 M18 52.5 H36 M1.5 18 V36 M52.5 18 V36'/%3E%3C/svg%3E")}.btn-seal,.btn-frame,.btn-text,.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;margin:0;border:0;background:transparent;color:var(--text);font-family:var(--hand);font-weight:400;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}:is(.btn-seal,.btn-frame,.btn-text,.icon-button):focus-visible{outline:2px solid var(--jade);outline-offset:4px}:is(.btn-seal,.btn-frame,.btn-text,.icon-button):is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:1}:is(.btn-seal,.btn-frame,.btn-text,.icon-button) svg{flex:none}.btn-seal{min-width:var(--action-width);height:var(--action-height);padding:8px 18px;white-space:nowrap;background:var(--seal);color:var(--seal-text);font-size:18px;letter-spacing:.1em;border-radius:7px 5px 8px 6px/5px 8px 6px 7px;box-shadow:0 0 0 1px var(--c-cinnabar-edge),0 3px 8px #0005}.btn-seal:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:11px solid transparent;border-image:var(--fret-gold) 18 / 11px stretch;filter:url(#ui-seal-edge);pointer-events:none;transition:transform .11s ease-out,opacity .11s ease-out}.btn-seal:not(:disabled,[aria-disabled=true]):hover{background:var(--seal-hover);box-shadow:0 0 0 1px var(--c-cinnabar-edge),0 4px 9px #0006;transition-duration:.12s}.btn-seal:not(:disabled,[aria-disabled=true]):active{box-shadow:0 0 0 1px var(--c-cinnabar-edge),inset 0 2px 5px #0006;transition-duration:70ms}.btn-seal:not(:disabled,[aria-disabled=true]):active:before{transform:translateY(1px)}.btn-seal:is(:disabled,[aria-disabled=true]){background:#443534;color:#cbc3b8;box-shadow:inset 0 0 0 1px #8c7c7066}.btn-seal:is(:disabled,[aria-disabled=true]):before{opacity:.4}.surface-light .btn-seal:is(:disabled,[aria-disabled=true]){background:#d8ccb6;color:#6f6354;box-shadow:inset 0 0 0 1px #89775f66}.surface-light .btn-seal:is(:disabled,[aria-disabled=true]):before{opacity:.3;filter:grayscale(1)}.btn-seal[aria-busy=true],.surface-light .btn-seal[aria-busy=true]{background:#593632;color:var(--seal-text);box-shadow:0 0 0 1px var(--c-cinnabar-edge)}.btn-frame{min-width:var(--action-width);height:var(--action-height);padding:8px 18px;white-space:nowrap;font-size:16px;letter-spacing:.12em;border:1px solid var(--c-brass-line-active);border-radius:4px}.btn-frame:not(:disabled,[aria-disabled=true]):hover{border-color:#dfc08f;background:#ffffff0d}.btn-frame:not(:disabled,[aria-disabled=true]):active{box-shadow:inset 0 2px 5px #0003;transition-duration:70ms}.btn-frame:is(:disabled,[aria-disabled=true]){border-color:#827a7066;color:var(--muted)}.surface-light .btn-frame{border-color:var(--line-border)}.surface-light .btn-frame:not(:disabled,[aria-disabled=true]):hover{border-color:var(--text);background:#89775f14}.btn-frame.btn-small{min-width:0;height:auto;min-height:36px;padding:6px 14px;font-size:14px;letter-spacing:.2em}.btn-text{padding:8px 6px;font-size:16px;letter-spacing:.12em;color:#d8cdb4;text-decoration:none;white-space:nowrap}.btn-text:after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:7px;pointer-events:none;background:var(--c-brush-red);-webkit-mask:url(/assets/brush.webp) center / 100% 100% no-repeat;mask:url(/assets/brush.webp) center / 100% 100% no-repeat;opacity:0;transition:opacity .15s}.btn-text:not(:disabled,[aria-disabled=true]):hover{color:var(--text)}.btn-text:not(:disabled,[aria-disabled=true]):hover:after,.btn-text:focus-visible:after{opacity:1}.btn-text:is(:disabled,[aria-disabled=true]){color:var(--muted)}.btn-text.is-primary{color:var(--text)}.btn-text.is-primary:not(:disabled,[aria-disabled=true]):after{opacity:.55;height:4px;bottom:5px}.btn-text.is-primary:not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible):after{opacity:1;height:7px;bottom:3px}.surface-light .btn-text{color:var(--text);text-decoration:underline;text-decoration-color:#89775f88;text-underline-offset:6px}.surface-light .btn-text:after{background:var(--ink-accent)}.surface-light .btn-text:not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible){text-decoration-color:transparent}.surface-light .btn-text:is(:disabled,[aria-disabled=true]){color:var(--muted);text-decoration-color:#89775f44}.icon-button{width:44px;height:44px;padding:0;border-radius:50%;background:#0b1012b3;border:1px solid var(--c-brass-line-quiet);color:#d0d6ce}.icon-button:not(:disabled,[aria-disabled=true]):hover{border-color:var(--c-brass-line-active);background:#101619e6;color:var(--text)}.icon-button:not(:disabled,[aria-disabled=true]):active{box-shadow:inset 0 2px 5px #0004;transition-duration:70ms}.surface-light .icon-button{background:transparent;border-color:transparent;color:var(--muted)}.surface-light .icon-button:not(:disabled,[aria-disabled=true]):hover{background:#89775f1f;color:var(--text)}.btn-seal.has-sub{height:auto;min-height:66px;padding:10px 30px 11px}.btn-seal.has-sub>span{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:100%;line-height:1.2}.btn-seal .btn-main{display:inline-flex;align-items:center;gap:8px}.btn-seal .btn-sub{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:13px;letter-spacing:.14em;color:#f0e8d8c7}.btn-text .btn-count{margin-left:8px;padding-left:10px;border-left:1px solid #c0a57266;font-size:13px;letter-spacing:.08em;color:#c9ad74;font-variant-numeric:tabular-nums}.reduce-motion .btn-seal:not(:disabled,[aria-disabled=true]):active:before,.intro--static .btn-seal:not(:disabled,[aria-disabled=true]):active:before{transform:none}@media (prefers-reduced-motion: reduce){.btn-seal:not(:disabled,[aria-disabled=true]):active:before{transform:none}}