/* Concept B "kitchen table": kraft paper table, taped paper sheets, construction-paper buttons, crayon lettering.
   Loaded last on every page. Fonts are self-hosted (Chewy, Patrick). No images, no external requests. */
:root{--kraft:#C9A878;--kraft2:#BD9A69;--sheet:#FBF6EA;--tape:rgba(244,227,161,.85);--cp-red:#D9472B;--cp-green:#2A8A4A;--cp-blue:#1F6FD1;--cp-purple:#6A4BC4;--cp-yellow:#F2A516;--paper:#FBF6EA}
html,body{background-color:var(--kraft)!important;background-image:repeating-linear-gradient(17deg,transparent 0 3px,rgba(0,0,0,.025) 3px 4px),repeating-linear-gradient(-71deg,transparent 0 5px,rgba(255,255,255,.03) 5px 6px)!important;color:#2B2118}
/* sheets */
.paper{background:var(--sheet)!important;border:0!important;border-radius:3px!important;box-shadow:3px 5px 0 rgba(43,33,24,.22)!important;position:relative}
.paper::after{content:"";position:absolute;left:50%;top:-12px;width:110px;height:28px;margin-left:-55px;background:var(--tape);transform:rotate(-4deg);pointer-events:none;box-shadow:0 1px 2px rgba(0,0,0,.08)}
/* construction-paper buttons */
.bigbtn{border:0!important;box-shadow:none!important;border-radius:2px!important;clip-path:polygon(1% 4%,100% 0,98% 100%,0 95%);color:#fff!important;background:var(--cp-red)!important;font-family:Chewy,sans-serif;text-shadow:none;filter:drop-shadow(2px 3px 0 rgba(43,33,24,.25))}
.bigbtn.go{background:var(--cp-red)!important}.bigbtn.buy{background:var(--cp-green)!important}.bigbtn.buy.life{background:var(--cp-purple)!important}
.bigbtn:disabled{opacity:.5}
.chip{border:0!important;background:var(--sheet);box-shadow:2px 3px 0 rgba(43,33,24,.25)!important;border-radius:3px!important}
.chip.on,.tog.on{background:var(--cp-yellow)!important;color:#2B2118!important}
.midbtn{border:0!important;background:var(--sheet)!important;box-shadow:2px 3px 0 rgba(43,33,24,.25)!important;border-radius:3px!important}
/* header = a strip of paper; only logo + code + a few controls */
.hbar,.dbar{background:var(--sheet)!important;border-bottom:0!important;box-shadow:0 3px 0 rgba(43,33,24,.18)}
body.hostpage:not([data-ph="lobby"]) .audc,body.hostpage:not([data-ph="lobby"]) #proChip{display:none}
body.hostpage[data-ph="scores"] .pstrip,body.hostpage[data-ph="podium"] .pstrip,body.hostpage[data-ph="intro"] .pstrip{visibility:hidden}
body.hostpage[data-ph="game"][data-gp*="reveal"] .pstrip,body.hostpage[data-ph="game"][data-gp="replay"] .pstrip,body.hostpage[data-ph="game"][data-gp="awards"] .pstrip,body.hostpage[data-ph="game"][data-gp="win"] .pstrip,body.hostpage[data-ph="game"][data-gp="flip"] .pstrip{visibility:hidden}
body[data-ph="scores"] #rx,body[data-ph="podium"] #rx{display:none}
#scoresTitle:empty,#dRound:empty,#highlights:empty,#dHl:empty{display:none}
/* lobby: room code + players + games + Start; everything else in Settings */
.hostpage #sec-lobby .joincard{transform:rotate(-1.2deg);margin-top:14px}
.jc-code{color:var(--cp-red)!important;-webkit-text-stroke:0!important;text-shadow:none!important;font-size:clamp(70px,9vw,140px)!important}
.jc-url{color:#2B2118!important}
.ptile{background:var(--sheet)!important;border:0!important;box-shadow:2px 4px 0 rgba(43,33,24,.22)!important;border-radius:2px!important}
.ptile:nth-child(odd){transform:rotate(-1.5deg)}.ptile:nth-child(even){transform:rotate(1.2deg)}
.ptile.empty{background:transparent!important;box-shadow:none!important;outline:3px dashed rgba(43,33,24,.25);outline-offset:-3px;transform:none}
.gcard{border:0!important;box-shadow:2px 4px 0 rgba(43,33,24,.22)!important;border-radius:2px!important;background:var(--sheet)!important}
.gcard.on{background:var(--cp-yellow)!important;transform:rotate(-1.5deg)}
.gamepick{margin-top:14px}
.startrow{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-top:16px}
.lset{flex:1;min-width:220px}.lset summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;padding:4px 14px;background:var(--sheet);box-shadow:2px 3px 0 rgba(43,33,24,.25);border-radius:3px;font-size:18px;list-style:none}
.lset summary::-webkit-details-marker{display:none}.lset summary::before{content:"\2699";margin-right:6px}
.lset[open] .lsetin{background:var(--sheet);padding:10px 12px;margin-top:8px;box-shadow:2px 4px 0 rgba(43,33,24,.2)}
/* intro, titles */
.bigtitle{font-family:Chewy,sans-serif;color:#2B2118;-webkit-text-stroke:0!important;text-shadow:none!important}
.intro.paper{transform:rotate(-1deg)}
/* host TV controls: Hold / Next */
.hostctl{opacity:.9}.hostctl .chip{font-size:18px!important}
body.held #holdBtn{background:var(--cp-red)!important;color:#fff!important}
/* podium: paper cards on construction-paper blocks */
.pod .block{border:0!important;-webkit-text-stroke:0!important;clip-path:polygon(2% 3%,98% 0,100% 100%,0 100%)}
.pod.p1 .block{background:var(--cp-red)!important}.pod.p2 .block{background:var(--cp-green)!important}.pod.p3 .block{background:var(--cp-blue)!important}
body[data-ph="podium"] .reel .hl{display:none}
.cps-aw .aw{border:0!important;box-shadow:2px 3px 0 rgba(43,33,24,.22)!important;border-radius:2px!important;background:var(--sheet)!important}
.cps-ban .in{border:0!important;box-shadow:3px 5px 0 rgba(43,33,24,.25)!important;border-radius:2px!important;clip-path:polygon(1% 4%,100% 0,98% 100%,0 95%)}
/* scores overlay backgrounds are the table, not a sheet */
.dover{background:var(--kraft)!important}
.demopage .dstage{background:transparent}
.demopage .dpad{background:var(--sheet)!important;border-left:0!important;border-top:0!important;box-shadow:-3px 0 0 rgba(43,33,24,.15)}
/* demo: one focal element during scores/podium */
body.demopage[data-ph="scores"] .dstrip,body.demopage[data-ph="podium"] .dstrip{visibility:hidden}
@media (min-width:900px){body.demopage[data-ph="scores"] .dpad{display:none}}
@media (max-width:899px){body.demopage[data-ph="scores"] .dpad{height:22%!important}body.demopage[data-ph="scores"] .dpad .rxbar{display:none}}
.dskip{display:flex;gap:8px;opacity:.9;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
/* phone: one thing at a time */
#scoreP .rxbar{display:none}
.vipbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(8px + var(--safe-b));z-index:40;display:flex;gap:8px}
.vipbar[hidden]{display:none}
.vipbar button{border:0;background:#2B2118;color:#fff;font:17px Chewy,sans-serif;padding:8px 16px;min-height:42px;border-radius:3px;box-shadow:2px 3px 0 rgba(0,0,0,.25)}
.pscreen .bigrank{color:var(--cp-red);-webkit-text-stroke:0;text-shadow:none}
@media (max-width:600px){.brrow .gain{display:none}.brrow{gap:8px;padding:4px 10px}.brrow .nm{min-width:4em}.brrow .rk{width:1.9em}}
body.vipon .pscreen{padding-bottom:calc(72px + var(--safe-b))!important}