.spin-page{grid-gap:16px;display:grid;font-family:Microsoft JhengHei,system-ui,-apple-system,sans-serif;gap:16px;min-height:100svh;padding:24px 16px;place-items:center;position:relative}.spin-page:before{background:50%/cover no-repeat var(--page-back);content:"";inset:0;position:fixed;z-index:-1}.wheel-wrap{height:560px;position:relative;width:560px}.wheel-svg{display:block;height:100%;width:100%}.wheel-rot{transform-box:fill-box;transform-origin:center}.pointer{border-bottom:28px solid #e53935;border-left:16px solid #0000;border-right:16px solid #0000;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2));height:0;left:50%;position:absolute;top:-12px;transform:translateX(-50%) rotate(180deg);width:0;z-index:3}.wheel-label-vertical{fill:#fff;stroke:#000;stroke-width:.8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.85));font-size:22px;font-weight:900;opacity:1;paint-order:stroke;text-orientation:upright;writing-mode:vertical-rl}.spin-btn{background:#2f2f2f;border:0;border-radius:12px;box-shadow:0 6px 14px #0000002e;color:#fff;cursor:pointer;font-size:18px;margin-top:8px;padding:12px 26px}.spin-btn:disabled{cursor:not-allowed;opacity:.6}.popup-center{display:grid;inset:0;opacity:0;place-items:center;pointer-events:none;position:fixed;transform:scale(.92);transition:opacity .25s,transform .25s cubic-bezier(.2,.9,.2,1)}.popup-center.show{opacity:1;transform:scale(1)}.popup-center:before{background:#00000073;content:"";inset:0;position:absolute}.popup-card{background:#000000d9;border-radius:16px;box-shadow:0 20px 40px #00000059;color:#fff;font-size:30px;padding:20px 28px;pointer-events:auto;position:relative}.result{bottom:42px;color:#111;font-size:22px;font-weight:800;left:50%;position:fixed;text-shadow:0 1px 2px #fff9;transform:translateX(-50%)}.sg-wrap{grid-gap:20px;background:linear-gradient(180deg,#f1d4f5,#f6e9f2);box-sizing:border-box;display:grid;gap:20px;grid-template-columns:280px 1fr;height:calc(100vh - 24px);padding:12px 16px}.ladder{background:#fff;border:1px solid #e7e7e7;border-radius:12px;overflow:auto;padding:12px}.ladder-title{font-size:20px;font-weight:700;margin:6px 8px 10px}.ladder-title.small{font-size:16px}.ladder-step{background:linear-gradient(180deg,#ff3c3c,#cc1620);border:1px solid #fff3;border-radius:10px;box-shadow:inset 0 2px 0 #ffffff40,0 2px 4px #00000014;color:#fff;font-weight:800;letter-spacing:1px;margin:10px 0;padding:10px 12px;text-align:center}.ladder-step.active{outline:4px solid #ffd24d}.stage{background:#fff;border:1px solid #e7e7e7;border-radius:12px;overflow:auto;padding:18px}.songlist-title,.topic-panel .panel-title{font-size:28px;font-weight:800;margin-bottom:16px;text-align:center}.topics{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.topic-pill{background:#eee;border-radius:18px;box-shadow:0 4px 10px #00000014,inset 0 1px 0 #fff9;font-size:26px;font-weight:800;padding:26px 24px;text-align:center}.topic-pill.color-1{background:#f3c6ca}.topic-pill.color-2{background:#cfe0f7}.topic-pill.color-3{background:#f3e0b6}.topic-pill.color-4{background:#cfead5}.topic-pill.color-5{background:#d4e6ff}.topic-pill.color-6{background:#d6c8f0}.panel-hint{margin-top:10px;opacity:.65;text-align:center}.song-tiles{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr;margin:0 auto;max-width:900px}.song-tile{background:linear-gradient(180deg,#ffde9b,#ffb048);border:none;border-radius:12px;box-shadow:0 4px 10px #0000001f,inset 0 1px 0 #fff9;height:140px;padding:18px;position:relative}.song-tile.admin{cursor:pointer}.song-tile.used{filter:grayscale(1) contrast(.8);opacity:.6}.song-tile .used-mask{background:#222;border-radius:8px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:12px;top:12px}.song-tile .line{background:#ffffffa6;border-radius:8px;height:28px;margin:8px 0}.song-tile .line.big{height:36px}.song-tile .line.year{width:40%}.play-panel{grid-gap:12px;display:grid;grid-template-rows:auto 1fr;height:100%}.play-mask{align-items:center;display:flex;justify-content:center;padding:8px}.mask-text{font-size:52px;font-weight:900;letter-spacing:4px}.player{align-items:center}.player-video{box-shadow:0 6px 20px #00000040;max-height:60vh;width:min(960px,100%)}.player.empty{opacity:.6}.sg-wrap.admin .btn-start{background:#fafafa;border:1px solid #ddd;border-radius:8px;display:block;font-weight:700;margin-bottom:10px;padding:10px 12px;width:100%}.play-admin-ctrl{align-items:center;display:flex;gap:10px}.ans-input{flex:1 1;font-size:20px;padding:12px 14px}.ans-input,.btn-confirm{border:1px solid #ddd;border-radius:10px}.btn-confirm{background:#111;color:#fff;font-weight:800;padding:12px 18px}.song-title{font-size:22px;font-weight:700;line-height:1.2;margin-bottom:6px}.song-meta{font-size:14px;opacity:.85}.media-badge{border-radius:999px;display:inline-block;font-size:12px;margin-left:8px;padding:2px 8px}.media-badge.has{background:#e8fff2}.media-badge.none{background:#f7f7f7}.result-banner{background:#00000080;border-radius:16px;color:#fff;font-size:64px;font-weight:800;left:50%;padding:12px 24px;position:absolute;top:8%;transform:translateX(-50%)}.result-banner.ok{background:#00800099}.result-banner.ng{background:#c8000099}.mask-text{bottom:12%;font-size:48px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 8px #000c;transform:translateX(-50%)}.player-video{display:block;margin:0 auto}.play-panel{display:flex;flex-direction:column;gap:12px}.mask-bar{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border-radius:12px;display:flex;gap:12px;justify-content:center;min-height:80px;padding:10px 16px;position:static!important;width:100%}.mask-text{color:#fff;font-size:clamp(22px,6vw,72px);font-weight:800;line-height:1.2;overflow-wrap:anywhere;text-align:center;white-space:pre-wrap}.result-chip{border-radius:999px;color:#fff;font-size:clamp(14px,3vw,24px);line-height:1;padding:6px 12px;-webkit-user-select:none;user-select:none}.result-chip.ok{background:#16a34a}.result-chip.ng{background:#b91c1c}.player{display:flex;justify-content:center;width:100%}.player-video{background:#000;border-radius:12px;height:72vh;object-fit:contain;width:min(100%,1280px)}.player.empty{background:#111;border-radius:12px;color:#888;display:grid;height:40vh;place-items:center}.play-mask,.result-banner{position:static!important}@font-face{font-display:swap;font-family:CreamFont;font-style:normal;font-weight:400;src:url(/static/media/creamfont-2.0.e1a606c5d188e7b8a04d.otf) format("opentype")}@font-face{font-display:swap;font-family:CreamFont;font-style:normal;font-weight:700;src:url(/static/media/creamfont-2.0.e1a606c5d188e7b8a04d.otf) format("opentype")}@font-face{font-display:swap;font-family:CSong3HK;font-style:normal;font-weight:400;src:url(/static/media/CSong3HK-Medium.929599e0625e1d45e48c.otf) format("opentype")}@font-face{font-display:swap;font-family:CSong3HK;font-style:normal;font-weight:700;src:url(/static/media/CSong3HK-Medium.929599e0625e1d45e48c.otf) format("opentype")}@font-face{font-display:swap;font-family:MarcellusSC;font-style:normal;font-weight:400;src:url(/static/media/MarcellusSC-Regular.d36eafd3ccb97b75de17.ttf) format("truetype")}@font-face{font-display:swap;font-family:MarcellusSC;font-style:normal;font-weight:700;src:url(/static/media/MarcellusSC-Regular.d36eafd3ccb97b75de17.ttf) format("truetype")}:root{--font-cream:"CreamFont";--font-csong:"CSong3HK";--font-marc:"MarcellusSC";--brand-bg:#f8f3ea;--brand-surface:#fffaf2;--brand-text:#3b2c24;--brand-primary:#7b4f2f;--brand-secondary:#a67c5b;--brand-border:#e8dccb}html{-webkit-text-size-adjust:100%}body{font-synthesis-weight:none}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f8f3ea,#fff 48%);background:linear-gradient(180deg,var(--brand-bg) 0,#fff 48%);color:#3b2c24;color:var(--brand-text);font-family:CreamFont,CSong3HK,PingFang TC,Noto Sans TC,Heiti TC,Microsoft JhengHei,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-cream),"CSong3HK","PingFang TC","Noto Sans TC","Heiti TC","Microsoft JhengHei",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0}*{box-sizing:border-box}img{display:block}button{background:linear-gradient(180deg,#fffdf8,#fff5e8);border:1px solid #e8dccb;border:1px solid var(--brand-border);border-radius:10px;color:#3b2c24;color:var(--brand-text);cursor:pointer;font-family:inherit;padding:8px 12px}button:hover{border-color:#d6c1a6}input,select,textarea{background:#fffefb;border:1px solid #e8dccb;border:1px solid var(--brand-border);border-radius:8px;color:#3b2c24;color:var(--brand-text);font-family:inherit;padding:8px 10px}.font-cream{font-family:CreamFont,inherit;font-family:var(--font-cream),inherit}.font-csong{font-family:CSong3HK,inherit;font-family:var(--font-csong),inherit}.font-marc{font-family:MarcellusSC,inherit;font-family:var(--font-marc),inherit}.board-wrap{margin:16px auto;padding:8px;width:min(520px,94vw)}.board-header{gap:8px;text-align:center}.board-header,.top-countdown{align-items:center;display:flex;justify-content:center}.top-countdown{font-weight:800;gap:10px;margin:8px auto 12px}.top-countdown .team{font-size:16px}.top-countdown .time{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums}.top-countdown .dot{block-size:10px;border-radius:999px;inline-size:10px}.overlay-victory{align-items:center;background:#000000d9;border-radius:999px;color:#fff;display:flex;font-size:18px;font-weight:900;gap:10px;letter-spacing:1px;margin:8px auto 12px;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:fit-content;z-index:20}.grid{grid-gap:8px;aspect-ratio:1/1;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:520px;position:relative;width:100%}@media (min-width:640px){.grid{gap:10px;max-width:640px}}.grid.small{max-width:360px}.cell{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 6px 8px}.cell-index{font-size:20px;font-weight:900;line-height:1;margin-bottom:6px}.badges{align-content:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.badge{border:2px solid;border-radius:999px;font-size:14px;font-weight:800;line-height:1;padding:3px 10px}.line{color:currentColor;pointer-events:none;position:absolute;z-index:5}.line .glow{border:2px solid}.line[data-line="0"],.line[data-line="1"],.line[data-line="2"]{height:8px;left:5%;right:5%}.line[data-line="0"]{top:calc(16.66% - 4px)}.line[data-line="1"]{top:calc(50% - 4px)}.line[data-line="2"]{top:calc(83.33% - 4px)}.line[data-line="3"],.line[data-line="4"],.line[data-line="5"]{bottom:5%;top:5%;width:8px}.line[data-line="3"]{left:calc(16.66% - 4px)}.line[data-line="4"]{left:calc(50% - 4px)}.line[data-line="5"]{left:calc(83.33% - 4px)}.line[data-line="6"],.line[data-line="7"]{height:140%;left:50%;top:-20%;transform-origin:center;width:8px}.line[data-line="6"]{transform:translateX(-50%) rotate(-45deg)}.line[data-line="7"]{transform:translateX(-50%) rotate(45deg)}.line .glow{background:currentColor;border-radius:999px;box-shadow:0 0 12px currentColor,inset 0 0 24px currentColor;height:100%;width:100%}.toast{align-items:center;background:#000c;border-radius:12px;bottom:18px;color:#fff;display:flex;font-weight:800;gap:8px;left:50%;padding:10px 14px;position:fixed;transform:translateX(-50%);z-index:30}.toast .dot{block-size:10px;border-radius:50%;inline-size:10px}.admin-wrap{grid-template-columns:1fr;margin:16px auto;width:min(1200px,96vw)}.admin-wrap,.left-col{grid-gap:16px;display:grid;gap:16px}.left-col{align-content:start}.plays{overflow-x:auto}.panel{grid-gap:16px;display:grid;gap:16px}.panel h3{margin:0 0 6px}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.toolbar button{background:#fff;border:2px solid #444;border-radius:10px;color:#444;font-weight:800;padding:10px 12px}.panel-inner{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.panel-inner .col.span-2{grid-column:1}@media (min-width:768px){.panel-inner{grid-template-columns:1fr 1fr}.panel-inner .col.span-2{grid-column:1/-1}}.keypad{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-width:420px}.num-btn{aspect-ratio:1/1;background:#fff;border:2px solid #111;border-radius:14px;color:#111;font-size:20px;font-weight:900;padding:16px 0}.num-btn.active{background:#111;color:#fff}.teams{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(110px,1fr))}.team-btn{--clr:#333;background:#fff;border:2px solid var(--clr);border-radius:12px;color:var(--clr);font-size:16px;font-weight:800;padding:14px 10px}.team-btn.active{background:var(--clr);box-shadow:inset 0 0 0 3px #0000000f;color:#fff}.submit{background:#111;border:none;border-radius:14px;color:#fff;font-size:18px;font-weight:900;padding:16px 18px;width:100%}@media (min-width:1024px){.admin-wrap{grid-template-columns:5fr 7fr}}.board-preview .grid.small{max-width:320px}.admin-wrap{height:calc(100vh - 32px)}.plays{display:flex;flex-direction:column;min-height:0}.plays .table-wrap{background:#fff;border:1px solid #eee;border-radius:10px;flex:1 1 auto;max-height:calc(100vh - 120px);min-height:0;overflow:auto;padding:6px}.plays table{border-collapse:collapse;width:100%}.plays thead th{background:#fff;border-bottom:1px solid #eee;padding:8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.plays tbody td{border-bottom:1px solid #f2f2f2;padding:6px 8px}.plays tbody tr:hover{background:#fafafa}
/*# sourceMappingURL=main.ea4b5f09.css.map*/