:root{--color-page:#141416;--color-card:#1c1c20;--color-float:#232328;--color-tgbar:#2a2a2f;--color-disabled:#3a3a40;--color-line:#2c2c31;--color-highlight:#ffffff0a;--color-accent:#e8b84a;--color-accent-hi:#f2cb5c;--color-accent-lo:#d9a032;--color-accent-deep:#b8852a;--color-on-accent:#1a1200;--gradient-accent:linear-gradient(180deg, #f2cb5c 0%, #d9a032 100%);--gradient-accent-pressed:linear-gradient(180deg, #d9a032 0%, #b8852a 100%);--color-red:#d8322a;--color-red-text:#ff6b63;--color-red-pressed:#8f2621;--color-green:#3dbb6e;--color-on-green:#0b1f12;--color-blue:#4c8dff;--color-orange:#f0862b;--color-cream:#f5e6c8;--color-on-cream:#7a3a2e;--color-text:#f3f0e8;--color-text-2:#a8a49a;--color-text-3:#6b6860;--color-text-4:#8a877f;--tint-accent:#e8b84a29;--tint-accent-soft:#e8b84a1a;--tint-green:#3dbb6e29;--tint-red:#d8322a2e;--tint-blue:#4c8dff29;--tint-orange:#f0862b29;--font-body:"PingFang SC", "Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-num:"Barlow Semi Condensed", "PingFang SC", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-display:32px;--text-display-s:28px;--text-h1:22px;--text-h2:18px;--text-nav:17px;--text-body:15px;--text-sm:13px;--text-caption:12px;--text-micro:11px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-card:16px;--card-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");--surface-raised:linear-gradient(180deg, #2b2b31 0%, #24242a 55%, #202025 100%);--edge-raised:inset 0 1px 0 #ffffff14, inset 0 -1px 0 #00000059, 0 1px 0 #00000080, 0 6px 14px -8px #000000b3;--surface-well:linear-gradient(180deg, #0f0f11 0%, #141416 100%);--edge-well:inset 0 1px 2px #0009, 0 1px 0 #ffffff0a;--gold-foil:linear-gradient(90deg, transparent, #e8b84a 25%, #fff3c4 50%, #e8b84a 75%, transparent);--gradient-mine:linear-gradient(180deg, #f6d57a 0%, #e8b84a 50%, #d49e34 100%);--color-border-deep:#0e0e10;--radius-btn:12px;--radius-tag:6px;--radius-pill:999px;--nav-h:44px;--tab-h:64px;--app-max:430px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:calc(var(--tg-safe-area-inset-top,env(safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-page);height:100%;margin:0;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#e8b84a0d,#0000 55%),radial-gradient(at 50% 100%,#00000059,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}body{font-family:var(--font-body);color:var(--color-text);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;line-height:22px}#root{min-height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}input:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent);text-decoration:none}svg{display:block}.screen{max-width:var(--app-max);background:var(--color-page);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0}@media (width>=431px){html,body{background:#0b0b0d}.screen{box-shadow:0 0 0 1px #e8b84a2e,0 0 80px #0009}}.screen__body{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.screen__body::-webkit-scrollbar{display:none}.screen__body--tabs{padding-bottom:calc(var(--tab-h) + 42px + var(--safe-bottom))}.navbar{height:calc(var(--nav-h) + var(--safe-top));padding:var(--safe-top) 16px 0;background:linear-gradient(180deg, #19191c, var(--color-page));z-index:2;flex:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 1px #0009}.navbar:after{content:"";background:var(--gold-foil);opacity:.16;height:1px;position:absolute;bottom:0;left:0;right:0}.navbar__title{font-size:var(--text-nav);white-space:nowrap;text-align:center;font-weight:700;line-height:22px}.navbar__sub{font-size:var(--text-micro);color:var(--color-text-3);justify-content:center;align-items:center;gap:4px;line-height:14px;display:flex}.navbar__left,.navbar__right{top:calc(6px + var(--safe-top));gap:6px;display:flex;position:absolute}.navbar__left{left:16px}.navbar__right{right:16px}.navbar__btn{background:var(--surface-raised);border:1px solid var(--color-border-deep);min-width:32px;height:32px;box-shadow:var(--edge-raised);border-radius:16px;align-items:center;gap:2px;padding:0 10px 0 6px;font-size:14px;display:flex}.navbar__btn--icon{justify-content:center;width:32px;padding:0}.dot{background:var(--color-green);border-radius:3px;width:5px;height:5px;display:inline-block}.dot--off{background:var(--color-text-3)}.tabbar-wrap{max-width:var(--app-max);z-index:20;pointer-events:none;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.tabbar-fade{background:linear-gradient(#14141600,#141416eb 45%);height:106px}.tabbar{pointer-events:auto;height:var(--tab-h);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-deep);background:linear-gradient(#28282edb,#18181ce6);border-radius:32px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;margin:-98px 16px 0;display:grid;box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #ffffff08,0 14px 30px -10px #000c}.tabbar__safe{height:calc(8px + var(--safe-bottom))}.tab{color:var(--color-text-3);font-size:var(--text-micro);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex;position:relative}.tab--on{color:var(--color-accent);font-weight:700}.tab--on:before{content:"";pointer-events:none;background:radial-gradient(at 50% 60%,#f2cb5c38,#0000 70%);border-radius:15px;width:44px;height:30px;position:absolute;top:6px}.tab--on:after{content:"";background:var(--color-accent);border-radius:1px;width:16px;height:2px;position:absolute;bottom:7px;box-shadow:0 0 8px #f2cb5ccc}.tab__badge{background:var(--color-red);color:#fff;min-width:16px;height:16px;font-family:var(--font-num);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;right:calc(50% - 22px)}.h2{font-size:var(--text-h2);font-weight:700;line-height:26px}.t2{color:var(--color-text-2)}.t3{color:var(--color-text-3)}.cap{font-size:var(--text-caption);line-height:16px}.sm{font-size:var(--text-sm);line-height:20px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:700}.amt{font-variant-numeric:tabular-nums}.num--800{font-weight:800}.num--600{font-weight:600}.mono{font-family:var(--font-mono)}.green{color:var(--color-green)}.red{color:var(--color-red-text)}.gold{color:var(--color-accent)}.blue{color:var(--color-blue)}.section-title{align-items:center;gap:8px;display:flex}.section-title:before{content:"";background:linear-gradient(#fff3c4,#e8b84a 45%,#9a6e1e);border-radius:2px;width:3px;height:16px;box-shadow:0 0 6px #e8b84a73}.ellipsis{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.card{background:radial-gradient(120% 80% at 0% 0%, #ffecbe0b, transparent 55%), var(--card-grain), linear-gradient(180deg, #222227 0%, #1c1c20 38%, #19191d 100%);border-radius:var(--radius-card);border:1px solid #0e0e10;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 1px #ffffff17,inset 0 -1px #00000073,0 1px #ffffff05,0 12px 24px -14px #000000bf}button.card:active,.card .row:active{filter:brightness(1.12)}.card--pad{padding:16px}.card-list{overflow:hidden}.row{text-align:left;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 12px 0 16px;display:flex}.row+.row{border-top:1px solid #ffffff0e;box-shadow:0 -1px #00000059}.divider{background:#ffffff0e;height:1px;box-shadow:0 1px #00000059}.btn{border-radius:var(--radius-btn);width:100%;height:48px;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--gradient-accent);color:var(--color-on-accent);text-shadow:0 1px #ffecb480;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #6a4a1273,0 1px #0006}.btn--primary:active{background:var(--gradient-accent-pressed)}.btn--secondary{color:var(--color-accent);background:linear-gradient(#e8b84a1a,#e8b84a05);border:1px solid #e8b84abf;box-shadow:inset 0 1px #ffecbe1f}.btn--danger{color:#fff;background:linear-gradient(#e0453c,#c42a22);box-shadow:inset 0 1px #ffffff38,inset 0 -2px #5a0a0680,0 1px #0006}.btn--danger:active{background:var(--color-red-pressed)}.btn--white{color:var(--color-red);background:#fff}.btn--sm{border-radius:10px;width:auto;height:36px;padding:0 14px;font-size:14px}.btn--xs{border-radius:8px;width:auto;height:28px;padding:0 12px;font-size:13px}.btn:disabled,.btn--disabled{background:var(--color-disabled);color:var(--color-text-3);box-shadow:none;border-color:var(--color-disabled);pointer-events:none}.btn--loading{opacity:.85;pointer-events:none}.chip{background:var(--surface-raised);border:1px solid var(--color-border-deep);height:28px;box-shadow:var(--edge-raised);white-space:nowrap;border-radius:14px;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.chip--on{background:var(--gradient-accent);color:var(--color-on-accent);border-color:#6a4a12;font-weight:700;box-shadow:inset 0 1px #fff5d28c,inset 0 -1px #6a4a1273,0 2px 8px -2px #e8b84a73}.pill-btn{background:var(--surface-raised);border:1px solid var(--color-border-deep);height:40px;box-shadow:var(--edge-raised);font-family:var(--font-num);color:var(--color-text-2);border-radius:20px;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.pill-btn--on{background:var(--gradient-accent);color:var(--color-on-accent);border-color:#6a4a12;font-weight:800;box-shadow:inset 0 1px #fff6,inset 0 -2px #6a4a1266}.quick{background:var(--surface-raised);border:1px solid var(--color-border-deep);height:32px;box-shadow:var(--edge-raised);font-family:var(--font-num);color:var(--color-text-2);border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.quick--gold{font-family:var(--font-body);color:var(--color-accent);font-size:13px;font-weight:500}.field{background:var(--surface-well);border:1px solid var(--color-border-deep);height:44px;box-shadow:var(--edge-well);border-radius:12px;align-items:center;gap:6px;padding:0 12px;display:flex}.field:focus-within{box-shadow:var(--edge-well), 0 0 0 3px #e8b84a1f;border-color:#e8b84ab3}.field input{min-width:0;font-size:15px;font-family:var(--font-num);background:0 0;border:0;outline:0;flex:1;font-weight:700}.field input::placeholder{font-family:var(--font-body);color:var(--color-text-3);font-weight:400}.tag{border-radius:var(--radius-tag);white-space:nowrap;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.tag--hot{background:var(--color-orange);color:var(--color-on-accent)}.tag--new{background:var(--color-green);color:var(--color-on-green)}.tag--live{background:var(--gradient-accent);color:var(--color-on-accent)}.tag--maint{background:var(--color-disabled);color:var(--color-text-2)}.tag--t-gold{background:var(--tint-accent);color:var(--color-accent);box-shadow:inset 0 0 0 1px #e8b84a47}.tag--t-green{background:var(--tint-green);color:var(--color-green);box-shadow:inset 0 0 0 1px #3dbb6e47}.tag--t-red{background:var(--tint-red);color:var(--color-red-text);box-shadow:inset 0 0 0 1px #ff6b6347}.tag--t-blue{background:var(--tint-blue);color:var(--color-blue);box-shadow:inset 0 0 0 1px #4c8dff47}.tag--t-orange{background:var(--tint-orange);color:var(--color-orange);box-shadow:inset 0 0 0 1px #f0862b47}.tag--grey{background:var(--color-float);color:var(--color-text-2);font-weight:400}.tag--ai{border:1px solid var(--color-blue);height:16px;color:var(--color-blue);font-family:var(--font-num);letter-spacing:.5px;border-radius:4px;padding:0 4px;font-size:10px}.tag--mini{border-radius:4px;height:16px;padding:0 4px;font-size:10px}.tag--solid-red{background:var(--color-red);color:#fff;border-radius:9px;height:18px;padding:0 6px;font-size:11px}.tag--solid-gold{background:var(--color-accent);color:var(--color-on-accent);border-radius:9px;height:18px;padding:0 6px;font-size:11px}.tag--outline-gold{border:1px solid var(--color-accent);color:var(--color-accent);border-radius:9px;height:18px;padding:0 6px;font-size:11px}.avatar{color:#f3e6d6;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:500;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--banker{border:2px solid var(--color-accent)}.avatar--bot12{border:1.5px solid var(--color-accent);font-family:var(--font-num);color:var(--color-accent);background:#1a1200;font-weight:800}.amt{font-family:var(--font-num);white-space:nowrap;align-items:baseline;gap:3px;font-weight:700;display:inline-flex}.amt__coin{font-family:var(--font-body)}.switch{background:var(--surface-well);width:44px;height:26px;box-shadow:var(--edge-well), inset 0 0 0 1px #ffffff0d;transition:background var(--dur-base) var(--ease-out);border-radius:13px;flex:none;padding:3px;display:flex}.switch__knob{width:20px;height:20px;transition:transform var(--dur-base) var(--ease-out);background:linear-gradient(#c9c5bb,#8e8a81);border-radius:10px;box-shadow:inset 0 1px #ffffff80,0 1px 3px #0009}.switch--on{background:var(--gradient-accent-pressed);box-shadow:inset 0 1px 2px #50320080}.switch--on .switch__knob{background:linear-gradient(#fffbef,#e9dfc6);transform:translate(18px)}.overlay{max-width:var(--app-max);z-index:40;animation:fadeIn var(--dur-base) var(--ease-out);background:#08080a99;justify-content:center;align-items:center;margin:0 auto;padding:0 45px;display:flex;position:fixed;inset:0}.overlay--bottom{align-items:flex-end;padding:0}.modal{background:radial-gradient(120% 80% at 0% 0%, #ffecbe0d, transparent 55%), var(--card-grain), linear-gradient(180deg, #2a2a30, #222227);width:100%;max-width:300px;animation:popIn var(--dur-slow) var(--ease-out);border:1px solid #0e0e10;border-radius:16px;flex-direction:column;gap:20px;padding:24px 20px 20px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a,0 24px 48px #0009}.drawer{background:radial-gradient(120% 60% at 0% 0%, #ffecbe0a, transparent 55%), var(--card-grain), linear-gradient(180deg, #222227, #1a1a1e);width:100%;animation:slideUp var(--dur-slow) var(--ease-out);padding-bottom:var(--safe-bottom);border-top:1px solid #0e0e10;border-radius:20px 20px 0 0;box-shadow:inset 0 1px #ffffff17,0 -16px 40px #0000008c}.drawer__grip{background:var(--color-disabled);border-radius:2px;width:36px;height:4px;margin:8px auto 4px}.toast-wrap{max-width:var(--app-max);left:0;right:0;top:calc(var(--safe-top) + 12px);z-index:60;pointer-events:none;justify-content:center;margin:0 auto;padding:0 16px;display:flex;position:fixed}.toast{border:1px solid var(--color-line);height:44px;animation:popIn var(--dur-slow) var(--ease-out);background:#232328f5;border-radius:22px;align-items:center;gap:8px;max-width:100%;padding:0 18px 0 14px;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 12px 28px #00000080}.toast__ic{border-radius:12px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.float-num{max-width:var(--app-max);z-index:55;pointer-events:none;font-family:var(--font-num);text-shadow:0 2px #00000080;animation:floatUp .9s var(--ease-out) forwards;justify-content:center;margin:0 auto;font-size:32px;font-weight:800;display:flex;position:fixed;top:40%;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(6px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-40px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes breath{0%,to{transform:translateY(0);box-shadow:0 6px 16px #500a0673,inset 0 2px #fff5d2b3,inset 0 -3px #78501480}50%{transform:translateY(-2px);box-shadow:0 10px 20px #500a0680,inset 0 2px #fff5d2b3,inset 0 -3px #78501480}}@keyframes lbScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes die3dSpin{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(720deg)rotate(180deg)}}@keyframes dieFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-3deg)}}@keyframes diceStage{0%{opacity:0}8%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes diceTrayIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes diceResultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes diceBonusIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes coinFlip{0%{transform:perspective(300px)rotateY(0)}to{transform:perspective(300px)rotateY(360deg)}}@keyframes coinGone{to{opacity:0;transform:scale(1.6)}}@keyframes flapOpen{0%{opacity:1;transform:rotateX(0)}70%{opacity:1;transform:rotateX(160deg)}to{opacity:0;transform:rotateX(175deg)}}@keyframes letterRise{0%{opacity:0;transform:translateY(70px)scale(.92)}to{opacity:1;transform:none}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.55)}50%{opacity:1;transform:scale(1.25)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bobTilt{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-3deg)}}@keyframes sheen{0%{transform:translate(-160%)skew(-18deg)}55%,to{transform:translate(380%)skew(-18deg)}}@keyframes dustRise{0%{transform:translate3d(0, 0, 0) scale(var(--s,1));opacity:0}12%{opacity:var(--o,.5)}85%{opacity:var(--o,.5)}to{transform:translate3d(var(--dx,20px), -105vh, 0) scale(var(--s,1));opacity:0}}@keyframes badgePulse{0%{box-shadow:0 0 #ff8c3c99}70%,to{box-shadow:0 0 0 7px #ff8c3c00}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes spotPulse{0%,to{opacity:.55}50%{opacity:1}}.fx-sheen{pointer-events:none;border-radius:inherit;z-index:2;position:absolute;inset:0;overflow:hidden}.fx-sheen:after{content:"";width:34%;animation:sheen var(--sheen-dur,7s) ease-in-out infinite;animation-delay:var(--sheen-delay,0s);background:linear-gradient(90deg,#0000,#ffecbe24 45%,#fffae638 50%,#ffecbe24 55%,#0000);position:absolute;top:-30%;bottom:-30%;left:0}.fx-tw{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite twinkle}.fx-bob{transform-box:fill-box;transform-origin:50%;animation:3.8s ease-in-out infinite bob}.fx-bobtilt{transform-box:fill-box;transform-origin:50%;animation:4.4s ease-in-out infinite bobTilt}.fx-spot{animation:4s ease-in-out infinite spotPulse}.lobby-dust{left:0;right:0;top:var(--nav-h);pointer-events:none;z-index:0;position:absolute;bottom:0;overflow:hidden}.lobby-dust i{background:#f2cb5c;border-radius:50%;width:3px;height:3px;animation:linear infinite dustRise;position:absolute;bottom:-12px;box-shadow:0 0 6px 1px #f2cb5c8c}.lobby-body{z-index:1;position:relative}@keyframes countPulse{0%{transform:scale(1.45)}to{transform:scale(1)}}.skel{background:#ffffff0d;border-radius:8px;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff12,#0000);animation:1.3s ease-in-out infinite skelShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes skelShine{to{transform:translate(100%)}}button{transition:transform .12s var(--ease-out), filter .12s;-webkit-tap-highlight-color:transparent}button:not(:disabled):active{filter:brightness(1.1);transform:scale(.97)}button.card:not(:disabled):active,.row:not(:disabled):active{transform:scale(.985)}[data-nav=fwd] .screen{animation:pageFwd .3s var(--ease-out) backwards}[data-nav=back] .screen{animation:pageBack .28s var(--ease-out) backwards}[data-nav=tab] .screen{animation:.2s ease-out backwards pageTab}@keyframes pageFwd{0%{opacity:.4;transform:translate(28%)}to{opacity:1;transform:none}}@keyframes pageBack{0%{opacity:.5;transform:translate(-18%)}to{opacity:1;transform:none}}@keyframes pageTab{0%{opacity:.3}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(-16px)scale(.96)}12%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes plaqueDim{0%{opacity:0}10%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes plaqueGlow{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1)}70%{opacity:.7;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}@keyframes plaquePop{0%{opacity:0;transform:scale(.55)translateY(24px)}12%{opacity:1;transform:scale(1.08)translateY(-4px)}20%{transform:scale(.97)translateY(0)}28%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)translateY(-16px)}}@keyframes diceShake{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.band{border-radius:var(--radius-card);background:repeating-linear-gradient(45deg,#e8b84a12 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#e8b84a12 0 1px,#0000 1px 9px),radial-gradient(at 50% 30%,#2b2014 0%,#16130f 80%);border:1px solid #3a2e14;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff5d214,0 10px 28px #00000073}.band:before{content:"";opacity:.9;background:linear-gradient(90deg,#0000,#e8b84a 30%,#fff3c4 50%,#e8b84a 70%,#0000);height:2px;position:absolute;top:0;left:0;right:0}.band--blue{background:repeating-linear-gradient(45deg,#4c8dff12 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#4c8dff12 0 1px,#0000 1px 9px),radial-gradient(at 50% 30%,#182238 0%,#0e1320 80%);border-color:#253a66}.band--blue:before{background:linear-gradient(90deg,#0000,#4c8dff 30%,#dce8ff 50%,#4c8dff 70%,#0000)}.sect{letter-spacing:2px;color:var(--color-text-3);text-transform:uppercase;align-items:center;gap:8px;padding:0 2px;font-size:11px;display:flex}.sect:before{content:"";background:var(--color-accent);border-radius:1px;width:10px;height:2px}.socket{background:linear-gradient(#2a2217,#1a1510);border:1px solid #3a2e14;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #fff5d214,0 1px #00000080}.socket--red{background:linear-gradient(#2e1816,#1a0f0e);border-color:#4a2320}.stub{background:linear-gradient(#221b10,#181309);border:1px dashed #4a3a1e;border-radius:12px;align-items:center;display:flex;position:relative}.stub:before,.stub:after{content:"";background:var(--color-page);border:1px dashed #4a3a1e;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%)}.stub:before{left:-8px}.stub:after{right:-8px}.seal{letter-spacing:2px;opacity:.9;text-transform:uppercase;border:1.5px solid;border-radius:4px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex;transform:rotate(-6deg)}.clause-num{font-family:var(--font-num);color:var(--color-accent);opacity:.55;font-variant-numeric:tabular-nums;min-width:34px;font-size:26px;font-weight:800;line-height:1}.pick{border:1px solid var(--color-border-deep);background:var(--surface-well);height:52px;box-shadow:var(--edge-well);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:0 12px;transition:border-color .15s,background .15s;display:flex}.pick--on{border-color:var(--color-accent);background:var(--tint-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.textarea{background:var(--surface-well);border:1px solid var(--color-border-deep);width:100%;min-height:140px;color:var(--color-text);font-size:15px;line-height:22px;font-family:var(--font-body);resize:vertical;border-radius:12px;outline:none;padding:12px;box-shadow:inset 0 1px #0006}.textarea:focus{border-color:var(--color-accent)}.bubble{background:var(--surface-raised);border:1px solid var(--color-border-deep);box-shadow:var(--edge-raised);border-radius:4px 12px 12px;padding:9px 12px}.bubble--mine{background:var(--gradient-mine);color:var(--color-on-accent);border-color:#6a4a12;border-radius:12px 4px 12px 12px;box-shadow:inset 0 1px #fff5d299,inset 0 -1px #6a4a1266,0 6px 14px -8px #e8b84a80}.sys-card{background:var(--surface-raised);border:1px solid var(--color-border-deep);box-shadow:var(--edge-raised);border-radius:12px;gap:10px;padding:12px 12px 10px 14px;display:flex;position:relative;overflow:hidden}.sys-card:before{content:"";opacity:.7;background:linear-gradient(#0000,#e8b84a,#0000);border-radius:1px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.result-card{background:var(--surface-raised);border:1px solid var(--color-border-deep);box-shadow:var(--edge-raised);border-radius:4px 12px 12px;width:100%;position:relative;overflow:hidden}.result-card:before{content:"";background:var(--gold-foil);opacity:.55;height:1px;position:absolute;top:0;left:0;right:0}.result-card .well{background:var(--surface-well);box-shadow:var(--edge-well);border-radius:8px}.result-card .rule{border-top:1px solid #ffffff0d;box-shadow:inset 0 1px #0000004d}.pkt{text-align:left;background:radial-gradient(circle at 18%,#ffbe782e,#0000 42%),repeating-radial-gradient(circle at 100% 0,#00000012 0 2px,#0000 2px 9px),linear-gradient(160deg,#e8473a 0%,#c9261c 45%,#9e160f 100%);border:1px solid #5a0e0a;border-radius:12px;width:248px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffc8aa59,inset 0 -1px #3c000080,0 10px 22px -10px #8c140abf}.pkt__seal{color:#7a4a0a;text-shadow:0 1px #fff0c8b3;background:radial-gradient(circle at 35% 30%,#fff3c4 0%,#f2cb5c 35%,#c8912c 80%,#8f6318 100%);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:17px;font-weight:800;display:grid;box-shadow:inset 0 -2px #6a4a1280,0 0 0 2px #78140a99,0 3px 8px #3c000080}.pkt__foot{color:#7a3a1e;background:linear-gradient(#f8ebcf,#e9d3a6);justify-content:space-between;padding:6px 14px;font-size:11px;display:flex;position:relative;box-shadow:inset 0 1px #fff9}.pkt--hi{outline:2px solid var(--color-accent);outline-offset:3px;animation:1.6s ease-in-out infinite pktGlow}.pkt--done{filter:saturate(.4);opacity:.85}@keyframes pktGlow{0%,to{outline-color:#e8b84a}50%{outline-color:#e8b84a59}}.ops-deck{background:linear-gradient(#202025,#19191d);box-shadow:inset 0 1px #ffffff0f,0 -10px 24px -12px #000c}.icon-btn{background:var(--surface-raised);border:1px solid var(--color-border-deep);box-shadow:var(--edge-raised)}
