:root{--bg:#0b0d12;--panel:#12151c;--panel2:#171b24;--line:#222836;--text:#e8ecf3;--muted:#8b93a7;--accent:#ff5c8a;--accent2:#ffb454;--vip:#ffd24a;--ok:#36d399;--live:#ff3b5c;--radius:16px;--shadow:0 10px 40px rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,#1a1230 0,transparent 60%),radial-gradient(1000px 500px at -10% 110%,#102330 0,transparent 55%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;line-height:1.7;display:flex;flex-direction:column;min-height:100vh}a{color:var(--accent);text-decoration:none}header.top{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(10,12,18,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.logo{font-weight:800;letter-spacing:.5px;font-size:18px;color:var(--text)}.logo b{color:var(--accent)}.room{color:var(--muted);font-size:13px}.live-pill{display:inline-flex;align-items:center;gap:6px;background:var(--live);color:#fff;font-weight:700;font-size:12px;padding:3px 9px;border-radius:999px}.live-pill i{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.spacer{flex:1 1}.viewers{font-size:13px;color:var(--muted)}.viewers b{color:var(--text)}main.stage{flex:1 1;display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;padding:16px;max-width:860px;margin:0 auto;width:100%}.pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);min-height:0}.pane-head{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:var(--panel2);font-size:13px;color:var(--muted)}.pane-head .dot{width:9px;height:9px;border-radius:50%}.pane-head b{color:var(--text)}.fan-body{display:flex;flex-direction:column;flex:1 1;min-height:0;position:relative}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:50}.fx-burst{position:absolute;width:0;height:0}.fx-dot{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%}.fx-emoji{position:absolute;will-change:transform,opacity;filter:drop-shadow(0 0 5px rgba(255,210,140,.6))}.count-badge{position:absolute;left:10px;top:10px;z-index:12;min-width:96px;background:rgba(10,12,18,.74);border:1px solid var(--line);border-radius:12px;padding:7px 11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.4)}.count-badge .rem{font-size:12px;color:var(--muted);line-height:1.3}.count-badge .rem b{color:#fff;font-size:18px}.count-badge .goal{font-size:11px;color:var(--accent2);margin-top:4px}.count-badge .bar{height:5px;background:#0c0f16;border-radius:99px;overflow:hidden;margin-top:3px}.count-badge .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .5s ease}.slot-layer{position:absolute;inset:0;z-index:48;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.slot-layer.show{opacity:1}.slot-card{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}.slot-stamp{font-size:clamp(18px,4.6vw,30px);font-weight:900;color:#fff;letter-spacing:2px;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:5px 18px;border-radius:12px;transform:rotate(-7deg);box-shadow:0 0 26px rgba(255,92,138,.75);animation:stampIn .4s cubic-bezier(.2,1.9,.3,1)}@keyframes stampIn{0%{transform:rotate(-7deg) scale(2.3);opacity:0}60%{transform:rotate(-7deg) scale(.88)}to{transform:rotate(-7deg) scale(1);opacity:1}}.slot-roll{overflow:hidden;position:relative}.slot-roll,.slot-roll>div{height:clamp(72px,18vw,150px)}.slot-roll>div{line-height:clamp(72px,18vw,150px);text-align:center;font-family:Arial Black,Helvetica Neue,sans-serif;font-weight:900;font-size:clamp(72px,18vw,150px);color:#fff;text-shadow:0 0 20px rgba(255,92,138,.95),0 0 48px rgba(255,180,84,.7);transition:transform .55s cubic-bezier(.3,1.4,.35,1)}.slot-roll.rolled>div{transform:translateY(-100%)}.slot-lbl{font-size:14px;color:var(--accent2);letter-spacing:4px}.slot-ring{position:absolute;left:50%;top:46%;width:24px;height:24px;border-radius:50%;z-index:1;border:4px solid var(--accent2);transform:translate(-50%,-50%);animation:slotRing .85s ease-out forwards}@keyframes slotRing{0%{width:24px;height:24px;opacity:.85}to{width:360px;height:360px;opacity:0;border-width:1px}}.video-wrap{position:relative;background:#000;aspect-ratio:16/9}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9aa3b8;background:repeating-linear-gradient(45deg,#0c1018 0 14px,#0e1320 14px 28px);text-align:center;padding:20px;font-size:13px}.led-board{position:relative;height:118px;overflow:hidden;flex:0 0 auto;background:#0a0603;border-top:2px solid #1c1206;border-bottom:2px solid #1c1206;background-image:radial-gradient(circle,rgba(150,70,0,.13) 0 1.4px,transparent 1.7px);background-size:6px 6px}.led-viewport{position:absolute;inset:0;overflow:hidden}.led-msg{position:absolute;top:50%;left:0;white-space:nowrap;will-change:transform;font-family:Arial Black,Helvetica Neue,monospace;font-weight:900;font-size:70px;line-height:1;letter-spacing:3px;transform:translateY(-50%)}.led-board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle,transparent 0 1.75px,#0a0603 2.05px) 0 0 /6px 6px,linear-gradient(90deg,rgba(0,0,0,.6),transparent 6%,transparent 94%,rgba(0,0,0,.6)),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px)}.comments{flex:1 1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:7px;min-height:80px}.cmt{font-size:13px;line-height:1.4;animation:rise .25s ease}.cmt .nm{font-weight:700;margin-right:6px}.cmt.sys{color:var(--accent2)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fan-actions{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--panel2);flex-wrap:wrap}.fan-actions input{flex:1 1;background:#0c0f16;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 12px;font-size:13px}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .08s ease,filter .15s ease;white-space:nowrap}.btn:active{transform:scale(.96)}.btn:hover{filter:brightness(1.06)}.btn.primary{background:linear-gradient(135deg,var(--accent),#ff7aa2);color:#fff;box-shadow:0 6px 18px rgba(255,92,138,.35)}.btn.gift{background:#241f12;color:var(--vip);border:1px solid #4a3d18}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.talent-body{display:flex;flex-direction:column;flex:1 1;min-height:0}.notify-zone{padding:14px;border-bottom:1px solid var(--line);min-height:150px;background:linear-gradient(180deg,#15101a,#12151c);display:flex;flex-direction:column;gap:10px}.notify-hint{font-size:11px;color:#56607a;letter-spacing:.5px}.big-note{border-radius:14px;padding:16px 18px;background:linear-gradient(135deg,#2a1620,#1c1018);border:1px solid #54283a;display:flex;align-items:center;gap:14px;animation:pop .4s cubic-bezier(.2,1.4,.3,1);cursor:pointer}.big-note:hover{filter:brightness(1.1);border-color:#7a3a52}.big-note.vip{background:linear-gradient(135deg,#2c2410,#1e1808);border-color:#5e4a16}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.big-note .em{font-size:30px}.big-note .txt{flex:1 1}.big-note .txt .l1{font-size:13px;color:#ffb0c4}.big-note.vip .txt .l1{color:#fd9}.big-note .txt .l2{font-size:20px;font-weight:800;color:#fff;margin-top:2px}.big-note .txt .l3{font-size:12px;color:var(--muted);margin-top:3px}.note-msg{margin-top:8px;font-size:13px;color:#e8ecf3;line-height:1.6;background:#0e1422;border:1px solid #2a3a4f;border-left:3px solid #3fd0ff;border-radius:8px;padding:8px 10px;white-space:pre-wrap;word-break:break-word}.note-msg .lbl{display:block;font-size:10px;color:#3fd0ff;margin-bottom:3px}.call-cue{font-size:11px;background:#3a1422;color:#ff7a9c;border:1px solid #5c2138;border-radius:999px;padding:4px 10px;align-self:flex-start;white-space:nowrap}.empty-note{color:#3c465c;font-size:13px;display:flex;align-items:center;justify-content:center;flex:1 1;min-height:110px;border:1px dashed #222a3a;border-radius:12px}.talent-comments{flex:1 1;overflow-y:auto;padding:10px 14px;min-height:120px}.talent-comments .label{font-size:11px;color:#56607a;margin-bottom:6px}.tc{font-size:13px;color:#aab3c6;line-height:1.6}.tc .nm{font-weight:600;color:#cdd5e6}.overlay{position:fixed;inset:0;background:rgba(5,6,10,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.overlay.open{display:flex}.modal{width:min(420px,100%);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow-y:auto;max-height:min(88dvh,720px);overscroll-behavior:contain;animation:pop .3s ease}.modal,.paybar{background:var(--panel)}.paybar{position:-webkit-sticky;position:sticky;bottom:0;z-index:3;border-top:1px solid var(--line);padding:10px 18px 14px;display:flex;flex-direction:column;gap:8px}.modal h3{margin:0;padding:16px 18px;border-bottom:1px solid var(--line);font-size:15px}.modal .mbody{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field textarea{width:100%;background:#0c0f16;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit}.field textarea{min-height:58px;resize:vertical;line-height:1.6}.ticket-opts{display:flex;gap:8px;flex-wrap:wrap}.ticket-opt{flex:1 1;min-width:110px;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;text-align:center;background:#0d1018;transition:border-color .15s,background .15s}.ticket-opt.sel{border-color:var(--accent);background:#1a1016}.ticket-opt .tn{font-weight:700;font-size:14px}.ticket-opt .tp{font-size:13px;color:var(--muted);margin-top:3px}.ticket-opt .tb{font-size:10px;color:var(--accent2);margin-top:4px}.hide-row{display:flex;gap:8px;font-size:12px;color:var(--muted)}.hide-row,.qty{align-items:center}.qty{display:inline-flex;gap:16px;background:#0c0f16;border:1px solid var(--line);border-radius:10px;padding:6px 14px;width:max-content}.qbtn{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#171b24;color:var(--text);font-size:20px;cursor:pointer;line-height:1}.qbtn,.qval{font-weight:800}.qval{font-size:18px;min-width:26px;text-align:center}.pay-row{display:flex;gap:8px}.pay{flex:1 1;border:0;border-radius:12px;padding:13px;font-weight:800;font-size:14px;cursor:pointer}.pay.apple{background:#000;color:#fff;border:1px solid #333}.pay.google{background:#fff;color:#111}.summary{font-size:12px}.processing,.summary{color:var(--muted);text-align:center}.processing{padding:30px}.spinner{width:34px;height:34px;border:3px solid #222a3a;border-top:3px solid var(--accent);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.done{padding:24px;text-align:center}.done .qr{width:140px;height:140px;margin:14px auto;border-radius:12px;background:#fff;padding:10px}.done .qr svg{width:100%;height:100%}.micro{font-size:11px;color:#56607a;text-align:center;line-height:1.6}.err{color:#ff8a9c;min-height:16px}.err,.notice{font-size:12px}.notice{color:#ffd9a3;line-height:1.7;text-align:left;background:#241a0c;border:1px solid #5e4a18;border-radius:10px;padding:10px 12px;margin-top:4px}.notice:before{content:"⚠ 注意事項";display:block;font-size:11px;color:var(--accent2);margin-bottom:4px;font-weight:700}.done-sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--panel);border-top:1px solid var(--accent);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.55);transform:translateY(115%);transition:transform .32s cubic-bezier(.2,.9,.2,1);max-height:62vh;overflow-y:auto;padding:8px 16px 18px}.done-sheet.open{transform:translateY(0)}.ds-grab{width:42px;height:4px;border-radius:99px;background:#3a4254;margin:2px auto 10px}.ds-head{display:flex;align-items:center;gap:10px}.ds-ok{flex:1 1;font-weight:800;font-size:16px}.ds-x{background:transparent;border:0;font-size:24px;cursor:pointer;line-height:1;padding:0 4px}.ds-note,.ds-x{color:var(--muted)}.ds-note{font-size:12px;line-height:1.85;margin:8px 0 13px}.ds-note b{color:var(--text)}.ds-actions{display:flex;gap:8px;flex-wrap:wrap}.ds-actions .btn{flex:1 1 auto;padding:11px 12px}@media (max-width:620px){header.top{gap:8px;padding:9px 12px;flex-wrap:wrap}.logo{font-size:16px}.room{display:none}main.stage{padding:10px;gap:12px}input,select,textarea{font-size:16px!important}.fan-actions{gap:6px;padding:8px 10px}.fan-actions input{flex:1 1;min-width:0;padding:9px 10px}.fan-actions .btn{padding:10px 12px;font-size:13px;white-space:nowrap;flex:0 0 auto}.fan-actions .btn.primary{order:-1;flex:1 0 100%;padding:13px;font-size:16px}.fan-actions .btn.gift{order:1;flex:1 0 100%;text-align:center}.led-board{height:74px}.led-msg{font-size:40px}.overlay{align-items:flex-end;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.modal{width:100%;max-width:100%;border-radius:18px 18px 0 0;max-height:62dvh;overflow-y:auto;box-shadow:0 -14px 44px rgba(0,0,0,.65);animation:sheetUp .3s cubic-bezier(.2,.9,.2,1)}.modal h3{position:-webkit-sticky;position:sticky;top:0;background:var(--panel);z-index:2}.done-sheet{max-height:72vh}.ds-actions .btn{flex:1 1 100%}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.legal{max-width:760px;margin:0 auto;padding:26px 20px 90px;width:100%;font-size:14px}.legal h1{font-size:21px;margin:14px 0 6px}.legal h2{font-size:16px;margin:26px 0 8px;padding-top:10px;border-top:1px solid var(--line)}.legal li,.legal p{color:#dfe5ef;line-height:1.9}.legal ol,.legal ul{padding-left:22px;margin:6px 0}.legal table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0}.legal td,.legal th{border:1px solid var(--line);padding:11px 13px;vertical-align:top;text-align:left}.legal th{width:32%;background:var(--panel2);color:#c4ccdb;font-weight:600;white-space:nowrap}.legal .lead{color:var(--muted);font-size:13px}.legal .lnote{font-size:12px;color:#7a8398}.legal .backlink{font-size:13px;color:var(--muted)}.legal-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px;color:var(--text)}.legal-card p{margin:2px 0 0;font-size:13px;color:var(--muted)}