:root{--frame-design-w:1080;--frame-design-h:1920;--frame-maxw:1080px;--frame-maxh:1920px;--viewport-h:100dvh;--frame-w:min(100vw, calc(var(--viewport-h) * 9 / 16), var(--frame-maxw));--frame-h:min(calc(var(--frame-w) * 16 / 9), var(--frame-maxh));--maxw:var(--frame-w);--topbar-top:max(10px, env(safe-area-inset-top,0px));--topbar-h:40px;--screen-pad-top:max(72px, calc(env(safe-area-inset-top,0px) + 62px));--screen-pad-top-compact:max(68px, calc(env(safe-area-inset-top,0px) + 58px));--screen-pad-bottom:max(34px, calc(env(safe-area-inset-bottom,0px) + 24px));--z-atmosphere:0;--z-page:2;--z-content:5;--z-sticky:40;--z-floating:38;--z-modal-backdrop:54;--z-modal:55;--z-toast:60;--ink:#071017;--ink-2:#101923;--ink-3:#1b2834;--paper:#f3d9a7;--paper-2:#d8a861;--paper-ink:#271607;--gold:#f0bf45;--gold-deep:#7a4815;--blue:#0b62a8;--green:#1d7a26;--red:#b22c1e;--purple:#6c2a83;--cream:#fff4cf;--muted:#fff4cfb8;--shadow:#0000006b;--line:#291606e0;--font-source-han:"Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans CN", "思源黑体 CN", "思源黑体", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:var(--font-source-han);--font-head:var(--font-source-han);--font-body:var(--font-source-han);--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.32, .72, 0, 1)}@supports (height:100svh){:root{--viewport-h:100svh}}@media (pointer:coarse) and (width<=640px){:root{--frame-w:min(100vw, var(--frame-maxw));--frame-h:min(calc(var(--frame-w) * 16 / 9), var(--frame-maxh))}body{place-items:start center}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{min-height:100%}html{scroll-behavior:smooth}body{min-height:100dvh;color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:radial-gradient(circle at 50% -12%,#ffd45833,#0000 34rem),linear-gradient(#071017 0%,#0d1820 48%,#05090d 100%);place-items:center;display:grid;overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fff6b2}.fx-grain{z-index:99;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.fx-glow{z-index:var(--z-atmosphere);pointer-events:none;background:radial-gradient(70% 45% at 50% 5%,#f0bf453d,#0000 62%),radial-gradient(54% 42% at 96% 20%,#0b62a83d,#0000 60%),radial-gradient(58% 44% at 0 84%,#1d7a2633,#0000 60%);position:fixed;inset:0}#app{z-index:var(--z-page);width:var(--frame-w);height:var(--frame-h);max-width:var(--frame-maxw);max-height:var(--frame-maxh);aspect-ratio:9/16;-webkit-overflow-scrolling:touch;background:linear-gradient(#080f142e,#080f14c2),#071017;margin:0 auto;position:relative;overflow:hidden auto;box-shadow:0 0 0 1px #ffdb7914,0 0 80px #0000008c}.topbar{top:var(--topbar-top);z-index:var(--z-sticky);min-height:var(--topbar-h);color:var(--cream);box-shadow:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:0;display:flex;position:absolute;left:14px;right:14px}.of-mark{flex:none;place-items:center;display:inline-grid}.tip-button{color:#ffe8a0;cursor:pointer;min-width:92px;min-height:38px;font-family:var(--font-head);text-shadow:0 2px #000;transition:transform .16s var(--spring), filter .16s var(--ease);background:linear-gradient(#263646f5,#0b151ef5);border:2px solid #211104;border-radius:8px;flex:none;place-items:center;padding:0 13px 2px;font-size:10px;font-weight:900;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffff21,0 0 0 1px #f0bf4594,0 4px #0000003d}.tip-button:hover{filter:brightness(1.08)}.tip-button:active{filter:brightness(.96);transform:translateY(2px)}.plays{color:#ead49a;text-shadow:0 2px #000;white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:5px;min-height:38px;padding:0 2px;font-size:12px;font-weight:700;display:inline-flex}.plays b{color:#fff270;min-width:1.8ch;font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:19px;line-height:1}.plays-ticket{transform:rotate(-8deg)}.screen{min-height:var(--frame-h);padding:var(--screen-pad-top) 18px var(--screen-pad-bottom);isolation:isolate;background:0 0;margin-top:0;display:none;position:relative}.screen.active{display:block}.screen.active>*{animation:riseIn .52s var(--ease) both}.screen:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#060c100d,#060c105c 62%,#060c10b8),radial-gradient(circle at 50% 20%,#ffdc5614,#0000 58%);position:absolute;inset:0}.screen:after{content:"";z-index:-2;width:100%;height:var(--frame-h);pointer-events:none;background-image:var(--screen-bg);background-position:top;background-repeat:no-repeat;background-size:100%;position:absolute;top:0;left:0}#screen-start,#screen-result{--screen-bg:url(/act/football/assets/bg-dual-life-VUvjPxoz.png)}#screen-birth,#screen-stage{--screen-bg:url(/act/football/assets/bg-field-CCjJg6iZ.png)}@keyframes riseIn{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:none}}.ui-sprite,.kit-art{vertical-align:middle;image-rendering:auto;flex:none;max-width:100%;display:inline-block}.ui-sprite{filter:drop-shadow(0 2px #0000005c)}.kit-art{pointer-events:none;-webkit-user-select:none;user-select:none}.hero{height:100%;min-height:calc(var(--frame-h) - 130px);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-copy{z-index:var(--z-content);text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-bottom{z-index:var(--z-content);flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;margin-bottom:8px;display:flex;position:relative}.hero-center{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;display:flex;position:relative}.hero-center .cta{transform:translateZ(0)scale(1.05)}.hero-center .cta:hover{transform:translateY(-2px)scale(1.08)!important}.hero-center .cta:active{transform:translateY(2px)scale(1.02)!important}.hero-eyebrow{color:#ffe7a4;min-height:34px;font-family:var(--font-head);letter-spacing:.18em;text-shadow:0 2px #000;box-sizing:border-box;background:0 0;border:12px solid #0000;border-image:url(/act/football/assets/component_014-BLk7-kNn.png) 12 fill;justify-content:center;align-items:center;margin-bottom:8px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.hero-title{text-align:center;background:0 0;border:none;width:100%;margin:10px 0 14px;position:relative;transform:rotate(-4deg)}.ht-line{font-family:var(--font-display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:0;text-shadow:-2px -2px #0000004d,0 -2px #0000004d,2px -2px #0000004d,-2px 0 #0000004d,2px 0 #0000004d,-2px 2px #0000004d,0 2px #0000004d,2px 2px #0000004d,0 4px #c2e2ff,0 6px #85c8ff,0 8px #4da9ff,0 10px #1a8bff,0 14px 20px #0006;font-size:clamp(48px,min(15vw,8.8vh),76px);font-weight:900;line-height:.95;display:block}.ht-accent{color:#fffa66;-webkit-text-stroke:0;text-shadow:-2px -2px #0000004d,0 -2px #0000004d,2px -2px #0000004d,-2px 0 #0000004d,2px 0 #0000004d,-2px 2px #0000004d,0 2px #0000004d,2px 2px #0000004d,0 5px #fc0,0 8px #f90,0 11px #f60,0 14px #f30,0 18px 20px #00000080;margin-top:3px;font-size:clamp(56px,min(18.5vw,10.4vh),92px);display:block}.ht-ball{vertical-align:.08em;filter:drop-shadow(0 4px #1a0d02);width:auto;height:clamp(34px,6vw,48px);margin-left:10px;animation:2.4s ease-in-out infinite floatBall;display:inline-block}@keyframes floatBall{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-sub{color:#321d0b;text-wrap:pretty;background:linear-gradient(#fff4cf,#eac88a);border:1.5px solid #241204;border-radius:6px;width:min(76%,332px);margin:0 auto;padding:8px 12px 9px;font-size:12px;font-weight:800;line-height:1.42;box-shadow:inset 0 2px #ffffff8f,0 0 0 1px #f0bf4594,0 4px #0000002e}.hero-card-stack{width:100%;min-height:clamp(190px,24vh,230px);margin:0 auto;position:relative}.hero-card-stack__card{pointer-events:none;top:clamp(12px, calc(var(--frame-h) * .012), 24px);filter:drop-shadow(0 15px #00000042)drop-shadow(0 24px 28px #00000047);position:absolute;width:clamp(86px, calc(var(--frame-w) * .2), 220px)!important;height:auto!important}.hero-card-stack__card--locker,.hero-card-stack__card--field{left:4.5%;top:clamp(28px, calc(var(--frame-h) * .038), 76px);transform:rotate(-8deg)}.hero-card-stack__card--story{z-index:4;top:0;left:50%;transform:translate(-50%)scale(1.07)}.hero-card-stack__card--trophy{right:4.5%;top:clamp(28px, calc(var(--frame-h) * .04), 80px);transform:rotate(7deg)}.hero-card-stack__chain{pointer-events:none;left:50%;bottom:clamp(24px, calc(var(--frame-h) * .043), 82px);filter:drop-shadow(0 6px #0000004d);position:absolute;transform:translate(-50%);width:min(72%,612px)!important;height:auto!important}.pixel-button{border:10px solid #0000;border-image-slice:12 fill;border-image-source:var(--button-art);color:#fff7d5;cursor:pointer;min-width:0;min-height:46px;font-family:var(--font-head);letter-spacing:.02em;text-align:center;text-shadow:0 2px #000;transition:transform .18s var(--spring), filter .18s var(--ease);image-rendering:pixelated;border-image-repeat:stretch;justify-content:center;align-items:center;gap:8px;padding:1px 12px 3px;font-size:17px;font-weight:900;line-height:1.05;display:inline-flex;position:relative;transform:translateZ(0);box-shadow:none!important;background:0 0!important}.pixel-button:hover{filter:brightness(1.08)}.pixel-button:active{filter:brightness(.96);transform:translateY(3px)scale(.985)}.pixel-button:disabled{opacity:.56;cursor:not-allowed;filter:grayscale(.5)}.pixel-button__icon{flex:none;margin-top:-1px}.pixel-button__label{overflow-wrap:anywhere;min-width:0}.cta{filter:drop-shadow(0 7px #0000003d);width:min(74%,306px);min-height:52px;font-size:18px}.btn{width:100%;min-height:48px;padding-inline:12px;font-size:15px}.pixel-panel{box-sizing:border-box;border:20px solid #0000;border-image-slice:22 fill;border-image-source:var(--panel-art);image-rendering:pixelated;border-image-repeat:stretch;position:relative;box-shadow:none!important;background:0 0!important}.pixel-panel--crest{border:24px solid #0000;border-image-slice:26 fill}.pixel-panel--modal,.pixel-panel--profile{border:20px solid #0000;border-image-slice:22 fill}.pixel-panel>*{z-index:1;position:relative}.pixel-panel__ornament{z-index:3;pointer-events:none;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.birth{z-index:var(--z-content);text-align:center;justify-items:center;padding-top:1vh;display:grid;position:relative}.birth-label{z-index:4;color:#3b1b04;width:min(88%,350px);min-height:42px;font-family:var(--font-head);letter-spacing:.12em;text-shadow:none;box-sizing:border-box;background:linear-gradient(#ffeba6,#ffc83d);border:2px solid #2b1100;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:900;display:inline-flex;position:relative;box-shadow:inset 0 2px #fffc,0 6px #00000040}.birth-shell{z-index:2;isolation:isolate;border-radius:12px;width:min(94%,392px);margin:clamp(65px,12vh,90px) auto 24px;padding:12px;position:relative;overflow:visible;background:linear-gradient(#fff8e1,#e3c188)!important;border:3px solid #241103!important;border-image:!important;box-shadow:inset 0 2px #ffffffb3,inset 0 -4px #0000001a,0 12px #00000040!important}.birth-shell .pixel-panel__ornament{z-index:0;opacity:.84;top:-18px;transform:translate(-50%)scale(.82)}.birth-shell__ticket{z-index:5;opacity:.95;filter:drop-shadow(0 8px #00000042);pointer-events:none;position:absolute;top:-65px;right:-14px;transform:rotate(7deg);width:76px!important;height:auto!important}.birth-shell__shield{z-index:5;opacity:.95;pointer-events:none;position:absolute;bottom:-32px;left:-22px;transform:rotate(-9deg);width:80px!important;height:auto!important}.birth-core{z-index:3;color:var(--paper-ink);box-shadow:none;background:0 0;border:2px dashed #a8814a;border-radius:6px;padding:24px 18px 18px;position:relative}#btn-birth-go{z-index:4;position:relative}.birth-flag{filter:drop-shadow(0 5px #00000038);animation:pop .36s var(--spring) both;margin-bottom:6px;font-size:58px;line-height:1}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.birth-country{color:#211306;font-family:var(--font-display);text-shadow:0 2px #ffffff80;font-size:clamp(42px,14vw,60px);line-height:1.05}.birth-tier{color:#fff;min-height:34px;font-family:var(--font-head);letter-spacing:.08em;text-shadow:0 2px #00000080;box-sizing:border-box;background:linear-gradient(#ff7a00,#c30);border:2px solid #2b1100;border-radius:6px;justify-content:center;align-items:center;margin:14px 0 11px;padding:4px 12px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:inset 0 2px #fff6,0 4px #00000026}.birth-desc{color:#513013;text-wrap:pretty;max-width:29ch;margin:0 auto 14px;font-size:13px;font-weight:700;line-height:1.58}.birth-effects{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stage-top{color:#ffe6a6;box-shadow:inset 0 2px 0 #ffffff1a, 0 0 0 2px var(--gold), 0 8px 0 #00000040;background:linear-gradient(#18252f,#081116);border:2px solid #211104;border-radius:8px;margin:0 auto;padding:12px 12px 14px;position:relative}.progress-meta{text-shadow:0 2px #000;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}#stage-progress{font-family:var(--font-body);font-size:15px;font-weight:900}.pm-live{color:#d9c99c;flex:none;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.pm-live i{width:7px;height:7px;animation:pulse 1.5s var(--ease) infinite;background:#50c343;border-radius:50%;box-shadow:0 0 10px #50c343}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stats-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:0;display:grid}.stat-chip{color:#e9d8a6;text-shadow:0 2px #000;background:linear-gradient(#20561f,#0f3314);border:2px solid #14220b;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:34px;padding:5px 7px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 2px #ffffff26,0 0 0 1px #f3b73c66}.pixel-stat-chip__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pixel-stat-chip__icon{object-fit:contain;filter:drop-shadow(0 1.5px #0006);width:auto!important;max-width:24px!important;height:17px!important}.stat-chip b{color:#fff06d;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:17px;line-height:1}#screen-birth .stat-chip{color:#fff0c2;background:linear-gradient(#182c39,#081119);border-color:#050a0f}.stage-card{width:100%;color:var(--paper-ink);border-radius:12px;margin:clamp(28px,6vh,54px) auto 0;position:relative;background:linear-gradient(#fffaf0 0%,#ffeec7 40%,#eccb8b 100%)!important;border:3.5px solid #2d1703!important;border-image:!important;padding:24px 18px 18px!important;box-shadow:inset 0 0 0 2px #fff,inset 0 0 16px #8b5e2a2e,0 14px 28px #00000052!important}.stage-card__map{filter:drop-shadow(0 5px #00000038);pointer-events:none;position:absolute;top:-36px;right:8px;transform:rotate(9deg);width:54px!important;height:auto!important}.stage-title{color:#231506;min-height:58px;font-family:var(--font-head);text-align:center;text-shadow:0 2px #ffffff7a;text-wrap:balance;justify-content:center;align-items:center;gap:8px;margin:0 26px 10px;font-size:clamp(22px,6.5vw,31px);font-weight:900;line-height:1.06;display:flex}.stage-title__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.stage-egg-mark{filter:drop-shadow(0 3px #00000042);flex:none;place-items:center;width:28px;height:28px;margin-top:-4px;display:inline-grid}.stage-egg-mark .ui-sprite{width:25px!important;height:auto!important}.stage-scene{color:#3a250f;background:linear-gradient(#fff7e1,#f5dcac);border:2px solid #53321099;border-radius:6px;max-height:130px;margin-bottom:10px;padding:12px 13px;font-size:13px;font-weight:700;line-height:1.58;position:relative;overflow:auto;box-shadow:inset 0 2px #ffffffb3}.options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(6px,2vw,10px);display:grid}.option-card-shell{aspect-ratio:129/275;cursor:default;width:100%;min-width:0;transition:filter .18s var(--ease), opacity .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:12px;padding:0;display:block;position:relative;overflow:hidden;color:#fffbe3!important;box-shadow:0 6px #00000059!important}.option-card-shell[aria-disabled=true]{opacity:.58;filter:grayscale(.8)!important}.option-card-shell:hover{filter:brightness(1.06);transform:translateY(-5px)}.pixel-option-card--blue{background:repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 25%,#3da8ff38,#0000 70%),linear-gradient(#0e1e2d 0%,#050b12 100%)!important;border:3.5px solid #3da8ff!important;box-shadow:inset 0 0 0 2px #ffffff14,0 6px 20px #0f3d6459,0 6px #00000059!important}.pixel-option-card--blue:hover{background:repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 25%,#3da8ff52,#0000 65%),linear-gradient(#12283c 0%,#07101a 100%)!important;box-shadow:inset 0 0 0 2px #ffffff24,0 16px 28px #0f3d648c,0 6px #00000059!important}.pixel-option-card--green{background:repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 25%,#4caf5038,#0000 70%),linear-gradient(#0a2012 0%,#030a05 100%)!important;border:3.5px solid #4caf50!important;box-shadow:inset 0 0 0 2px #ffffff14,0 6px 20px #0e522959,0 6px #00000059!important}.pixel-option-card--green:hover{background:repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 25%,#4caf5052,#0000 65%),linear-gradient(#0e2b19 0%,#05140b 100%)!important;box-shadow:inset 0 0 0 2px #ffffff24,0 16px 28px #0e52298c,0 6px #00000059!important}.pixel-option-card--purple{background:repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 25%,#b854d438,#0000 70%),linear-gradient(#1d0f2a 0%,#09040d 100%)!important;border:3.5px solid #b854d4!important;box-shadow:inset 0 0 0 2px #ffffff14,0 6px 20px #44107a59,0 6px #00000059!important}.pixel-option-card--purple:hover{background:repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 25%,#b854d452,#0000 65%),linear-gradient(#28153b 0%,#0d0714 100%)!important;box-shadow:inset 0 0 0 2px #ffffff24,0 16px 28px #44107a8c,0 6px #00000059!important}.option-card-badge{z-index:5;width:32px;height:32px;display:block;position:absolute;top:4.5px;left:4.5px}.option-card-badge .ui-sprite{object-fit:contain;image-rendering:pixelated;width:100%!important;height:100%!important}.pixel-option-card__art{place-items:center;width:100%;display:grid;position:absolute;top:9%;left:50%;transform:translate(-50%)}@keyframes cardFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.pixel-option-card__art .ui-sprite{object-fit:contain;filter:drop-shadow(0 3px #000000a6);width:auto!important;height:36px!important}.pixel-option-card--blue .pixel-option-card__art .ui-sprite{animation:3.2s ease-in-out infinite cardFloat}.pixel-option-card--green .pixel-option-card__art .ui-sprite{animation:3.2s ease-in-out .4s infinite cardFloat}.pixel-option-card--purple .pixel-option-card__art .ui-sprite{animation:3.2s ease-in-out .8s infinite cardFloat}.card-content-flow{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:45.5%;left:0;right:0;transform:translateY(-50%)}.opt-text{-webkit-line-clamp:2;width:82%;font-family:var(--font-body);text-align:center;-webkit-box-orient:vertical;font-size:clamp(12.5px,3.1vw,15px);font-weight:900;line-height:1.18;display:-webkit-box;overflow:hidden;color:#fffbe3!important;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 2.5px 3px #000000f2!important}.option-select{z-index:8;cursor:pointer;width:68.2%;height:14.2%;transition:transform .1s var(--ease), filter .1s var(--ease);place-items:center;padding:0 0 3px;display:grid;position:absolute;top:62.9%;left:15.9%;color:#321d0b!important;background:url(/act/football/assets/component_040-CfzSSMrQ.png) 50%/100% 100% no-repeat!important;border:none!important}.option-select:hover{filter:brightness(1.12)}.option-select:active{transform:translateY(2px)}.option-select__label{font-family:var(--font-body);letter-spacing:.05em;text-shadow:0 1px #fff9;pointer-events:none;transition:transform .1s var(--ease);font-size:12.5px;font-weight:900;line-height:1.2;display:block}.option-select:active .option-select__label{transform:scale(.94)}.option-select:disabled{cursor:not-allowed;filter:grayscale(.7)}.option-select:focus-visible{outline-offset:-2px;outline:2px solid #fff6b2}#screen-result{padding-top:56px;position:relative}.result-badge{z-index:4;text-align:center;pointer-events:none;justify-items:center;width:174px;min-height:48px;margin:3px auto -7px;display:grid;position:relative}.result-badge .outcome-badge__art{z-index:1;filter:drop-shadow(0 5px #0000003d);position:relative;width:174px!important;height:auto!important}.result-badge .outcome-badge__copy{z-index:2;white-space:nowrap;color:#ffe6a6;width:auto;font-family:var(--font-head);letter-spacing:.02em;text-shadow:0 2px #5b140b;font-size:11px;font-weight:900;line-height:1;position:absolute;top:11px;bottom:auto;left:50%;transform:translate(-50%)}.outcome-badge__label{display:block}.result-card{z-index:3;width:100%;color:var(--paper-ink);border-radius:12px;margin:-8px auto 16px;position:relative;background:linear-gradient(#fffaf0 0%,#ffeec7 40%,#eccb8b 100%)!important;border:3.5px solid #2d1703!important;padding:24px 18px 18px!important;box-shadow:inset 0 0 0 2px #fff,inset 0 0 16px #8b5e2a2e,0 14px 28px #00000052!important}.result-head{color:#fff5cf;text-align:center;border:2px solid #ffda585c;border-radius:7px;min-height:126px;padding:18px 16px 16px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,#ffe27352,#0000 58%),linear-gradient(#111e2bf5,#050a0ffa)!important}.king-banner{z-index:1;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;min-height:32px;margin-bottom:12px;padding:4px 16px;font-size:12px;font-weight:900;display:inline-flex;position:relative;color:#4e2a00!important;text-shadow:0 1px #fff6!important;background:linear-gradient(#ffe57f,#ffb300)!important;border:2px solid #241103!important;box-shadow:inset 0 1.5px #ffffff73,0 3px 6px #00000038!important}.result-tier{z-index:1;color:#f4d99c;font-family:var(--font-head);letter-spacing:.14em;text-shadow:0 2px #000;font-size:15px;font-weight:900;position:relative}.result-name{z-index:1;color:#fff6d2;font-family:var(--font-display);text-shadow:0 4px #000;text-wrap:balance;margin:5px 0;padding:1px 0 8px;font-size:clamp(38px,11vw,52px);line-height:1.14;position:relative}.result-tag{z-index:1;color:#f5cd82;font-size:13px;font-weight:800;position:relative}.result-desc{color:#3c250f;text-wrap:pretty;background:#2411030d;border:1px dashed #24110340;border-radius:8px;margin:16px 0 12px;padding:12px 14px;font-size:13.5px;font-weight:700;line-height:1.55}.history{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8b5e2b #2d170314;background:radial-gradient(circle at 12% -8%,#ffffff9e,#0000 34%),linear-gradient(#fff8e59e,#f7e0b45c);border:1px solid #492b0c38;border-radius:8px;margin-top:14px;padding:12px 12px 14px;position:relative;box-shadow:inset 0 1px #ffffff8f,inset 0 -10px 18px #7a48150d}.history--collapsed{scrollbar-gutter:auto;max-height:none;padding-bottom:12px;overflow:hidden}.history--collapsed .history-head{border-bottom:0;margin-bottom:0;padding-bottom:0}.history--expanded{max-height:244px;overflow-y:auto}.result-vip{font-family:var(--font-body);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;font-size:16px;font-weight:900;display:flex;color:#4e2802!important;text-shadow:0 1px #ffffff80!important;background:linear-gradient(#fff2a3,#ffd257)!important;border:2.5px solid #3c1e04!important;box-shadow:inset 0 2px #ffffffa6,0 0 0 2px #d5a22d,0 4px 8px #0000002e!important}.result-vip-logo{object-fit:contain;filter:drop-shadow(0 1px 1px #00000026);width:auto;height:22px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.action-grid .pixel-button:last-child:nth-child(odd){grid-column:span 2}.redeem-result{color:#ffe6a6;text-align:center;text-shadow:0 2px #000;word-break:break-word;min-height:18px;margin:12px 0 0;font-size:13px;font-weight:800;line-height:1.55}.redeem-result b{color:#fff06d;font-family:var(--font-display);font-size:17px}.redeem-result__hint{color:#f7d28a;margin-top:5px;font-size:12px;font-weight:800;display:block}.result-loading{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a070494;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.result-loading__box{color:#fff4c2;text-shadow:0 2px #000;background:linear-gradient(#3c250f,#171006);border:2px solid #2d1703;border-radius:8px;justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:52px;padding:12px 18px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff38,0 10px 26px #00000057}.result-loading__spinner{border:3px solid #fff4c247;border-top-color:#ffd257;border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite result-loading-spin}@keyframes result-loading-spin{to{transform:rotate(360deg)}}.btn-copy-code{vertical-align:middle;font-family:var(--font-body);color:#2d1703;cursor:pointer;transition:transform .1s var(--ease), filter .1s var(--ease);background:linear-gradient(#fff4cf,#eac88a);border:1.5px solid #2d1703;border-radius:4px;margin-left:8px;padding:2px 8px 3px;font-size:11px;font-weight:900;display:inline-block;box-shadow:0 2px #00000026}.btn-copy-code:hover{filter:brightness(1.08)}.btn-copy-code:active{box-shadow:none;transform:translateY(1px)}#poster-img{width:100%;box-shadow:0 0 0 3px var(--gold), 0 20px 32px #00000073;border:2px solid #211104;border-radius:8px;margin:16px 0 7px;display:none}.poster-hint{color:#f3d89b;text-align:center;text-shadow:0 2px #000;margin-bottom:8px;font-size:11px;font-weight:700}.history-head{border-bottom:1px dashed #5b361238;justify-content:space-between;align-items:flex-start;gap:10px;margin:0 0 10px;padding:0 0 8px;display:flex}.history h3{color:#4c2b0c;min-height:24px;font-family:var(--font-head);letter-spacing:.02em;box-shadow:none;text-shadow:0 1px #ffffffb8;background:0 0;align-items:center;gap:7px;margin:0;padding:0;font-size:13.5px;font-weight:900;display:flex;position:relative}.history h3:before{content:"";background:radial-gradient(circle,#fff4b8 0 3px,#0000 4px),linear-gradient(#e6b544,#b86d1b);border:2px solid #74430f;border-radius:50%;flex:0 0 18px;width:18px;height:18px;box-shadow:inset 0 1px #ffffff8a,0 1px #ffffff8c}.history h3:after{content:"";background:linear-gradient(90deg,#7a48153d,#0000);border-radius:999px;flex:auto;min-width:24px;height:1px}.history-count{color:#8b5e2b;font-family:var(--font-body);white-space:nowrap;flex:none;margin-left:2px;font-size:10px;font-weight:900;line-height:1}.history-toggle{color:#3b2107;cursor:pointer;min-width:74px;min-height:30px;transition:transform .15s var(--spring), filter .15s var(--ease);background:linear-gradient(#fff5cbf0,#e8be70d6);border:1.5px solid #4b2909b8;border-radius:6px;flex:none;padding:4px 10px 5px;font-size:11px;font-weight:900;line-height:1;box-shadow:inset 0 1px #ffffff94,0 2px #4022061f}.history-toggle:hover{filter:brightness(1.05)}.history-toggle:active{transform:translateY(1px)}.history-toggle:focus-visible{outline-offset:2px;outline:2px solid #3b2107}.history::-webkit-scrollbar{width:7px}.stage-scene::-webkit-scrollbar{width:7px}.history::-webkit-scrollbar-track{background:#24110312;border-radius:6px}.stage-scene::-webkit-scrollbar-track{background:#24110312;border-radius:6px}.history::-webkit-scrollbar-thumb{background:#8b5e2b;border:2px solid #ffeed0;border-radius:6px}.stage-scene::-webkit-scrollbar-thumb{background:#8b5e2b;border:2px solid #ffeed0;border-radius:6px}.history ul{gap:0;padding:1px 0 0 25px;list-style:none;display:grid;position:relative}.history ul:before{content:"";background:linear-gradient(#7a48151f,#7a48156b,#7a48151f);border-radius:999px;width:2px;position:absolute;top:10px;bottom:13px;left:7px}.history li{color:#2c1a0b;min-height:0;box-shadow:none;background:0 0;border:0;gap:4px;padding:0 4px 12px 0;font-size:13px;font-weight:700;line-height:1.42;display:grid;position:relative}.history li+li{border-top:1px dashed #5b361229;padding-top:9px}.history li:before{content:"";z-index:1;background:#f5d784;border:2px solid #8d5d23;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:-23px;box-shadow:0 0 0 3px #fff8e0e6,0 1px #2d17031f}.history-item--ok:before{background:#64c55f;border-color:#257333}.history-item--bad:before{background:#e46c55;border-color:#9b3222}.history li>span:first-child{color:#806036;font-size:10.5px;font-weight:900;line-height:1.3}.history-choice{color:#2f1b0a;font-weight:900}.history .h-res{color:#5f3d15;text-wrap:pretty;font-size:12px;font-style:normal;font-weight:700;line-height:1.48;display:block}.cta-replay{margin:24px auto 0;display:flex}.official-float{right:14px;bottom:max(14px, env(safe-area-inset-bottom));z-index:var(--z-floating);cursor:pointer;height:40px;font-family:var(--font-body);text-shadow:0 2px #000;transition:transform .18s var(--spring), filter .18s var(--ease), border-color .18s var(--ease);box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:900;display:inline-flex;position:absolute;color:#fff6de!important;background:#11151e!important;border:3.5px solid #d4a343!important;box-shadow:inset 0 0 0 1.5px #ffe082,0 4px 10px #00000073!important}.official-float:hover{filter:brightness(1.1);border-color:#ffd54f!important}.official-float:active{filter:brightness(.95);transform:translateY(3px)scale(.97)}.official-float--hidden{opacity:0;visibility:hidden;pointer-events:none}.outcome,.modal{z-index:var(--z-modal);background:#060b0fd9;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal{z-index:var(--z-modal-backdrop)}.outcome.open,.modal.open{animation:fadeBg .18s var(--ease);display:flex}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}.outcome-box{color:#2c1909;text-align:center;animation:pop .26s var(--spring) both;border-radius:12px;position:relative;background:linear-gradient(#fff7e1,#e6c58f)!important;border:3.5px solid #241103!important;width:min(94%,348px)!important;padding:24px 20px 18px!important;box-shadow:inset 0 0 0 2.5px #fffbf0,inset 0 0 16px #79401426,0 12px 32px #0000008c!important}.outcome-seal{z-index:5;filter:drop-shadow(0 4px 5px #00000052);pointer-events:none;width:76px;height:76px;position:absolute;top:-24px;left:-20px}.modal-box{color:#2c1909;text-align:center;width:min(100%,354px);animation:pop .26s var(--spring) both;position:relative}.outcome-icon{filter:drop-shadow(0 4px 6px #00000029);justify-items:center;margin-top:-6px;margin-bottom:12px;display:grid}.outcome-label{letter-spacing:.05em;text-align:center;margin-bottom:14px;line-height:1.2;font-family:var(--font-head)!important;color:#1e7a27!important;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 3px #0000004d!important;font-size:24px!important;font-weight:900!important}.outcome-box.bad .outcome-label{color:#b22c1e!important}.outcome-text{color:#3c250f;text-wrap:pretty;margin-bottom:16px;padding:0 4px;font-size:13.5px;font-weight:700;line-height:1.55}.outcome-deltas{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.outcome-deltas .delta{letter-spacing:.02em;background:#1e4d17;border:2px solid #241103;border-radius:6px;justify-content:center;align-items:center;min-height:30px;padding:5px 12px 6px;display:inline-flex;box-shadow:inset 0 2px #ffffff38,0 3px #0000002e;color:#fff!important;font-family:var(--font-body)!important;text-shadow:0 1.5px #000!important;font-size:13px!important;font-weight:800!important}.outcome-deltas .delta.down{background:#7d1c15}.outcome-go{margin-top:4px;width:100%!important}.modal-box{color:#2c1909;text-align:center;width:min(94%,378px);animation:pop .26s var(--spring) both;background:linear-gradient(#fff7e1,#e6c58f);border:3.5px solid #241103;border-radius:12px;padding:34px 22px 22px;position:relative;box-shadow:inset 0 0 0 2.5px #fffbf0,inset 0 0 16px #79401426,0 12px 32px #0000008c}.modal-header-container{text-align:center;width:100%;margin:8px auto 20px;padding:0 10px;display:block}.modal-seal{filter:drop-shadow(0 4px 5px #00000052);z-index:5;pointer-events:none;width:76px;height:76px;position:absolute;top:-24px;left:-20px}.modal-header-text{display:block}.modal-vip-tag{filter:drop-shadow(0 4px 5px #00000059);z-index:4;pointer-events:none;width:58px;height:auto;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(-5deg)}.modal-box .pixel-button{justify-content:center;align-items:center;gap:8px;min-height:52px;margin-bottom:12px;font-size:17px;display:inline-flex;position:relative;width:100%!important;padding:1px 16px 3px!important}.modal-box .pixel-button:last-of-type{margin-bottom:0}.modal-box .pixel-button__icon{margin:0!important;position:static!important;transform:none!important}.modal-box h3{font-family:var(--font-head);letter-spacing:.05em;text-align:center;margin:0 0 10px;line-height:1.2;color:#b22c1e!important;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 3px #0000004d!important;font-size:24px!important;font-weight:900!important}.modal-box p{color:#3c250f;text-wrap:pretty;text-align:center;margin:0;font-size:13.5px;font-weight:700;line-height:1.5}.activity-box{width:min(94%,392px);padding-top:28px}.activity-header{margin:0 auto 16px;padding:0 8px}.activity-seal{filter:drop-shadow(0 3px #0000002e);width:38px;height:auto;margin:0 auto 8px;display:block}.activity-box h3{margin-bottom:8px;color:#4e2802!important;text-shadow:0 1px #ffffffa6,0 3px #7a481529!important}.activity-box .activity-header p{color:#5a3918;font-size:13px;font-weight:800}.activity-list{text-align:left;gap:0;margin:0 0 16px;padding:0;list-style:none;display:grid}.activity-list li{border-top:1px dashed #5b361238;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:10px;padding:11px 4px;display:grid}.activity-list li:last-child{border-bottom:1px dashed #5b361238}.activity-list span{color:#fff3b0;width:38px;height:30px;font-family:var(--font-display);text-shadow:0 2px #000;background:linear-gradient(#263646,#0b151e);border:2px solid #4f2a08;border-radius:7px;place-items:center;font-size:18px;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffff1f,0 2px #7a48151f}.activity-list p{color:#321d0b;text-wrap:pretty;text-align:left;padding-top:1px;font-size:13px;font-weight:800;line-height:1.48}.activity-close{margin-bottom:0!important}.redeem-confirm-close{margin-top:8px}.share-box{padding-bottom:18px}.share-app-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:4px 0 16px;display:grid}.share-app-btn{color:#2c1909;cursor:pointer;background:linear-gradient(#fff6d8,#e9c47f);border:2px solid #241103;border-radius:9px;justify-items:center;gap:7px;min-height:74px;padding:8px 4px 7px;display:grid;box-shadow:inset 0 1px #ffffff8c,0 4px #0003}.share-app-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff8c,0 2px #0003}.share-app-icon{object-fit:contain;filter:drop-shadow(0 3px #00000038);border-radius:9px;width:36px;height:36px}.share-app-name{font-size:11px;font-weight:900;line-height:1.15}.share-close{margin-top:0}.np-close{color:#5a3918;cursor:pointer;text-underline-offset:3px;transition:color .15s var(--ease);background:0 0;border:0;margin-top:14px;padding:6px 10px;font-size:13.5px;font-weight:800;text-decoration:underline;display:inline-block}.np-close:hover{color:#241103}.toast{z-index:var(--z-toast);width:min(calc(var(--frame-w) - 50px), 360px);opacity:0;pointer-events:none;color:#fff4c5;box-shadow:inset 0 2px 0 #ffffff1a, 0 0 0 2px var(--gold), 0 12px 0 #00000038;text-align:center;text-shadow:0 2px #000;transition:opacity .22s var(--ease), transform .22s var(--spring);background:linear-gradient(#1a2a36,#080f17);border:2px solid #211104;border-radius:8px;padding:13px 18px;font-size:14px;font-weight:800;position:absolute;top:24%;left:50%;transform:translate(-50%)translateY(-8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=390px){.screen{padding-inline:14px}.topbar{gap:8px;left:9px;right:9px}.plays{font-size:11px}.tip-button{min-width:86px;min-height:36px;padding-inline:10px;font-size:10px}.hero-card-stack__card{width:clamp(74px,18vw,86px)!important}.hero-card-stack__chain{bottom:16px;width:min(72%,240px)!important}.options{gap:6px}.option-select__label{font-size:11px}.stat-chip{padding-inline:4px;font-size:10px}.pixel-stat-chip__icon{transform:scale(.85)}}@media (height<=730px){.screen{padding-top:var(--screen-pad-top-compact)}.hero{gap:8px}.hero-sub{display:none}.hero-card-stack{min-height:250px}.hero-card-stack__chain{bottom:6px}.birth-shell{margin-top:48px}.stage-card{margin-top:20px;padding:20px 14px 16px!important}}