:root{--bg:#15100d;--ink:#2a1c14;--cream:#f4ecd8;--cream-2:#e9dcc2;--gold:#d4af37;--gold-2:#b8912a;--red:#a51c1c;--red-2:#7a1f1f;--shadow:0 18px 50px #00000073;--serif:"Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;--sans:-apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--cream);font-family:var(--sans);overscroll-behavior:none;margin:0;overflow:hidden}body{position:fixed;top:0;bottom:0;left:0;right:0}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.screen{padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));-webkit-overflow-scrolling:touch;background:radial-gradient(at 50% 30%,#3a2418 0%,#1b120d 60%,#0f0a08 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen:before,.screen:after{content:"";background:repeating-linear-gradient(#8e1a1a 0,#8e1a1a 28px,#6f1414 28px,#6f1414 56px);width:18px;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 20px #0009}.screen:before{left:0}.screen:after{right:0}.card{background:var(--cream);width:min(420px,100%);color:var(--ink);border:3px double var(--gold);box-shadow:var(--shadow);border-radius:6px;padding:28px 24px 24px;position:relative}.card:before{content:"";pointer-events:none;border:1px solid #b8912a80;border-radius:3px;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.eyebrow{text-align:center;letter-spacing:.4em;color:var(--red-2);text-indent:.4em;margin:0 0 8px;font-size:12px}.title{font-family:var(--serif);text-align:center;letter-spacing:.06em;margin:0;font-size:26px;font-weight:700;line-height:1.3}.subtitle{text-align:center;color:#6b5a48;margin:6px 0 20px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:#6b5a48;letter-spacing:.1em;font-size:13px}.field input{color:var(--ink);background:#fffaf0;border:1px solid #c9b58a;border-radius:4px;outline:none;padding:12px 14px;font-size:17px}.field input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #d4af3740}.avatars{grid-template-columns:repeat(6,1fr);gap:8px;margin:4px 0 18px;display:grid}.avatar{aspect-ratio:1;background:#fffaf0;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:4px;transition:transform .15s,border-color .15s;display:flex}.avatar svg{width:100%;height:100%}.avatar.on{border-color:var(--gold-2);background:#fff3d6;transform:translateY(-3px)}.btn{letter-spacing:.3em;text-indent:.3em;color:#ffe9b0;background:linear-gradient(#b52222,#8a1616);border:none;border-radius:4px;width:100%;padding:14px;font-size:17px;transition:transform 80ms,box-shadow 80ms;display:block;box-shadow:0 6px #5a0f0f,0 10px 20px #0000004d}.btn:active{transform:translateY(4px);box-shadow:0 2px #5a0f0f}.btn.ghost{color:var(--red-2);box-shadow:none;border:1px solid var(--gold-2);letter-spacing:.15em;background:0 0;padding:10px;font-size:14px}.error{text-align:center;min-height:20px;color:var(--red);margin:6px 0 10px;font-size:13px}.error.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ticket{width:min(380px,100%);color:var(--ink);box-shadow:var(--shadow);background:#fff8e8;border-radius:10px;position:relative;overflow:hidden}.ticket .head{background:var(--red);color:#ffe9b0;text-align:center;padding:18px 20px 14px}.ticket .head .t1{font-family:var(--serif);letter-spacing:.1em;font-size:20px;font-weight:700}.ticket .head .t2{letter-spacing:.3em;opacity:.85;margin-top:4px;font-size:11px}.ticket .body{grid-template-columns:1fr 1fr;gap:12px 10px;padding:18px 20px 14px;display:grid}.ticket .k{letter-spacing:.2em;color:#8a7a62;font-size:11px}.ticket .v{font-family:var(--serif);word-break:break-all;margin-top:2px;font-size:18px;font-weight:700}.ticket .v.mono{letter-spacing:.1em;font-family:ui-monospace,Menlo,monospace}.ticket .tear{border-top:2px dashed #d9c59a;margin:4px 16px 0;position:relative}.ticket .tear:before,.ticket .tear:after{content:"";background:#1b120d;border-radius:50%;width:24px;height:24px;position:absolute;top:-12px}.ticket .tear:before{left:-28px}.ticket .tear:after{right:-28px}.ticket .foot{justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 18px;display:flex}.ticket .stamp{font-family:var(--serif);color:var(--red);border:2px solid var(--red);opacity:.85;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:13px;font-weight:700;line-height:1.1;display:flex;transform:rotate(-12deg)}.ticket-wrap{flex-direction:column;align-items:stretch;gap:16px;width:min(380px,100%);display:flex}.ticket-wrap .btn{width:100%}.ticket-wrap .ticket-hint{text-align:center;color:#c9b58a;letter-spacing:.1em;font-size:12px}.hud-top{left:12px;right:12px;top:calc(10px + var(--safe-top));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.hall-name{font-family:var(--serif);letter-spacing:.15em;color:#f7d98b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c088c;border:1px solid #d4af3780;border-radius:4px;max-width:60%;padding:8px 12px;font-size:15px;transition:opacity .3s}.hud-btns{gap:8px;display:flex}.icon-btn{color:#f7d98b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c0899;border:1px solid #d4af3799;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.hint{left:0;right:0;bottom:calc(150px + var(--safe-bottom));text-align:center;letter-spacing:.3em;color:#f7d98bd9;text-shadow:0 2px 6px #0009;pointer-events:none;font-size:13px;transition:opacity .5s;position:absolute}.hint .arrow{font-size:20px;animation:1.4s ease-in-out infinite bob;display:block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.plaque{left:50%;bottom:calc(18px + var(--safe-bottom));width:min(360px,100% - 32px);color:var(--cream);border:1px solid var(--gold-2);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:linear-gradient(#2e2622,#1c1613);border-radius:4px;padding:12px 14px;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,20px)}.plaque.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.plaque:before{content:"";pointer-events:none;border:1px solid #d4af3759;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.plaque .pt{font-family:var(--serif);color:#f7d98b;letter-spacing:.05em;font-size:17px;font-weight:700}.plaque .pm{color:#c9b58a;letter-spacing:.1em;margin:2px 0 6px;font-size:12px}.plaque .pc{color:#e9dcc2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.plaque .pz{color:var(--gold);letter-spacing:.1em;font-size:11px;position:absolute;top:10px;right:10px}.door-btn{left:50%;bottom:calc(120px + var(--safe-bottom));letter-spacing:.2em;text-indent:.2em;white-space:nowrap;border:2px solid var(--gold);color:#ffe9b0;box-shadow:var(--shadow);background:#7a1f1feb;border-radius:999px;padding:14px 28px;font-size:16px;animation:1.6s ease-in-out infinite pulse;position:absolute;transform:translate(-50%)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #d4af3780, var(--shadow)}50%{box-shadow:0 0 0 12px #d4af3700, var(--shadow)}}.hall-card{text-align:center;border:1px solid var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(340px,100% - 40px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#140c08e6;border-radius:4px;padding:22px 20px;transition:opacity .5s;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hall-card.on{opacity:1}.hall-card .hc-eyebrow{letter-spacing:.5em;color:var(--gold);text-indent:.5em;font-size:11px}.hall-card .hc-title{font-family:var(--serif);color:#f7d98b;letter-spacing:.1em;margin:8px 0 10px;font-size:28px;font-weight:700}.hall-card .hc-intro{color:#e9dcc2;font-size:13px;line-height:1.7}.overlay{padding:calc(20px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0604d1;justify-content:center;align-items:center;animation:.25s fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.panel{-webkit-overflow-scrolling:touch;background:var(--cream);width:min(440px,100%);max-height:100%;color:var(--ink);border:3px double var(--gold);box-shadow:var(--shadow);border-radius:6px;padding:22px 20px;position:relative;overflow-y:auto}.panel h2{font-family:var(--serif);letter-spacing:.15em;text-align:center;margin:0 0 14px;font-size:20px}.close{border:1px solid var(--gold-2);width:34px;height:34px;color:var(--red-2);background:#fff8e8;border-radius:50%;font-size:18px;position:absolute;top:10px;right:10px}.list{flex-direction:column;gap:8px;display:flex}.list button{text-align:left;color:var(--ink);background:#fffaf0;border:1px solid #d9c59a;border-radius:4px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:15px;display:flex}.list button.on{border-color:var(--red);background:#fff1e6}.list button.done{color:#8a7a62}.list .n{letter-spacing:.2em;color:#8a7a62;font-size:11px}.list .now{color:var(--red);letter-spacing:.1em;font-size:11px}.zoom{flex-direction:column;align-items:center;gap:12px;width:min(480px,100%);display:flex}.zoom .frame{aspect-ratio:1;width:min(100%,60vh);box-shadow:var(--shadow);background:linear-gradient(135deg,#e8c766,#a8791c 40%,#f0d07a 60%,#9c6f16);padding:6%;position:relative}.zoom .frame .mat{background:#f4ecd8;width:100%;height:100%;padding:6%}.zoom .frame img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.zoom .plaque-big{border:1px solid var(--gold-2);width:100%;color:var(--cream);background:linear-gradient(#2e2622,#1c1613);padding:14px 16px;position:relative}.zoom .plaque-big:before{content:"";pointer-events:none;border:1px solid #d4af3759;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.zoom .plaque-big .pt{font-family:var(--serif);color:#f7d98b;font-size:19px;font-weight:700}.zoom .plaque-big .pm{color:#c9b58a;letter-spacing:.1em;margin:4px 0 8px;font-size:12px}.zoom .plaque-big .pc{color:#e9dcc2;font-size:14px;line-height:1.7}.zoom .nav{gap:10px;width:100%;display:flex}.zoom .nav button{border:1px solid var(--gold);color:#f7d98b;letter-spacing:.2em;background:#140c08b3;border-radius:4px;flex:1;padding:12px;font-size:14px}.zoom .nav button:disabled{opacity:.35}.exit-panel{left:50%;bottom:calc(18px + var(--safe-bottom));border:1px solid var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(380px,100% - 32px);box-shadow:var(--shadow);background:#140c08cc;border-radius:6px;flex-direction:column;gap:10px;padding:16px;animation:.4s fade;display:flex;position:absolute;transform:translate(-50%)}.exit-panel .ex-title{font-family:var(--serif);text-align:center;color:#f7d98b;letter-spacing:.2em;font-size:18px}.exit-panel .ex-sub{text-align:center;color:#c9b58a;margin-bottom:4px;font-size:12px}.exit-panel .row{gap:8px;display:flex}.exit-panel .row button{border:1px solid var(--gold);color:#ffe9b0;letter-spacing:.1em;background:#7a1f1fe6;border-radius:4px;flex:1;padding:12px 6px;font-size:14px}.exit-panel .row button.ghost{color:#f7d98b;background:0 0}.gb-list{flex-direction:column;gap:10px;max-height:40vh;margin-bottom:14px;padding-right:4px;display:flex;overflow-y:auto}.gb-item{background:#fffaf0;border:1px solid #e3d3ad;border-radius:4px;padding:10px 12px;position:relative}.gb-item .gn{font-family:var(--serif);font-size:14px;font-weight:700}.gb-item .gd{color:#8a7a62;margin-left:8px;font-size:11px}.gb-item .gt{margin-top:4px;font-size:14px;line-height:1.6}.gb-item .pocket{color:var(--red-2);border:1px solid var(--red-2);border-radius:999px;padding:1px 6px;font-size:10px;position:absolute;top:8px;right:8px}.gb-form{flex-direction:column;gap:8px;display:flex}.gb-form textarea{color:var(--ink);resize:none;background:#fffaf0;border:1px solid #c9b58a;border-radius:4px;outline:none;height:78px;padding:10px 12px;font-size:15px}.gb-form .toast{color:var(--red-2);text-align:center;min-height:16px;font-size:12px}.poster-wrap{flex-direction:column;align-items:center;gap:12px;width:min(360px,100%);display:flex}.poster-wrap img{width:100%;box-shadow:var(--shadow);border-radius:6px}.poster-wrap .tip{color:#f7d98b;letter-spacing:.1em;text-align:center;font-size:13px}.fatal{color:#f4ecd8;white-space:pre-wrap;background:#1b120d;padding:40px 24px;font-family:ui-monospace,Menlo,monospace;font-size:13px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.fatal h1{font-family:var(--serif);color:#f7d98b;font-size:20px}.loading{color:#c9b58a;letter-spacing:.4em;background:var(--bg);justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen.checkin{background:radial-gradient(at 50% 20%,#5a2a1e 0%,#2e1710 55%,#1a0d09 100%)}.screen.checkin:before,.screen.checkin:after{background:repeating-linear-gradient(90deg,#8e1a1a 0,#8e1a1a 8px,#b52a2a 8px,#b52a2a 17px);width:34px;box-shadow:inset 0 0 24px #0000008c}.lantern{top:calc(18px + var(--safe-top));background:radial-gradient(circle at 40% 35%,#ff6a4a,#c8102e 70%);border-radius:50%;width:46px;height:40px;position:absolute;box-shadow:0 0 24px #ff5a308c}.lantern:before{content:"";background:var(--gold);width:2px;height:18px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.lantern:after{content:"";background:var(--gold);border-radius:0 0 3px 3px;width:6px;height:16px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.lantern.l{left:52px}.lantern.r{right:52px}.ticket-holder{width:min(420px,100%);margin-top:44px;position:relative}.ticket-card{-webkit-mask-image:radial-gradient(circle at 0 58%,#0000 13px,#000 14px),radial-gradient(circle at 100% 58%,#0000 13px,#000 14px);-webkit-mask-position:0,100%;-webkit-mask-size:51% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;-webkit-mask-composite:source-over,source-over;mask-composite:add,add;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source;border-radius:14px;width:100%;padding-top:52px;overflow:visible;mask-image:radial-gradient(circle at 0 58%,#0000 13px,#000 14px),radial-gradient(circle at 100% 58%,#0000 13px,#000 14px);-webkit-mask-position:0,100%;mask-position:0,100%;-webkit-mask-size:51% 100%;mask-size:51% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-over,source-over;mask-composite:add,add;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ticket-card:before{border-radius:10px}.ticket-holder .peek{z-index:2;filter:drop-shadow(0 6px 10px #00000059);width:96px;height:96px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.ticket-holder .peek svg{width:96px;height:96px}.ticket-card .eyebrow:before,.ticket-card .eyebrow:after{content:"⚜";color:var(--gold-2);margin:0 10px}.ticket-card .avatars{grid-template-columns:repeat(6,1fr);gap:6px}.ticket-card .avatar{border:2px solid var(--gold-2);background:#fffaf0;border-radius:50%;padding:3px;box-shadow:inset 0 0 0 1px #b8912a59}.ticket-card .avatar.on{border-color:var(--red);background:#fff3d6;transform:translateY(-4px)scale(1.06);box-shadow:0 0 0 3px #d4af3773,0 4px 10px #0003}.ticket-card .btn{border:2px solid var(--gold);border-radius:999px}