/* LOADED LAYOVER - ll-skin.css - the bag tag look for the older pages (games, lounge, club, consoles).
   Loaded after each page's own styles. Colors inside those pages were converted by tools/reskin; this file sets the shell. Build 035, Nov 13 2026. */
:root{
  color-scheme: light;
  --rush:#FF5A1F; --paper:#FFFFFF; --ink:#0A0A0A; --belt:#EEF0EC; --stamp:#1B3FA0; --go:#0A7D46; --quiet:#55574F;
  --show:'Big Shoulders Display','Arial Narrow',Impact,sans-serif;
  --read:'Atkinson Hyperlegible',Verdana,system-ui,sans-serif;
  --mono:var(--read); --sign:var(--show); --serif:var(--read); --display:var(--show); --body:var(--read); --sans:var(--read); --head:var(--show);
}
html{background:#FF5A1F!important;color-scheme:light;-webkit-text-size-adjust:100%}
body{background:#FF5A1F!important;background-image:none!important;color:#0A0A0A;font-family:var(--read)!important;font-size:17px;line-height:1.5;margin:0}
.wrap{position:relative;max-width:560px!important;margin:10px auto 34px!important;background:#FFFFFF;border-radius:8px 8px 26px 26px;padding:18px 18px 28px 34px!important;overflow:hidden}
.wrap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;
  background:repeating-linear-gradient(180deg,#0A0A0A 0 3px,transparent 3px 7px,#0A0A0A 7px 13px,transparent 13px 16px,#0A0A0A 16px 18px,transparent 18px 26px)}
h1,h2,h3,.gtitle{font-family:var(--show)!important;letter-spacing:.01em}
.sign,.titlebar{background:#FFFFFF!important;border:0!important;border-bottom:6px solid #0A0A0A!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;padding:4px 0 12px!important;margin-bottom:16px}
.sign:before{display:none!important}
.sign h1,.titlebar h1{color:#0A0A0A!important;font-weight:900;font-size:clamp(34px,10vw,52px)!important;line-height:.95;text-transform:uppercase}
.sign h1 span,.titlebar h1 span{color:#FF5A1F!important}
.sign .tag,.titlebar .sub{color:#55574F!important;letter-spacing:.04em!important;font-size:15px!important;text-transform:none!important}
a{color:#1B3FA0}
button,input,select,textarea{font-family:var(--read)}
input,select,textarea{background:#FFFFFF!important;color:#0A0A0A!important;border-color:#0A0A0A!important;font-size:17px!important}
input::placeholder,textarea::placeholder{color:#55574F!important}
:focus-visible{outline:4px solid #1B3FA0;outline-offset:2px}
::selection{background:#FF5A1F;color:#FFFFFF}
.ll-strand{display:none!important}
.cart{background:#EEF0EC!important;border:0!important;border-left:8px solid #0A0A0A!important;border-radius:0!important;color:#0A0A0A!important}
.cart .gtitle{color:#0A0A0A!important;font-size:24px!important;text-transform:uppercase}
.cart .gdesc{color:#0A0A0A!important}
.back{color:#1B3FA0!important;text-decoration:underline!important;text-transform:none!important;letter-spacing:0!important;font-weight:700}
.foot{color:#55574F!important;letter-spacing:.02em!important;text-transform:none!important}
.toast{background:#0A0A0A!important;color:#FFFFFF!important}
.wrap *{overflow-wrap:break-word}
.wrap>*:first-child{padding-right:54px}
.grid .cell{font-size:13px!important;line-height:1.25!important;padding:6px 3px!important;hyphens:auto}
/* sign tiles (Game Room menu), same family as the front door */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
.tile{position:relative;display:flex;flex-direction:column;min-height:168px;padding:14px;border-radius:14px;color:#fff!important;text-decoration:none;overflow:hidden;box-shadow:0 5px 0 rgba(0,0,0,.28);transition:transform .08s,box-shadow .08s}
.tile.ink{background:#0A0A0A}.tile.stamp{background:#1B3FA0}.tile.go{background:#0A7D46}.tile.rush{background:#FF5A1F}
.tile .tico{width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;margin-bottom:auto}
.tile b{display:block;font-family:var(--show);font-weight:900;font-size:25px;line-height:1;text-transform:uppercase;letter-spacing:.01em;margin-top:14px}
.tile .tsub{display:block;font-size:15px;line-height:1.25;margin-top:5px}
.tile i{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22)}
.tile i:before{content:"";position:absolute;left:10px;top:11px;width:9px;height:9px;border-top:4px solid #fff;border-right:4px solid #fff;transform:rotate(45deg)}
.tile:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(0,0,0,.28)}
@media (prefers-reduced-motion:reduce){.tile{transition:none}}
@media (max-width:340px){.tiles{grid-template-columns:1fr}.tile{min-height:0}}
.offline-badge{background:#EEF0EC!important;color:#0A0A0A!important;border:0!important;border-radius:999px;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;font-weight:700}
/* games and tools, layout pass (build 038): panels like the front door, buttons that look pressable */
.board,.panel{background:#EEF0EC!important;border:0!important;border-left:8px solid #0A0A0A!important;border-radius:0 12px 12px 0!important;box-shadow:none!important}
.wrap button,.wrap select{border:3px solid #0A0A0A!important;border-radius:12px!important;font-weight:700;min-height:52px;box-shadow:0 4px 0 #0A0A0A;transition:transform .08s,box-shadow .08s}
.wrap button:active{transform:translateY(3px);box-shadow:0 1px 0 #0A0A0A}
.wrap select{box-shadow:none}
.wrap input{border-width:3px!important;border-radius:12px!important;min-height:52px}
.wrap .top{align-items:center}
.wrap .top a{color:#1B3FA0!important;font-weight:700;font-size:16px!important;text-decoration:underline;letter-spacing:0!important;text-transform:none!important}
.wrap label,.wrap .lbl{letter-spacing:.02em!important}
@media (prefers-reduced-motion:reduce){.wrap button{transition:none}}

/* READABILITY PASS, build 054. The reskin left dark text on dark cards and white text on orange buttons.
   Rule from here on: ink on orange, white on ink / blue / green / red, ink on white. */
.go:not(.scanbtn):not(.ghost):not(.done),.newcard,.next,.newhunt{color:#0A0A0A!important;border:3px solid #0A0A0A!important;box-shadow:0 5px 0 #0A0A0A!important;font-size:22px!important}
.tile.rush,.tile.rush b,.tile.rush .tsub{color:#0A0A0A!important}
.tile.rush i{background:rgba(10,10,10,.18)}.tile.rush i:before{border-color:#0A0A0A}
.tile .tsub{font-size:16px}
/* Mission Deck */
.card{background:#fff!important;color:#0A0A0A!important;border:3px solid #0A0A0A;box-shadow:0 5px 0 #0A0A0A}
.card .tk{font-size:17px!important}.card.c2 .tk{color:#1B3FA0!important}
.card .mission{color:#0A0A0A!important;font-size:22px!important;line-height:1.3!important;font-family:var(--read)!important;font-weight:700!important}
.card .why{color:#33333A!important;font-size:16px!important;line-height:1.45!important;border-top:2px dashed #0A0A0A!important}
.card .why b{color:#0A0A0A!important}
.tier{color:#fff!important;font-size:17px!important}.tier small{opacity:1!important;font-size:14px!important;color:#fff!important}
.tier.t1{background:#0A7D46!important}.tier.t2{background:#1B3FA0!important;box-shadow:0 4px 0 #0A0A0A!important}.tier.t3{background:#B3261E!important;box-shadow:0 4px 0 #0A0A0A!important}
.done-btn{background:#0A7D46!important;color:#fff!important;font-size:19px!important}
.skip-btn{background:#fff!important;color:#0A0A0A!important;border:3px solid #0A0A0A!important;box-shadow:none!important;font-size:19px!important}
/* The Lottery */
.ticket{background:#fff!important;color:#0A0A0A!important;border:3px solid #0A0A0A}
.ticket .body{color:#0A0A0A!important;font-size:21px!important;line-height:1.35!important}
.ticket .kind{font-size:17px!important}
.ticket .stub,.ticket .stub span{color:#33333A!important;border-color:#0A0A0A!important}
.ticket.golden{background:#FFC83D!important}.ticket.golden .kind,.ticket.golden .body,.ticket.golden .stub,.ticket.golden .stub span{color:#0A0A0A!important}
.pull{color:#fff!important;font-size:20px!important}.pull small{opacity:1!important;color:#fff!important}
.pull.good{background:#0A7D46!important}.pull.bad{background:#B3261E!important;box-shadow:0 4px 0 #0A0A0A!important}