/* V2: sequins, stage smoke and corporate malpractice. Scoped to bingo only. */
:root{--paper:#100d18;--ink:#fff7eb;--white:#1d172b;--red:#ff1da8;--bright:#ff1da8;--line:#46354f;--muted:#c3b6cd;--gold:#ffd447;--cyan:#00d9ff;color-scheme:dark;background:#100d18;color:#fff7eb}
body{background:radial-gradient(ellipse at 95% 45%,#261138 0,transparent 45%),#100d18}
button{border-color:#64516e;border-radius:5px;min-height:44px;font-weight:800}
button:hover{background:#35203e;color:#fff7eb;border-color:#ff1da8}
button.primary{background:#ff1da8;color:#100d18;border-color:#ff1da8;box-shadow:0 4px 0 #850252}
button.primary:hover{background:#ff6ac7;color:#100d18}
button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--cyan)}
.masthead{max-width:none;padding:21px max(28px,calc((100vw - 1230px)/2));border-color:#ffffff18;background:#100d18}
.brand{color:var(--gold);font-size:38px;font-style:italic;letter-spacing:-1px;text-shadow:2px 2px 0 #b66b16,4px 4px 0 #ff1da8;transform:rotate(-3deg)}
.brand:before{content:'♛';font-size:20px;vertical-align:top;margin-right:5px;color:var(--gold)}
.brand span{color:#fff7eb;text-shadow:none}.department{color:#b7a7c4;font-size:9px;letter-spacing:2px}.languages a[aria-current]{border-color:var(--cyan)}
main{max-width:1230px;padding:0 28px}.hero{position:relative;isolation:isolate;text-align:left;min-height:570px;padding:0;margin:0 -28px;overflow:hidden;background:#180d26}
.hero-art-v2,.hero-shade-v2{position:absolute;inset:0;z-index:-2}.hero-art-v2{background:url('/bingo/hero-v2.webp') center 43%/cover no-repeat}.hero-shade-v2{z-index:-1;background:linear-gradient(90deg,#100d18f5 0%,#100d18d9 23%,#100d1866 48%,#100d1800 75%),linear-gradient(0deg,#100d18,transparent 24%)}
.hero-copy-v2{position:relative;max-width:600px;padding:37px 36px 27px}.hero .issue{color:var(--cyan);font-size:10px;letter-spacing:1.8px;line-height:1.6;margin-bottom:22px}.hero-title{margin:0;max-width:520px}.presents{display:inline-block;color:var(--gold);font:italic 900 20px Georgia,serif;margin-bottom:12px;transform:rotate(-5deg)}
h1{font-size:clamp(66px,8vw,108px);letter-spacing:-2px;line-height:.9;text-shadow:3px 5px 0 #050309}
h1>span:not(.title-star){font-size:1.25em;letter-spacing:2px;color:var(--gold);text-shadow:2px 3px 0 #9f641a,5px 6px 0 #572548,7px 8px 0 #07040b}
.title-star{color:var(--cyan);right:35px;bottom:-7px;font-size:72px;text-shadow:0 0 25px #00d9ff66;transform:rotate(13deg)}
.tagline{margin:23px 0 14px;font-size:17px;line-height:1.2;font-weight:900;letter-spacing:1px;color:#ff64c3}.tagline br{display:none}.intro{font:700 19px Arial,sans-serif;margin-bottom:9px}.instructions{font-size:13px;color:#ded1e5;max-width:395px;line-height:1.6}
.hero-play{display:flex;align-items:center;justify-content:space-between;width:226px;min-height:48px;padding:14px 18px;background:var(--red);color:#100d18;font-size:12px;font-weight:900;text-decoration:none;margin-top:22px;box-shadow:0 4px 0 #850252;border-radius:3px}.hero-play span{font-size:22px;line-height:1}.hero-badges{display:flex;gap:15px;font:9px var(--mono);font-weight:bold;letter-spacing:1px;color:#c9b9d2;margin-top:22px}.hero-stamp{left:auto;right:34px;bottom:27px;top:auto;border-radius:50%;width:100px;height:100px;background:var(--gold);color:#100d18;border:2px solid #100d18;outline:2px solid var(--gold);outline-offset:3px;transform:rotate(14deg);box-shadow:0 0 40px #ffd44744;font-size:36px}.hero-stamp small{font-size:9px;margin-top:12px}
.ticker-v2{margin:0 -28px 32px;padding:13px 20px;background:var(--gold);color:#100d18;white-space:nowrap;overflow:hidden;text-align:center;font-size:13px;font-weight:900;letter-spacing:1.5px;transform:rotate(-1deg)}.ticker-v2 i{font-style:normal;color:#b20a73;margin:0 22px}
.room-launch{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:35px 0 32px;padding:25px 28px;border:1px solid #704581;background:linear-gradient(115deg,#301239,#1c152c);border-radius:9px;box-shadow:0 0 45px #ff1da80b}
.label{color:var(--cyan);font-size:10px;font-weight:bold;letter-spacing:1.5px}.room-launch h2{font:900 30px Impact,'Arial Black',sans-serif;letter-spacing:.4px;margin:9px 0}.room-launch p{color:#d0bedb;font-size:13px;line-height:1.5;margin:0}.room-launch-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0}.room-launch-actions button{white-space:nowrap;font-size:13px}.room-launch-actions>span{grid-column:1/-1;text-align:center;color:#bca7ca;font-size:11px;margin-top:4px}
.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:30px;padding-top:20px;border-top:1px solid #694677}.control-top{margin-bottom:18px}.categories button{border-color:#5d406a;color:#ded0e8}.categories button[aria-pressed=true]{background:var(--gold);color:#100d18;border-color:var(--gold)}.toggles button{color:#d7c9e2}.toggles button[aria-pressed=true]{background:#42204c;border-color:var(--cyan);color:#fff}legend{color:#b4a2c3}
.paper{background:linear-gradient(140deg,#251932,#171221);border:1px solid #815290;padding:20px;border-radius:12px;box-shadow:0 0 0 5px #ff1da807,0 10px 35px #0007}.paper-header h2{font:900 25px Impact,'Arial Black',sans-serif;letter-spacing:.5px;color:var(--gold)}.paper-header .label{font-size:9px;color:#c5acd2}.rubber-stamp{color:var(--cyan);border-color:var(--cyan);font-size:9px;box-shadow:0 0 12px #00d9ff12}.bingo-letters{color:var(--gold);font:900 29px Impact,'Arial Black',sans-serif;letter-spacing:1px;margin-bottom:10px;text-shadow:1px 2px 0 #966616}
.board{gap:6px}.board .square{border:1px solid #694f76;background:linear-gradient(150deg,#30233e,#21182e);color:#fff7eb;border-radius:6px;box-shadow:0 3px 0 #09070f;min-height:85px;font-size:13px;line-height:1.22;padding:7px;transition:background-color .12s,transform .12s}.board .square:hover{border-color:var(--cyan);background:#402e4f;transform:translateY(-1px)}.board .square[aria-pressed=true]{background:linear-gradient(140deg,#ff48ba,#b51082);border-color:#ff8ed7;color:#fff;box-shadow:0 0 18px #ff1da833,0 3px 0 #5d1546}.square[aria-pressed=true]:not(.free):after{color:var(--gold);font-size:12px;bottom:3px;right:5px}.board .square.winning{outline:3px solid var(--gold);outline-offset:-4px}.board .square.free{background:linear-gradient(135deg,#fff18a,#ffd447 60%,#e6a728);color:#2c1534;border-color:#ffe994;font-size:17px;box-shadow:0 0 25px #ffd44733,0 3px 0 #936719}.free .star{color:#8e1474;text-shadow:none}.free small{font-size:8px}.paper-bottom{color:#e3d1ee}progress,progress::-webkit-progress-bar{background:#493451}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.actions{margin-top:22px}.status{color:var(--cyan)}.storage,.privacy{color:#b5a1c5}
.memo{background:linear-gradient(160deg,#371a43,#21142d);border:1px solid #794b83;transform:rotate(2deg);border-radius:5px;margin-top:79px;box-shadow:7px 7px 0 #09060f;padding:21px 20px 0}.memo:before{background:#ff1da899}.memo-number{border-color:#72517e;color:#d8b8e9}.memo-number span{color:var(--cyan)}.memo h2{color:var(--gold);font:900 29px Impact,'Arial Black',sans-serif;letter-spacing:.1px;line-height:1.05}.memo-idiot{filter:drop-shadow(0 0 20px #ff1da84d)}.memo>p:not(.label){color:#d5bce2}.memo .text-link{color:var(--cyan)}.memo-footer{border-color:#735280;color:#bba0c9}.memo .label{color:#ff71c8}
.song{border-color:#6b4379;background:linear-gradient(90deg,#2a1536,#100d18);padding:28px;border-radius:7px}.record{box-shadow:0 0 0 5px #ff1da822,0 0 30px #ff1da81c}.record span{background:var(--gold);color:#1d1430}.song h2{font:900 28px Impact,'Arial Black',sans-serif;color:var(--gold);letter-spacing:.3px}.song p{color:#c5b1d2}.song a{color:var(--cyan)}.song-note{color:var(--red);text-shadow:0 0 25px #ff1da899}.explainer h2{font:800 24px Arial,sans-serif;color:#fff0de}.explainer li,.explainer details{color:#d7c7e2}.explainer li::marker{color:var(--gold)}details{border-color:#523d60}footer{border-color:#4c3359;color:#bda4cc}footer .brand{font-size:30px}.skip{background:#21182e}
dialog{background:#1d1429;border:1px solid #b056a3;border-radius:12px;box-shadow:0 0 0 5px #ff1da818,0 25px 100px #000b;color:#fff7eb}dialog::backdrop{background:#07030de8;backdrop-filter:blur(5px)}dialog h2{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.5px;color:var(--gold)}dialog p{color:#d6c0e1}#victory{width:620px;overflow:hidden;background:radial-gradient(ellipse at 50% 22%,#713365,transparent 65%),#160e23;border:2px solid var(--gold);box-shadow:0 0 70px #ff1da866;padding:27px 34px 32px}#victory:before{content:'✦';position:absolute;right:22px;top:90px;color:var(--cyan);font-size:55px;transform:rotate(17deg)}#victory:after{content:'♛';position:absolute;left:24px;top:105px;font-size:48px;color:var(--gold);transform:rotate(-17deg)}#victory h2{font-size:110px;color:var(--gold);text-shadow:3px 4px 0 #a05f1b,5px 6px 0 #93095f}#victory h2 span{color:var(--red)}.victory-idiot{height:195px;filter:drop-shadow(0 0 25px #ff1da8aa)}.victory-message{color:#fff7eb;font-size:20px!important}.victory-actions button:last-child{color:var(--cyan)}#confetti i{background:var(--red)}#confetti i:nth-child(3n){background:var(--gold)}#confetti i:nth-child(3n+1){background:var(--cyan)}
.room-panel{margin:28px 0 30px;border:1px solid #78538b;border-radius:10px;background:linear-gradient(135deg,#291730,#171222);padding:24px}.room-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.room-top h2{font:900 32px var(--mono);letter-spacing:4px;color:var(--gold);margin:10px 0}.room-top h2 small{font:700 11px Arial,sans-serif;letter-spacing:0;color:#c7afd5;display:inline-block;margin-left:15px}.room-meta{display:flex;justify-content:space-between;gap:10px;margin:8px 0 20px;font:11px var(--mono);color:#b9a8c7}#room-connection{color:var(--cyan)}#room-connection:before{content:'● ';font-size:10px}#room-connection.connection-bad{color:var(--gold)}.room-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;margin:0;list-style:none}.participant{display:flex;gap:10px;align-items:center;background:#120e1d;border:1px solid #493556;border-radius:7px;padding:12px;min-width:0}.participant.is-you{border-color:#b02c8b;background:#2d1530}.avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#513365;color:var(--gold);font-weight:bold;font-size:16px}.participant-detail{display:flex;flex-direction:column;min-width:0;gap:5px}.participant-detail strong{font-size:13px;overflow-wrap:anywhere}.participant-detail small{font-size:10px;color:#bfa3cc}.participant-score{margin-left:auto;font:700 12px var(--mono);color:var(--cyan);white-space:nowrap}.room-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px}.room-bottom p,#room-empty{font-size:11px;color:#bfa3cc;line-height:1.6}.room-bottom button{font-size:11px;padding:8px 12px;min-height:38px}.room-bottom>div{display:flex;gap:8px}.room-winner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;padding:17px 20px;background:linear-gradient(105deg,#ffd447,#ffdf7b);color:#25102c;border-radius:5px}.room-winner>span{font:900 10px var(--mono);letter-spacing:.5px}.room-winner strong{font:900 22px Arial;overflow-wrap:anywhere}.in-room .languages a{opacity:.45;cursor:default}
#room-dialog{width:480px}#room-dialog h2{margin:12px 0 24px;font-size:34px}#room-form label{display:block;font-size:13px;font-weight:bold;margin-top:15px}#room-form input,#room-form select,#share-url{display:block;width:100%;margin-top:9px;padding:13px;border:1px solid #765784;border-radius:5px;background:#100d18;color:#fff7eb;font:16px Arial}#room-code{text-transform:uppercase;font-family:var(--mono)!important;letter-spacing:3px}.form-hint{font-size:11px!important;color:#c0a9cd!important;line-height:1.5!important}#room-error,#room-confirm-error{color:#ffb9e8;min-height:20px;font-size:13px}#room-form .dialog-actions{margin-top:18px}
/* Discreet remains a genuine neutral meeting-notes mode. */
body.discreet{--paper:#f4f4f3;--white:#fff;--red:#414957;--bright:#414957;--ink:#27313e;--line:#d2d5d8;--muted:#575c65;--gold:#27313e;--cyan:#345271;color-scheme:light;background:#f4f4f3;color:#27313e}.discreet .ticker-v2,.discreet .room-launch{display:none}.discreet .masthead{background:#f4f4f3;border-color:#ccc}.discreet .paper,.discreet .room-panel{background:#fff;border-color:#bbb;box-shadow:none}.discreet .paper-header h2,.discreet .paper-header .label{color:#27313e}.discreet .board .square{background:#fff;color:#27313e;border-color:#bbb;box-shadow:none;transition:none;transform:none}.discreet .board .square[aria-pressed=true]{background:#414957;color:#fff;border-color:#414957;box-shadow:none}.discreet .board .square.free{background:#e5e7eb;color:#27313e;box-shadow:none;font-size:11px}.discreet .board .square.winning{outline:2px solid #27313e}.discreet .paper-bottom,.discreet legend,.discreet .toggles button,.discreet .categories button,.discreet .status,.discreet .room-meta,.discreet .room-bottom p,.discreet #room-empty{color:#414957}.discreet .categories button[aria-pressed=true]{background:#414957;color:#fff}.discreet .toggles button[aria-pressed=true]{background:#e5e7eb;color:#27313e;border-color:#414957}.discreet button.primary{background:#414957;color:#fff;border-color:#414957;box-shadow:none}.discreet button:hover{background:#e5e7eb;color:#27313e}.discreet button.primary:hover{background:#27313e;color:#fff}.discreet .participant,.discreet .participant.is-you{background:#f5f5f5;border-color:#ddd}.discreet .avatar{background:#ddd;color:#27313e}.discreet .participant-detail small{color:#555}.discreet .room-winner{background:#e5e7eb;color:#27313e}.discreet .room-winner>span{font-size:9px}.discreet .room-top h2{font-size:24px}.discreet .room-panel{margin-top:15px;padding:16px}.discreet .room-players{grid-template-columns:repeat(2,minmax(0,1fr))}.discreet dialog{background:#fff;color:#27313e;box-shadow:none;border-color:#777}.discreet dialog p{color:#444}.discreet .room-top h2 small{color:#444}.discreet progress::-webkit-progress-bar{background:#ddd}.discreet progress::-webkit-progress-value{background:#414957}
@media(max-width:1050px){.hero-copy-v2{max-width:550px}.hero-art-v2{background-position:60% center}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.memo{padding:20px 16px 0;margin-top:105px}.memo h2{font-size:27px}.room-launch{padding:22px}.room-launch h2{font-size:26px}.room-launch-actions{grid-template-columns:1fr}.room-launch-actions>span{grid-column:auto}.room-players{grid-template-columns:repeat(2,minmax(0,1fr))}.board .square{font-size:12px}}
@media(max-width:760px){.masthead{padding:17px 21px}.brand{font-size:31px}.hero{min-height:560px}.hero-copy-v2{padding:30px 26px;max-width:460px}.hero-art-v2{background-position:65% center;opacity:.8}.hero-shade-v2{background:linear-gradient(90deg,#100d18ee,#100d18a6 55%,#100d1822),linear-gradient(0deg,#100d18,transparent 35%)}h1{font-size:84px}.title-star{right:35px;font-size:58px}.tagline{font-size:15px}.tagline br{display:block}.intro{font-size:17px;max-width:290px}.instructions{font-size:12px;max-width:300px}.hero-stamp{right:25px;bottom:35px;width:78px;height:78px;font-size:29px}.hero-stamp small{font-size:7px}.hero-badges{font-size:8px;gap:10px}.ticker-v2{font-size:11px;padding:12px}.ticker-v2 i{margin:0 14px}.room-launch{align-items:start;gap:20px}.room-launch h2{font-size:25px}.room-launch-actions{min-width:155px}.workspace{display:block}.memo{display:none}.board .square{min-height:85px;font-size:14px}.paper{padding:16px}.room-bottom{align-items:start;flex-direction:column}.room-bottom p{margin:0}.room-bottom>div{width:100%;justify-content:end}.room-top h2{font-size:27px}.room-top h2 small{margin-left:0;display:block;margin-top:8px}.room-meta{font-size:10px;flex-wrap:wrap}.room-winner{flex-direction:column;align-items:start;gap:8px}.room-players{grid-template-columns:repeat(2,minmax(0,1fr))}.participant{padding:10px}.participant-score{font-size:11px}}
@media(max-width:520px){main{padding:0 14px}.hero{margin:0 -14px;min-height:540px}.hero-copy-v2{padding:25px 20px 28px;max-width:100%}.hero .issue{font-size:8px;letter-spacing:1px;max-width:280px;margin-bottom:24px}.hero-title{max-width:330px}h1{font-size:clamp(54px,17vw,83px)}h1>span:not(.title-star){font-size:1.2em;letter-spacing:1px}.title-star{right:10px;bottom:0;font-size:40px}.presents{font-size:17px}.hero-art-v2{background-position:67% center;opacity:.7}.hero-shade-v2{background:linear-gradient(90deg,#100d18e6,#100d1877 75%),linear-gradient(0deg,#100d18,transparent 60%)}.tagline{font-size:15px;margin-top:20px}.intro{font-size:17px;max-width:260px;line-height:1.35}.instructions{padding:0;max-width:240px;font-size:12px}.hero-play{width:203px;margin-top:19px;min-height:45px}.hero-stamp{width:70px;height:70px;bottom:60px;right:23px;font-size:25px}.hero-stamp small{font-size:6px;margin-top:9px}.hero-badges{margin-top:20px;font-size:7px;letter-spacing:.5px}.ticker-v2{margin:0 -14px 24px;text-align:left;font-size:10px;padding:11px 14px}.ticker-v2 i{margin:0 13px}.room-launch{display:block;margin:25px 0;padding:20px}.room-launch .label{font-size:8px}.room-launch h2{font-size:26px;line-height:1.05;margin:12px 0}.room-launch p{font-size:12px}.room-launch-actions{grid-template-columns:1fr 1fr;margin-top:19px;gap:8px;min-width:0}.room-launch-actions button{font-size:11px;padding:10px 8px}.room-launch-actions>span{grid-column:1/-1;font-size:10px;margin-top:8px}.paper{padding:10px;border-radius:9px}.paper-header h2{font-size:22px}.paper-header .label{font-size:8px}.rubber-stamp{font-size:8px;max-width:92px}.board{gap:4px}.bingo-letters{font-size:25px;gap:4px}.board .square{font-size:10.5px;padding:5px 2px;min-height:81px;aspect-ratio:auto;width:100%;hyphens:auto;border-radius:4px}.board .square.free{font-size:clamp(8px,2.5vw,12px)}.free .star{font-size:21px}.free small{font-size:6px}.control-top{gap:3px}.categories button{font-size:10px;padding:9px 8px}.toggles button{font-size:9px}.paper-bottom{font-size:9px}.actions button{font-size:11px}.song{padding:24px 16px;gap:17px}.song h2{font-size:25px}.song p{font-size:12px}.song .record{flex-basis:65px;width:65px;height:65px}.song .label{font-size:8px}.room-panel{padding:17px;margin:22px 0}.room-top{gap:10px;align-items:start}.room-top h2{font-size:22px;letter-spacing:2px}.room-top .label{font-size:7px}.room-top button{font-size:10px;padding:8px;min-height:40px;max-width:125px}.room-meta{font-size:9px;line-height:1.5;gap:5px}.room-players,.discreet .room-players{grid-template-columns:1fr}.participant-detail strong{font-size:13px}.participant-score{font-size:12px}.room-bottom>div{justify-content:space-between}.room-bottom button{font-size:10px;padding:8px}.room-winner{padding:15px}.room-winner>span{font-size:8px}.room-winner strong{font-size:21px}#victory{padding:22px 20px}#victory h2{font-size:84px}#victory:before{font-size:30px;right:20px;top:100px}#victory:after{font-size:30px;left:16px;top:110px}.victory-message{font-size:16px!important}.victory-idiot{height:180px}.dialog-actions{flex-direction:column-reverse}#room-dialog h2{font-size:29px}.discreet .board .square.free{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.victory-idiot{animation:polka-bounce .45s ease-in-out 8 alternate}.hero-stamp{animation:stamp-pop .7s ease-out 1}@keyframes polka-bounce{from{transform:rotate(-4deg) translateY(2px)}to{transform:rotate(4deg) translateY(-7px)}}@keyframes stamp-pop{from{transform:scale(1.6) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(14deg);opacity:1}}}
.brand{display:block;width:200px;height:74px;flex-shrink:0;background:url("/assets/brand-board.webp") -12px -175px/768px 512px no-repeat;font-size:0!important;text-shadow:none;transform:none}.brand:before,.brand span{display:none}.masthead{padding-top:12px;padding-bottom:12px}footer .brand{width:150px;height:56px;background-size:576px 384px;background-position:-9px -131px}@media(max-width:600px){.masthead .brand{width:150px;height:56px;background-size:576px 384px;background-position:-9px -131px}}
.hero-art-v2{background-position:center top}#victory{overflow:auto}.room-players{max-height:270px;overflow:auto;overscroll-behavior:contain}@media(max-width:760px){.hero-art-v2{background-position:65% top}}@media(max-width:520px){.hero-art-v2{background-position:67% top}.room-players{max-height:220px}}