@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700;900&family=Noto+Sans+TC:wght@400;500;700&family=LXGW+WenKai+TC:wght@400;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap";:root{--font-plaque: "Noto Serif TC", serif;--font-brush: "LXGW WenKai TC", cursive;--font-body: "Noto Sans TC", sans-serif;--font-latin: "Cormorant Garamond", serif;--r-sm: 6px;--r-md: 12px;--r-lg: 18px;--safe-top: max(12px, env(safe-area-inset-top));--safe-bottom: max(10px, env(safe-area-inset-bottom));--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--tap: 46px;--pad-x: 18px;--pad-block: clamp(8px, 1.6vh, 18px)}[data-style=vermilion][data-mode=day]{--paper:#ede0c6;--paper-2:#e4d2b1;--field:#f7efdc;--field-2:#efe2c8;--ink:#2c1e13;--ink-soft:#6a5440;--ink-faint:#9a8870;--primary:#a32c20;--primary-deep:#7a1c14;--on-primary:#f7e9cf;--gold:#a9803a;--gold-bright:#cb9f4d;--gold-line:#bd9544;--accent:#3f6b54;--danger:#8c1b10;--line:rgba(44,30,19,.16);--line-strong:rgba(44,30,19,.3);--veil:rgba(122,28,20,.06);--shadow:0 14px 30px -16px rgba(60,30,12,.55)}[data-style=vermilion][data-mode=night]{--paper:#12131d;--paper-2:#0a0b12;--field:#1a1c29;--field-2:#15172250;--ink:#ece2cd;--ink-soft:#9b97a6;--ink-faint:#615f72;--primary:#c33f2d;--primary-deep:#8d2418;--on-primary:#f4e6cd;--gold:#c19f57;--gold-bright:#e4c879;--gold-line:#9c8246;--accent:#5a8a85;--danger:#d24a36;--line:rgba(236,226,205,.13);--line-strong:rgba(236,226,205,.26);--veil:rgba(40,60,80,.14);--shadow:0 16px 40px -14px rgba(0,0,0,.7)}[data-style=jade][data-mode=day]{--paper:#e6e2d0;--paper-2:#d8d4bd;--field:#f1efe1;--field-2:#e7e4d2;--ink:#1f2a23;--ink-soft:#536056;--ink-faint:#869186;--primary:#386b54;--primary-deep:#264c3b;--on-primary:#eef2e4;--gold:#9c7f3c;--gold-bright:#bb9a4c;--gold-line:#a98f48;--accent:#9c3a2c;--danger:#9c3a2c;--line:rgba(31,42,35,.16);--line-strong:rgba(31,42,35,.3);--veil:rgba(56,107,84,.06);--shadow:0 14px 30px -16px rgba(20,40,28,.5)}[data-style=jade][data-mode=night]{--paper:#0e1614;--paper-2:#07100e;--field:#152120;--field-2:#10191850;--ink:#e4e6d6;--ink-soft:#8f9b90;--ink-faint:#5a665d;--primary:#4f9277;--primary-deep:#2f6450;--on-primary:#eef2e4;--gold:#bba055;--gold-bright:#dcc274;--gold-line:#8f7c44;--accent:#c66b4a;--danger:#d77a4e;--line:rgba(228,230,214,.13);--line-strong:rgba(228,230,214,.26);--veil:rgba(50,90,80,.16);--shadow:0 16px 40px -14px rgba(0,0,0,.7)}[data-style=inkgold][data-mode=day]{--paper:#e9e4d7;--paper-2:#ddd6c4;--field:#f4f0e6;--field-2:#ebe6d8;--ink:#211d16;--ink-soft:#5b5343;--ink-faint:#928a76;--primary:#8a6d2e;--primary-deep:#5f4a1c;--on-primary:#f6f1e2;--gold:#9c7d33;--gold-bright:#c6a14a;--gold-line:#b29142;--accent:#7a2418;--danger:#7a2418;--line:rgba(33,29,22,.16);--line-strong:rgba(33,29,22,.32);--veil:rgba(120,95,40,.06);--shadow:0 14px 30px -16px rgba(40,32,10,.5)}[data-style=inkgold][data-mode=night]{--paper:#0c0c0e;--paper-2:#060607;--field:#16161b;--field-2:#10101450;--ink:#efe9d6;--ink-soft:#9a9384;--ink-faint:#5e5a4e;--primary:#c9a44e;--primary-deep:#8d7232;--on-primary:#16140c;--gold:#d6b463;--gold-bright:#f0d488;--gold-line:#9a8244;--accent:#b8442e;--danger:#cf5238;--line:rgba(239,233,214,.14);--line-strong:rgba(239,233,214,.28);--veil:rgba(120,100,50,.12);--shadow:0 16px 44px -12px rgba(0,0,0,.78)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:#0c0a07;min-height:100vh;min-height:100dvh;overflow:hidden;font-family:Noto Sans TC,system-ui,sans-serif}.app-root{position:fixed;inset:0;background:#0c0a07;display:flex;justify-content:center}.app-frame{position:relative;width:100%;max-width:520px;height:100dvh;overflow:hidden}@media(min-width:540px)and (pointer:fine){.app-frame{height:min(100dvh,960px);margin-block:auto;border-radius:22px;box-shadow:0 30px 80px -24px #000000b3,0 0 0 1px #d4aa5a29}.app-root{align-items:center}}.screen{position:absolute;inset:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,var(--veil),transparent 60%),var(--paper);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.screen:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--tex-op, .5);background-image:repeating-linear-gradient(90deg,rgba(120,90,50,.03) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(120,90,50,.025) 0 1px,transparent 1px 4px)}[data-mode=night] .screen:before{background-image:radial-gradient(60% 40% at 20% 15%,rgba(90,130,140,.1),transparent 70%),radial-gradient(50% 35% at 85% 80%,rgba(70,100,120,.1),transparent 70%);opacity:.9}.screen-pad{position:relative;z-index:1;padding:calc(var(--safe-top) + var(--pad-block)) calc(var(--pad-x) + var(--safe-right)) calc(var(--safe-bottom) + var(--pad-block)) calc(var(--pad-x) + var(--safe-left));flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.flow-nav{position:absolute;z-index:45;top:calc(var(--safe-top) - 8px);left:calc(var(--safe-left) + var(--pad-x));min-width:44px;min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--ink-soft);font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer}.flow-nav:hover{color:var(--ink)}.screen--with-flow-nav>.screen-pad,.role-reveal-screen{padding-top:calc(var(--safe-top) + var(--pad-block) + 28px)}.plaque{font-family:var(--font-plaque);font-weight:900;letter-spacing:.04em;line-height:1.12}.brush{font-family:var(--font-brush)}.latin{font-family:var(--font-latin);font-style:italic;letter-spacing:.06em}.eyebrow{font-family:var(--font-latin);font-style:italic;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.label-cap{font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint)}.fret{height:14px;width:100%;background-image:repeating-linear-gradient(90deg,var(--gold-line) 0 2px,transparent 2px 8px,var(--gold-line) 8px 10px,transparent 10px 18px);-webkit-mask:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 8px,#000 8px 10px,transparent 10px 12px,#000 12px 14px,transparent 14px 20px);opacity:.55}.rule-deco{display:flex;align-items:center;gap:12px;color:var(--gold)}.rule-deco:before,.rule-deco:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}.rule-deco .diamond{width:8px;height:8px;transform:rotate(45deg);border:1.5px solid var(--gold-line);flex:none}.panel{position:relative;background:var(--field);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow)}.panel-gold{position:relative;background:var(--field);border-radius:var(--r-md);box-shadow:0 0 0 1px var(--gold-line),inset 0 0 0 4px var(--field),inset 0 0 0 5px color-mix(in oklab,var(--gold-line) 55%,transparent),var(--shadow);padding:4px}.corner-frame{position:relative}.cnr{position:absolute;width:16px;height:16px;border:2px solid var(--gold);opacity:.85;pointer-events:none}.cnr.tl{top:7px;left:7px;border-right:0;border-bottom:0}.cnr.tr{top:7px;right:7px;border-left:0;border-bottom:0}.cnr.bl{bottom:7px;left:7px;border-right:0;border-top:0}.cnr.br{bottom:7px;right:7px;border-left:0;border-top:0}.seal{font-family:var(--font-plaque);font-weight:900;display:inline-flex;align-items:center;justify-content:center;color:var(--on-primary);background:var(--primary);border-radius:5px;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--on-primary) 40%,transparent);letter-spacing:.1em}.art-ph{position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--ink) 8%,transparent) 0 10px,color-mix(in oklab,var(--ink) 3%,transparent) 10px 20px);display:flex;align-items:center;justify-content:center}.art-ph .ph-label{font-family:SF Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.08em;color:var(--ink-soft);background:var(--field);padding:3px 8px;border-radius:3px;border:1px dashed var(--line-strong);text-align:center;line-height:1.5}.btn{font-family:var(--font-body);font-weight:700;font-size:16px;min-height:var(--tap);padding:12px 20px;border-radius:var(--r-sm);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;user-select:none;letter-spacing:.04em;transition:transform .12s ease,filter .2s ease,background .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-deep));color:var(--on-primary);box-shadow:inset 0 1px color-mix(in oklab,var(--on-primary) 22%,transparent),0 8px 18px -10px var(--primary-deep);border-color:color-mix(in oklab,var(--gold-line) 60%,transparent)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:color-mix(in oklab,var(--ink) 5%,transparent)}.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#2a1d10;box-shadow:inset 0 1px #fff6,0 8px 18px -10px var(--gold)}.btn-line{background:#07883a;color:#fff;border-color:#066f30;box-shadow:inset 0 1px #ffffff4d,0 8px 18px -10px #07883abf}.btn-line:hover{filter:brightness(1.04)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.chip{font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px}.chip-wolf{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 50%,transparent);background:color-mix(in oklab,var(--danger) 10%,transparent)}.chip-good{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 50%,transparent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.chip-gold{color:var(--gold);border-color:color-mix(in oklab,var(--gold-line) 55%,transparent)}.ptoken{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--ink) 10%,transparent) 0 6px,color-mix(in oklab,var(--ink) 4%,transparent) 6px 12px);display:flex;align-items:center;justify-content:center;font-family:var(--font-brush);font-size:20px;color:var(--ink);box-shadow:0 0 0 2px var(--field),0 0 0 3px var(--line-strong);overflow:hidden}.ptoken.you{box-shadow:0 0 0 2px var(--field),0 0 0 3px var(--gold)}.ptoken.dead{filter:grayscale(1) brightness(.6)}.ptoken.sel{box-shadow:0 0 0 2px var(--field),0 0 0 4px var(--primary)}.ptoken.dead:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:26px;font-weight:700;color:var(--danger);opacity:.85}.timer-ring{transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-linecap:round}.timer-ring .track{stroke:var(--line-strong)}.timer-ring .prog{stroke:var(--gold-bright);transition:stroke-dashoffset 1s linear}@keyframes fadeUp{0%{transform:translateY(12px)}to{transform:none}}@keyframes fadeIn{0%{transform:translateY(6px)}to{transform:none}}@keyframes flipIn{0%{transform:perspective(900px) rotateY(20deg) scale(.97)}to{transform:perspective(900px) rotateY(0) scale(1)}}@keyframes stamp{0%{transform:scale(1.28) rotate(-13deg)}60%{transform:scale(.97) rotate(-6deg)}to{transform:scale(1) rotate(-8deg)}}@keyframes fogDrift{0%{background-position:0 0,0 0}to{background-position:300px 0,-200px 40px}}@keyframes pulseGlow{0%,to{box-shadow:0 0 color-mix(in oklab,var(--gold-bright) 60%,transparent)}50%{box-shadow:0 0 0 8px transparent}}@keyframes lanternSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.anim-up{animation:fadeUp .55s cubic-bezier(.2,.7,.3,1) both}.anim-in{animation:fadeIn .6s ease both}.stagger>*{animation:fadeUp .5s cubic-bezier(.2,.7,.3,1) both}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.22s}.stagger>*:nth-child(5){animation-delay:.28s}.stagger>*:nth-child(6){animation-delay:.34s}@media(prefers-reduced-motion:reduce){.anim-up,.anim-in,.stagger>*{animation:none!important}}.fog-layer{position:absolute;inset:-20%;pointer-events:none;z-index:0;opacity:.5;background:radial-gradient(40% 30% at 20% 30%,rgba(150,180,190,.18),transparent 60%),radial-gradient(45% 32% at 75% 60%,rgba(120,150,170,.16),transparent 60%),radial-gradient(35% 25% at 50% 85%,rgba(140,170,180,.14),transparent 60%);background-size:600px 400px,500px 380px,450px 300px;animation:fogDrift 16s linear infinite alternate}.interstitial{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:40px}.ghost-ribbon{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);z-index:40;background:color-mix(in oklab,var(--danger) 88%,#000);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;padding:5px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 16px -6px #0009;pointer-events:none;animation:fadeIn .5s both}