:root{--primary-gold: #FFD700;--secondary-gold: #FFA500;--deep-cinnabar: #3a0000;--vibrant-red: #c40000;--warm-glow: #ffb200;--hot-scarlet: #ff2a2a;--ink: rgba(0, 0, 0, .35)}html,body{height:100%}body{--page-pad: 40px;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background-color:var(--vibrant-red);background:radial-gradient(900px 520px at 12% 78%,#ffb20059,#ffb20000 60%),radial-gradient(650px 480px at 75% 18%,#ff2a2a47,#ff2a2a00 62%),linear-gradient(165deg,var(--deep-cinnabar) 0%,#7a0000 38%,var(--vibrant-red) 70%,#ff2a2a 100%);font-family:"Noto Serif SC",serif;color:var(--primary-gold);display:flex;align-items:center;justify-content:center;padding-top:calc(var(--page-pad) + env(safe-area-inset-top));padding-right:calc(var(--page-pad) + env(safe-area-inset-right));padding-bottom:calc(var(--page-pad) + env(safe-area-inset-bottom));padding-left:calc(var(--page-pad) + env(safe-area-inset-left));box-sizing:border-box}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffd7000d 0,#ffd7000d 1px,#0000 1px,#0000 22px),repeating-linear-gradient(0deg,#ffd70008 0,#ffd70008 1px,#0000 1px,#0000 28px),radial-gradient(circle at 20% 30%,#ffd70014 0,#ffd70014 2px,#0000 3px) 0 0 / 90px 90px,radial-gradient(circle at 70% 60%,#ffd7000f 0,#ffd7000f 2px,#0000 3px) 0 0 / 120px 120px,linear-gradient(90deg,#ffd7000d,#ffd70000 45%,#ffd7000d);mix-blend-mode:screen;opacity:.85}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1200px 700px at 50% 45%,#0000 40%,#00000059)}#card{position:relative;width:1280px;height:720px;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 8px 22px #00000059;transform:scale(var(--card-scale, 1));transform-origin:center center}#card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:26px;background:radial-gradient(900px 520px at 18% 86%,#ffb20029,#ffb20000 60%),radial-gradient(720px 520px at 76% 16%,#ff2a2a24,#ff2a2a00 62%),linear-gradient(180deg,#fff5cd14,#fff5cd00 40%,#0000001a);mix-blend-mode:screen;opacity:.75;z-index:2;animation:cardGlow 7.5s ease-in-out infinite}#card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:26px;background:repeating-radial-gradient(circle at 20% 30%,#ffffff08 0,#ffffff08 1px,#0000 1px,#0000 9px),repeating-radial-gradient(circle at 72% 64%,#00000008 0,#00000008 1px,#0000 1px,#0000 11px);mix-blend-mode:overlay;opacity:.12;z-index:9;animation:grainShift 2.8s steps(2) infinite}@media (max-width: 900px),(max-height: 640px){body{--page-pad: 12px}}#stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#stage canvas{display:block;position:absolute;top:0;left:0;z-index:1}.dof-left{position:absolute;top:0;right:0;bottom:0;left:0;width:46%;pointer-events:none;z-index:4;background:radial-gradient(240px 180px at 28% 35%,#ffd70038,#ffd70000 65%),radial-gradient(320px 240px at 22% 72%,#ffb2002e,#ffb20000 72%),radial-gradient(190px 140px at 40% 58%,#fff5cd24,#fff5cd00 68%),radial-gradient(520px 420px at 12% 52%,#0000002e,#0000 66%),linear-gradient(90deg,#00000047,#00000014 38%,#0000);filter:blur(12px) saturate(1.15);opacity:.9;transform:translateZ(0);mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000,#000 70%,#0000);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);animation:dofDrift 8.5s ease-in-out infinite}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary-gold);font-family:Ma Shan Zheng,cursive;font-size:1.5rem;z-index:100;display:flex;flex-direction:column;align-items:center}.spinner{width:40px;height:40px;border:3px solid rgba(255,215,0,.3);border-radius:50%;border-top-color:var(--primary-gold);animation:spin 1s ease-in-out infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dofDrift{0%,to{transform:translate3d(-10px,0,0);opacity:.88}50%{transform:translate3d(10px,-6px,0);opacity:.98}}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;justify-content:space-between;padding:var(--page-pad);box-sizing:border-box}#ui-container:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:18px;border:1px solid rgba(255,217,0,.916);box-shadow:inset 0 0 0 1px #ffd7001a,inset 0 0 40px #ffb20014;animation:framePulse 5.6s ease-in-out infinite}#ui-container:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:20px;pointer-events:none;background:linear-gradient(90deg,#ffd7009e,#ffd70000) 0 0 / 140px 1px no-repeat,linear-gradient(0deg,#ffd7009e,#ffd70000) 0 0 / 1px 140px no-repeat,linear-gradient(270deg,#ffd7009e,#ffd70000) 100% 0 / 140px 1px no-repeat,linear-gradient(0deg,#ffd7009e,#ffd70000) 100% 0 / 1px 140px no-repeat,linear-gradient(90deg,#ffd7009e,#ffd70000) 0 100% / 140px 1px no-repeat,linear-gradient(180deg,#ffd7009e,#ffd70000) 0 100% / 1px 140px no-repeat,linear-gradient(270deg,#ffd7009e,#ffd70000) 100% 100% / 140px 1px no-repeat,linear-gradient(180deg,#ffd7009e,#ffd70000) 100% 100% / 1px 140px no-repeat;opacity:.55;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}.vertical-text{writing-mode:vertical-rl;text-orientation:upright;font-family:Ma Shan Zheng,cursive;opacity:0;animation:fadeIn 2s ease-out forwards}.title{position:absolute;right:120px;top:95px;font-size:84px;letter-spacing:12px;text-shadow:0 10px 22px var(--ink);animation-delay:.5s}.title h1{margin:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:18px;row-gap:24px;justify-items:center;align-items:center;color:#eeb50a;background:linear-gradient(to bottom,#fff8d6,gold 30%,#daa520 70%,#b8860b);-webkit-background-clip:text;background-size:100% 220%;animation:titleShimmer 7s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,215,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.title h1 span:nth-child(1){grid-column:2;grid-row:1}.title h1 span:nth-child(2){grid-column:2;grid-row:2}.title h1 span:nth-child(3){grid-column:1;grid-row:1}.title h1 span:nth-child(4){grid-column:1;grid-row:2}.subtitle-group{position:absolute;left:120px;top:160px;display:flex;flex-direction:column;align-items:flex-start}.subtitle{position:relative;font-size:30px;letter-spacing:8px;color:#ffe8a0eb;text-shadow:0 8px 18px var(--ink);animation-delay:1.5s}.subtitle p{margin:0}.countdown{position:absolute;left:54px;top:54px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,215,0,.22);background:#00000029;font-family:"Noto Serif SC",serif;font-size:18px;letter-spacing:1px;color:#fff5cdeb;text-shadow:0 8px 18px var(--ink);opacity:0;animation:fadeIn 2s ease-out forwards;animation-delay:2.05s}.stamp{position:absolute;right:125px;bottom:105px;width:64px;height:64px;border:3px solid #ff2a2a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#ff2a2a;font-family:Ma Shan Zheng,cursive;font-size:34px;background-color:#ff2a2a1a;box-shadow:0 0 18px #ff2a2a47,0 12px 28px #00000040;transform:rotate(-5deg);opacity:0;animation:stampIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:2.5s;z-index:20;pointer-events:auto;cursor:pointer;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.stamp:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:10px;border:1px solid rgba(255,215,0,0);box-shadow:0 0 #ffd70000;opacity:0}.stamp[aria-pressed=false]:after{opacity:1;border-color:#ffd70047;animation:ringPulse 2.1s ease-in-out infinite;animation-delay:3.4s}.stamp[aria-pressed=true]:after{opacity:0;animation:none}.stamp[aria-pressed=true]{color:#fff5cdfa;border-color:#ffd700a6;background-color:#ffb20029;box-shadow:0 0 22px #ffd70059,0 0 40px #ffb20038,0 12px 28px #00000040}.hint{position:absolute;left:50%;bottom:108px;transform:translate(-50%);z-index:30;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,215,0,.18);background:#0000002e;color:#fff5cde6;font-size:14px;letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;animation:hintIn 1.15s ease-out forwards,hintPulse 2.8s ease-in-out infinite;animation-delay:3s,4.35s}.hint[hidden]{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stampIn{0%{opacity:0;transform:scale(2) rotate(15deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}@keyframes framePulse{0%,to{box-shadow:inset 0 0 0 1px #ffd7001a,inset 0 0 40px #ffb20014}50%{box-shadow:inset 0 0 0 1px #ffd70029,inset 0 0 58px #ffb2001f}}@keyframes titleShimmer{0%,to{background-position:0% 20%}50%{background-position:0% 85%}}@keyframes ringPulse{0%{transform:scale(.98);box-shadow:0 0 #ffd70000;opacity:.75}60%{transform:scale(1.02);box-shadow:0 0 22px #ffd7002e;opacity:1}to{transform:scale(1.04);box-shadow:0 0 #ffd70000;opacity:.65}}@keyframes hintIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hintPulse{0%,to{opacity:.88;filter:drop-shadow(0 0 0 rgba(255,215,0,0))}50%{opacity:1;filter:drop-shadow(0 0 18px rgba(255,215,0,.12))}}@keyframes cardGlow{0%,to{opacity:.7}50%{opacity:.85}}@keyframes grainShift{0%{transform:translateZ(0)}25%{transform:translate3d(-1.2%,.8%,0)}50%{transform:translate3d(.9%,-1%,0)}75%{transform:translate3d(1.1%,.6%,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){body:before,#card:before,#card:after,#ui-container:before,.title h1,.hint,.stamp[aria-pressed=false]:after,.dof-left{animation:none!important}}