:root{--paper-0:#fbf6ec;--paper-1:#efe7d6;--paper-2:#ddd0b8;--ink-3:#5c5348;--ink-2:#38322a;--ink-1:#14110e;--accent:#ce2029;--accent-light:#ff7a6e;--warn:#e8a33d;--ok:#4c6b3c;--font-display:"Anton", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-sfx:"Bangers", var(--font-body);--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--fs-1:13px;--fs-2:16px;--fs-3:20px;--fs-4:25px;--fs-5:31px;--fs-6:39px;--fs-display:88px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--r-panel:4px;--r-balloon:14px;--ink-shadow:4px 4px 0 var(--ink-1);--ink-shadow-lg:6px 6px 0 var(--ink-1);--accent-shadow:4px 4px 0 var(--accent);--tear-ms:.46s;--settle-ms:.34s;--ease-tear:cubic-bezier(.5, 0, .3, 1);--ease-settle:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-2);color:var(--ink-2);background-color:var(--paper-1);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#14110e0e .9px,#0000 1px),repeating-linear-gradient(0deg,#14110e06 0 1px,#0000 1px 3px);background-size:5px 5px,100% 3px;line-height:1.6;overflow-x:hidden}.wrap{max-width:1180px;padding:var(--s8) var(--s6) var(--s16);margin:0 auto}.panel{background:var(--paper-0);border:3px solid var(--ink-1);border-radius:var(--r-panel);box-shadow:var(--ink-shadow);padding:var(--s6);margin-bottom:var(--s6)}.panel.tilt-a{transform:rotate(-.3deg)}.panel.tilt-b{transform:rotate(.25deg)}.panel-head{align-items:baseline;gap:var(--s3);border-bottom:3px solid var(--ink-1);padding-bottom:var(--s3);margin-bottom:var(--s6);display:flex}.panel-no{font-family:var(--font-display);font-size:var(--fs-4);color:var(--accent);-webkit-text-stroke:1.5px var(--ink-1);line-height:1}.panel-title{font-size:var(--fs-4);color:var(--ink-1);margin:0;font-weight:900;line-height:1.15}.panel-note{font-size:var(--fs-1);color:var(--ink-3);margin-left:auto}.display{font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:.01em;color:var(--accent);-webkit-text-stroke:3px var(--ink-1);text-shadow:7px 7px 0 var(--ink-1);text-transform:uppercase;margin:0;line-height:.9}.display-cn{font-size:var(--fs-display);color:var(--accent);-webkit-text-stroke:3px var(--ink-1);text-shadow:7px 7px 0 var(--ink-1);letter-spacing:.08em;margin:0;font-weight:900;line-height:1}.kicker{font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.34em;color:var(--ink-2);text-transform:uppercase;margin:0 0 var(--s3)}.tag{font-size:var(--fs-1);padding:var(--s1) var(--s3);background:var(--paper-2);color:var(--ink-1);border:2px solid var(--ink-1);border-radius:999px;font-weight:700;display:inline-block}.tag.accent{background:var(--accent);color:#fff}.btn{font-family:var(--font-body);font-size:var(--fs-2);padding:var(--s3) var(--s6);border:3px solid var(--ink-1);border-radius:var(--r-panel);background:var(--paper-0);min-height:46px;color:var(--ink-1);box-shadow:var(--ink-shadow);cursor:pointer;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:hover:not(:disabled){box-shadow:var(--ink-shadow-lg);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--ink-1);color:var(--accent-light)}.btn-ghost{background:0 0}.btn:disabled{background:var(--paper-2);color:var(--ink-3);cursor:not-allowed;box-shadow:none;background-image:radial-gradient(circle,#14110e42 1px,#0000 1.1px);background-size:5px 5px;transform:none}.btn-sm{font-size:var(--fs-1);padding:var(--s2) var(--s4);min-height:38px}.btn .count{font-family:var(--font-mono);font-size:var(--fs-1);margin-left:var(--s2);opacity:.8}.btns{gap:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.balloons{gap:var(--s6);flex-direction:column;display:flex}.brow{align-items:flex-start;gap:var(--s4);display:flex}.brow.right{flex-direction:row-reverse}.avatar{border:3px solid var(--ink-1);border-radius:var(--r-panel);background:var(--paper-2);width:48px;height:48px;color:var(--ink-1);font-family:var(--font-display);font-size:var(--fs-3);box-shadow:3px 3px 0 var(--ink-1);background-image:radial-gradient(circle,#14110e38 1px,#0000 1.1px);background-size:4px 4px;flex:0 0 48px;justify-content:center;align-items:center;display:flex}.avatar.me{background:var(--ink-1);color:var(--paper-0);background-image:none}.balloon{background:var(--paper-0);border:3px solid var(--ink-1);border-radius:var(--r-balloon);padding:var(--s3) var(--s4);max-width:min(64ch,100%);box-shadow:var(--ink-shadow);position:relative}.balloon:after{content:"";background:var(--paper-0);border-left:3px solid var(--ink-1);border-bottom:3px solid var(--ink-1);border-bottom-left-radius:3px;width:16px;height:16px;position:absolute;top:16px;left:-11px;transform:rotate(45deg)}.brow.right .balloon:after{border-bottom:none;border-left:none;border-right:3px solid var(--ink-1);border-top:3px solid var(--ink-1);border-top-right-radius:3px;border-bottom-left-radius:0;left:auto;right:-11px}.balloon-name{font-size:var(--fs-1);color:var(--ink-2);margin-bottom:var(--s1);font-weight:900;display:block}.balloon-text{font-size:var(--fs-2);color:var(--ink-2);white-space:pre-wrap;margin:0}.dots span{animation:1.2s infinite blink}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.22}30%{opacity:1}}.caption{background:var(--warn);border:3px solid var(--ink-1);border-radius:var(--r-panel);padding:var(--s3) var(--s4);box-shadow:var(--ink-shadow);color:var(--ink-1);max-width:70ch;font-weight:700}.caption .lbl{font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--s1);display:block}.broadcast{background:var(--ink-1);border:3px solid var(--ink-1);border-radius:var(--r-panel);padding:var(--s3) var(--s4);box-shadow:var(--accent-shadow);font-family:var(--font-mono);font-size:var(--fs-2);color:var(--accent-light);letter-spacing:.09em;max-width:70ch}.broadcast .cursor{background:var(--accent-light);width:.6em;animation:1s step-end infinite blink;display:inline-block}.secure{background:var(--ink-1);border:3px solid var(--ink-1);border-radius:var(--r-panel);padding:var(--s4);box-shadow:var(--ink-shadow-lg);color:var(--paper-2);background-image:radial-gradient(circle,#fbf6ec17 1px,#0000 1.1px);background-size:5px 5px}.secure-head{font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.22em;color:var(--accent-light);text-transform:uppercase;padding-bottom:var(--s2);margin-bottom:var(--s4);border-bottom:2px solid #fbf6ec47}.secure .balloon{box-shadow:none;border-color:#fbf6ec80}.secure .balloon,.secure .balloon:after{background:var(--ink-2)}.secure .balloon:after{border-color:#fbf6ec80 #fbf6ec80 #0000 #0000}.secure .balloon-text{color:var(--paper-2)}.secure .balloon-name{color:var(--paper-0)}.secure .avatar{border-color:#fbf6ec80;box-shadow:3px 3px #14110ecc}.seats{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(118px,1fr));display:grid}.seat{background:var(--paper-0);border:3px solid var(--ink-1);border-radius:var(--r-panel);box-shadow:var(--ink-shadow);padding:var(--s3);background-image:radial-gradient(circle,#14110e24 1px,#0000 1.1px);background-size:5px 5px;position:relative}.seat-no{top:var(--s2);right:var(--s3);font-family:var(--font-display);font-size:var(--fs-3);color:var(--ink-1);opacity:.34;line-height:1;position:absolute}.seat-face{border:2px solid var(--ink-1);background:var(--paper-2);height:52px;margin-bottom:var(--s3);font-size:var(--fs-3);color:var(--ink-3);border-radius:2px;justify-content:center;align-items:center;font-weight:900;display:flex}.seat-name{font-size:var(--fs-2);color:var(--ink-1);font-style:italic;font-weight:900;display:block}.seat-state{font-size:var(--fs-1);color:var(--ink-3);margin-top:var(--s1);display:block}.seat.active{border-color:var(--accent);box-shadow:var(--accent-shadow)}.seat.active .seat-state{color:var(--accent);font-weight:900}.seat.dead .seat-face,.seat.dead .seat-name{opacity:.4}.seat.dead:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#14110e57 1.4px,#0000 1.5px);background-size:6px 6px;border-radius:1px;position:absolute;inset:0}.seat.dead:after{content:"";background:var(--ink-1);pointer-events:none;height:5px;position:absolute;top:50%;left:-3px;right:-3px;transform:rotate(-13deg)}.hud{align-items:center;gap:var(--s6);background:var(--ink-1);color:var(--paper-0);border:3px solid var(--ink-1);border-radius:var(--r-panel);box-shadow:var(--accent-shadow);padding:var(--s3) var(--s4);flex-wrap:wrap;display:flex}.hud-brand{font-family:var(--font-display);font-size:var(--fs-3);letter-spacing:.1em}.hud-brand em{color:var(--accent-light);font-style:normal}.hud-item{font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.12em;color:var(--paper-2)}.hud-item b{color:var(--paper-0)}.hud-timer{font-family:var(--font-mono);font-size:var(--fs-3);color:var(--accent-light);margin-left:auto;font-weight:700}.sfx{font-family:var(--font-sfx);font-size:var(--fs-6);color:var(--accent);-webkit-text-stroke:2.5px var(--ink-1);text-shadow:4px 4px 0 var(--ink-1);letter-spacing:.04em;line-height:1;display:inline-block;transform:rotate(-7deg)}.composer{gap:var(--s3);margin-top:var(--s4);display:flex}.input{font-family:var(--font-body);font-size:var(--fs-2);padding:var(--s3) var(--s4);background:var(--paper-0);min-height:46px;color:var(--ink-2);border:3px solid var(--ink-1);border-radius:var(--r-panel);box-shadow:var(--ink-shadow);flex:1}.input::placeholder{color:var(--ink-3)}.input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.grid-2{gap:var(--s4);grid-template-columns:1.55fr 1fr;display:grid}@media (width<=820px){.grid-2{grid-template-columns:1fr}}.stack{gap:var(--s4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.muted{color:var(--ink-3);font-size:var(--fs-1)}.center{text-align:center}a[data-link]{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}a[data-link]:hover{color:var(--accent)}a[data-link]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.textlink{min-height:24px;padding:var(--s1) 0;display:inline-block}.link-btn{text-decoration:none;display:inline-block}.tear-layer{z-index:50;will-change:clip-path, transform, opacity;pointer-events:none;background-color:var(--paper-1);background-image:radial-gradient(circle,#14110e0e .9px,#0000 1px),repeating-linear-gradient(0deg,#14110e06 0 1px,#0000 1px 3px);background-size:5px 5px,100% 3px;position:fixed;inset:0;overflow:hidden}.tear-layer>.wrap{pointer-events:none}.tear-under{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.tear-layer{display:none}}