:root{--color-primary: #F5C400;--color-primary-dark: #D9AD00;--color-primary-soft: #FFF6C7;--color-primary-ink: #141416;--color-secondary: #1F1F25;--color-heading: #1C2539;--color-heading-dark: #141416;--color-body: #5D666F;--color-border: #E7E5F2;--color-white: #FFFFFF;--color-surface: #FAFAFC;--bg-dark-1: #1E1E20;--color-success: #3EB75E;--color-info: #1BA2DB;--color-warning: #FF8F3C;--color-danger: #E5373A;--font-primary: "Red Hat Display", "Helvetica Neue", Arial, sans-serif;--font-secondary: "DM Sans", "Helvetica Neue", Arial, sans-serif;--h1: 60px;--h2: 48px;--h3: 30px;--h4: 26px;--h5: 24px;--h6: 18px;--font-size-b1: 16px;--line-height-b1: 26px;--font-size-b2: 15px;--font-size-b3: 22px;--radius-lg: 15px;--radius-md: 10px;--radius-sm: 6px;--shadow-card: 0 10px 30px rgba(20, 20, 22, .06);--shadow-lift: 0 36px 35px rgba(61, 60, 60, .08);--shadow-header: 0 7px 18px rgba(24, 16, 16, .05);--gutter: 24px;--brand-a: var(--color-primary);--brand-b: var(--color-primary-dark);--ink: var(--color-heading);--muted: var(--color-body);--line: var(--color-border);--ok: var(--color-success);--err: var(--color-danger)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-white);color:var(--color-body);font-family:var(--font-secondary);font-size:var(--font-size-b1);line-height:var(--line-height-b1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-heading);text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:3px}a:hover{color:var(--color-heading-dark);text-decoration-color:var(--color-heading-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);color:var(--color-heading);margin:0 0 .4em;line-height:1.15;letter-spacing:-.01em}h1{font-size:var(--h2);font-weight:800}h2{font-size:var(--h3);font-weight:800}h3{font-size:var(--h6);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-body)}h4{font-size:var(--h5);font-weight:700}p{margin:0 0 1em}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px}hr{border:0;border-top:1px solid var(--color-border);margin:20px 0}.display{font-size:var(--h1);font-weight:900;line-height:1.05}.lead{font-size:var(--font-size-b3);line-height:1.6;color:var(--color-body)}.muted{color:var(--color-body);font-size:var(--font-size-b2)}.eyebrow{display:inline-block;font-family:var(--font-primary);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-heading-dark);background:var(--color-primary);padding:6px 12px;border-radius:999px;margin-bottom:18px}.container{max-width:1200px;margin:0 auto;padding-inline:var(--gutter)}.page{max-width:1200px;margin:0 auto;padding:32px var(--gutter) 64px}.page-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-head h1{margin:0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grow{flex:1 1 200px}.stack{display:flex;flex-direction:column;gap:20px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.section{padding-block:80px}@media(max-width:767px){.section{padding-block:48px}:root{--h1: 42px;--h2: 34px;--h3: 24px}.page{padding-top:20px}}.card-box{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card)}.card-box.tight{padding:20px}.card-box.lift{box-shadow:var(--shadow-lift);border:0}.stat{display:flex;flex-direction:column;gap:4px}.stat .stat-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-body)}.stat .stat-value{font-family:var(--font-primary);font-size:44px;font-weight:900;color:var(--color-heading-dark);line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-heading-dark);font-family:var(--font-primary);font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s,border-color .3s,transform .2s,box-shadow .3s}.btn:hover{background:var(--color-surface);border-color:#d6d3e6;text-decoration:none}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-ink);box-shadow:0 8px 20px #f5c40040}.btn.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn.dark{background:var(--color-heading-dark);border-color:var(--color-heading-dark);color:#fff}.btn.dark:hover{background:#000}.btn.danger{background:#fdecec;border-color:#f6c9ca;color:var(--color-danger)}.btn.danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn.lg{height:55px;padding:0 29px;font-size:16px}.btn.small{height:36px;padding:0 14px;font-size:13px;border-radius:var(--radius-md)}.btn.block{width:100%}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}.form-group{margin-bottom:18px}.form-group label,label.field{display:block;font-family:var(--font-primary);font-weight:700;font-size:14px;color:var(--color-heading);margin-bottom:6px}input,select,textarea{width:100%;height:50px;padding:0 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-heading-dark);font-family:var(--font-secondary);font-size:16px;transition:border-color .2s,box-shadow .2s}textarea{height:auto;min-height:96px;padding:12px 16px;resize:vertical;line-height:1.5}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231C2539' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #f5c40040}input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-dark);vertical-align:-3px;margin-right:6px}input[type=number]{padding-right:8px}input::placeholder,textarea::placeholder{color:#9aa1a9}.inline-input{width:auto;display:inline-block}.alert{padding:14px 16px;border-radius:var(--radius-md);margin-bottom:18px;border:1px solid;font-size:15px}.alert.error{background:#fdecec;color:#b4262a;border-color:#f6c9ca}.alert.success{background:#eaf8ee;color:#22733a;border-color:#bfe7ca}.alert.info{background:var(--color-primary-soft);color:var(--color-heading-dark);border-color:#f2dd84}.pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--color-surface);color:var(--color-body);border:1px solid var(--color-border)}.pill.active{background:#eaf8ee;color:#22733a;border-color:#bfe7ca}.pill.pending{background:var(--color-primary-soft);color:#7a5e00;border-color:#f2dd84}.pill.finished{background:var(--color-surface);color:var(--color-body)}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--color-border);vertical-align:middle}th{font-family:var(--font-primary);font-weight:700;color:var(--color-body);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding-top:4px}tr:last-child td{border-bottom:0}tbody tr:hover td,table tr:hover td{background:var(--color-surface)}.table-wrap{overflow-x:auto}.bingo-card{background:#fff;border:2px solid var(--color-heading-dark);border-radius:var(--radius-md);padding:12px}.bingo-head{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-family:var(--font-primary);font-weight:900;font-size:26px;letter-spacing:.12em;color:var(--color-heading-dark);margin-bottom:8px}.bingo-head span{background:var(--color-primary);border-radius:var(--radius-sm);margin:0 2px}.bingo{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.bingo .cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;line-height:1.15;background:#fff;overflow:hidden;color:var(--color-heading)}.bingo .cell .artist{font-family:var(--font-primary);font-weight:700}.bingo .cell .title{color:var(--color-body)}.bingo .cell.free{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-ink);font-family:var(--font-primary);font-weight:900;font-size:15px}.bingo .cell.hit{background:var(--color-primary-soft);border-color:var(--color-primary-dark);box-shadow:inset 0 0 0 2px var(--color-primary)}.bingo-foot{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--color-body)}.bingo-foot strong{font-family:var(--font-primary);color:var(--color-heading-dark);letter-spacing:.04em}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-header)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-heading-dark);font-family:var(--font-primary);font-weight:900;font-size:20px;letter-spacing:-.01em}.brand .mark{width:40px;height:40px;border-radius:50%;background:var(--color-primary);display:grid;place-items:center;font-size:20px;box-shadow:0 6px 14px #f5c40059}.site-nav{display:flex;gap:6px;align-items:center}.site-nav a,.site-nav .nav{font-family:var(--font-primary);font-weight:700;font-size:15px;color:var(--color-heading);text-decoration:none;padding:8px 12px;border-radius:var(--radius-md);position:relative;white-space:nowrap}.site-nav a:hover,.site-nav .nav:hover{background:var(--color-surface)}.site-nav a.router-link-active,.site-nav .nav.router-link-active{color:var(--color-heading-dark)}.site-nav a.router-link-active:after,.site-nav .nav.router-link-active:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;border-radius:3px;background:var(--color-primary)}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--color-primary-soft) 0%,#fff 70%)}.hero:before{content:"";position:absolute;right:-60px;top:-20px;width:560px;height:560px;background:url(/mascot.png) no-repeat center / contain;opacity:.55;pointer-events:none}.hero .container{position:relative}@media(max-width:900px){.hero:before{width:380px;height:380px;right:-120px;top:auto;bottom:-60px;opacity:.35}}@media(max-width:640px){.site-header .bar,.admin-header .bar{height:auto;min-height:0;flex-wrap:wrap;justify-content:center;padding-block:10px;row-gap:6px}.brand{font-size:17px;white-space:nowrap}.brand .mark{width:34px;height:34px;font-size:17px}.site-nav{width:100%;justify-content:center}.site-nav a,.site-nav .nav{padding:6px 10px;font-size:14px}.bingo .cell{font-size:10px;padding:2px}.bingo .cell .title{display:none}.bingo-head{font-size:20px}}.site-footer{background:var(--bg-dark-1);color:#c9c9cf;padding-block:48px;margin-top:64px}.site-footer .wordmark{font-family:var(--font-primary);font-weight:900;font-size:clamp(28px,6vw,44px);letter-spacing:.04em;color:#fff;text-decoration:none}.site-footer a{color:#fff;text-decoration-color:var(--color-primary)}.site-footer .foot-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.site-footer .tag{display:inline-block;background:var(--color-primary);color:var(--color-primary-ink);font-family:var(--font-primary);font-weight:800;letter-spacing:.1em;padding:6px 14px;border-radius:999px;font-size:13px}.admin-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:var(--shadow-header)}.admin-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap;padding-block:8px}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);font-size:14px;color:var(--color-heading)}.user-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-ink);display:grid;place-items:center;font-family:var(--font-primary);font-weight:800;font-size:13px;text-transform:uppercase}.list-scroll{max-height:520px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.list-scroll table th{position:sticky;top:0;background:#fff}.song-btn{display:flex;width:100%;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:52px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-family:var(--font-secondary);font-size:15px;color:var(--color-heading);cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.song-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.song-btn:active{transform:scale(.995)}.song-btn strong{font-family:var(--font-primary)}.called-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px;border-bottom:1px solid var(--color-border)}.called-row .num{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--color-heading-dark);color:#fff;font-family:var(--font-primary);font-weight:800;font-size:12px}.verdict{border-radius:var(--radius-lg);padding:20px;text-align:center;font-family:var(--font-primary);font-weight:900;font-size:24px;margin:14px 0}.verdict.win{background:var(--color-primary);color:var(--color-primary-ink)}.verdict.no{background:var(--color-surface);color:var(--color-heading);border:1px solid var(--color-border);font-size:18px}@media print{body{background:#fff}.no-print,.site-header,.site-footer,.admin-header{display:none!important}.print-card{page-break-inside:avoid;break-inside:avoid;margin:0 auto 24px;width:100%;max-width:6.5in}.print-card:nth-child(2n){page-break-after:always}}