/* Warehouse Legends presentation layer.
   Operational behavior remains in the canonical KTools PHP/JS files. */
:root {
  --bg:#07111f; --white:#0d1b2c; --grad-a:#0b2135; --grad-b:#0b3942;
  --accent:#21d4d8; --accent2:#47dc8b; --text:#eef7ff; --muted:#8ca0b4;
  --border:#20364d; --danger:#ff647c; --shadow:0 16px 48px rgba(1,6,14,.32);
  --radius:18px; --radius-sm:12px;
}
html,body{background:#07111f!important;color:var(--text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background-image:radial-gradient(circle at 80% -10%,rgba(33,212,216,.12),transparent 34%),linear-gradient(180deg,#081524,#07111f 48%)!important;padding-bottom:24px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px}
.app-header{position:relative;background:rgba(7,17,31,.92)!important;border-bottom:1px solid var(--border);padding:17px 20px!important;box-shadow:none!important}
.app-header .header-row{max-width:1180px;margin:auto}.header-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2b586c;border-radius:12px;background:#0c2030;font-size:20px!important}
.header-title{font-size:19px!important;letter-spacing:.06em;text-transform:uppercase}.header-title:after{content:" LEGENDS";color:var(--accent)}.header-sub{color:#8298aa!important;letter-spacing:.08em;text-transform:uppercase;font-size:9px!important}
.chip-nav{top:0!important;display:flex!important;justify-content:flex-start;gap:7px!important;overflow-x:auto;max-width:none;padding:9px max(14px,calc((100vw - 1180px)/2))!important;background:rgba(10,24,39,.95)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(18px)}
.chip-nav a{flex:0 0 auto!important;background:#0e2032!important;border:1px solid #20384f!important;color:#8297aa!important;border-radius:999px!important;padding:8px 12px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em;transition:.15s}
.chip-nav a:hover,.chip-nav a.active{background:rgba(33,212,216,.12)!important;border-color:rgba(33,212,216,.5)!important;color:var(--accent)!important}
form,.rules-wrap,.gp-wrap,.fr-wrap,.pl-shell,.cm-shell,.do-shell,.att-shell{position:relative;z-index:1}
form[method="POST"]{max-width:1180px;margin-left:auto;margin-right:auto}
.cb-card,.game-card,.rules-card,.gp-card,.fr-card,.pl-card,.cm-card,.do-card,.att-card{background:linear-gradient(145deg,#0f2033,#0b1929)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}
.cb-card{max-width:760px;margin:14px auto!important}.cb-card-header{border-color:var(--border)!important;background:rgba(7,17,31,.25)}.cb-card-title{color:var(--accent)!important;text-transform:uppercase;letter-spacing:.12em;font-size:10px!important}.cb-card-body{gap:16px!important}
.float-field input,.float-field select,.float-field textarea,input,select,textarea{background:#081624!important;border-color:#243b51!important;color:var(--text)!important}.float-field input:focus,.float-field select:focus,.float-field textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(33,212,216,.1)!important}.float-field label,label{color:#8ca0b4}.float-field.static-field input,.float-field.static-field select{background:#0b1827!important}
.btn-scan,.btn-save,.btn-primary,.index-guess-btn{background:linear-gradient(135deg,#21d4d8,#3be2b7)!important;color:#03232a!important;border:0!important;box-shadow:0 8px 22px rgba(33,212,216,.18)!important;font-weight:900!important}.btn-scan:hover,.btn-save:hover,.btn-primary:hover{filter:brightness(1.08)}
.game-header-pill.profile{background:rgba(71,220,139,.12)!important;color:var(--green,#47dc8b)!important;border-color:rgba(71,220,139,.35)!important}.game-header-pill.rules{background:rgba(246,184,75,.12)!important;color:#f6b84b!important;border-color:rgba(246,184,75,.35)!important}.game-header-pill.stat{background:rgba(33,212,216,.1)!important;color:var(--accent)!important;border-color:rgba(33,212,216,.3)!important}
.cb-alert-info{background:rgba(33,212,216,.1)!important;border-color:rgba(33,212,216,.4)!important;color:#84f3f1!important}.cb-alert-success{background:rgba(71,220,139,.1)!important;border-color:rgba(71,220,139,.4)!important;color:#86efb6!important}.cb-alert-warning{background:rgba(246,184,75,.1)!important;border-color:rgba(246,184,75,.4)!important;color:#ffd486!important}.cb-alert-danger{background:rgba(255,100,124,.1)!important;border-color:rgba(255,100,124,.4)!important;color:#ff9bac!important}
.game-card{border-color:rgba(157,108,255,.42)!important}.game-card:before{content:"LIVE PRODUCTIVITY";display:inline-flex;margin:16px 16px 0;padding:5px 9px;border-radius:999px;background:rgba(71,220,139,.12);border:1px solid rgba(71,220,139,.35);color:#47dc8b;font-size:9px;font-weight:900;letter-spacing:.12em}
.progress,.goal-progress,.game-progress{background:#1a3044!important}.progress>i,.goal-progress>i,.game-progress>i{background:linear-gradient(90deg,#21d4d8,#47dc8b)!important}
.scanner-modal>div,.modal-content,#confirm-modal>div{background:#0d1b2c!important;color:var(--text)!important;border:1px solid var(--border)!important}
table{color:var(--text)!important}th{background:#0a1726!important;color:#8ca0b4!important}td{border-color:var(--border)!important}
a{color:var(--accent)}
@media(max-width:780px){.app-header{padding:13px 14px!important}.header-icon{width:36px;height:36px}.header-title{font-size:16px!important}.chip-nav{padding-left:12px!important;padding-right:12px!important}.cb-card{margin:10px 12px!important;border-radius:15px!important}.cb-card-body{padding:14px!important}.row3{grid-template-columns:1fr 1fr!important}.row3>*:last-child{grid-column:1/-1}.header-title:after{display:inline}}
/* Reliable SVG navigation — no font/emoji dependency. */
.nav-svg{display:block;width:17px;height:17px;flex:0 0 auto}
.chip-nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
  padding:10px max(14px,calc((100vw - 1180px)/2))!important;
}
.chip-nav a{min-width:0!important;width:100%!important;justify-content:center!important;padding:9px 7px!important;overflow:hidden!important}
.chip-nav a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

body{padding-bottom:118px!important}
.legend-dock{
  position:fixed;z-index:8000;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);
  width:min(570px,calc(100% - 24px));height:68px;padding:0 9px;
  display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;align-items:center;
  background:rgba(8,22,36,.94);border:1px solid #29445c;border-radius:22px;
  box-shadow:0 22px 65px rgba(0,0,0,.58);backdrop-filter:blur(20px);
}
.legend-dock a{height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8297aa;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:.03em;border-radius:15px;transition:.16s}
.legend-dock a:hover,.legend-dock a:focus-visible{color:var(--accent);background:rgba(33,212,216,.08);outline:none}
.legend-dock a span{display:grid;place-items:center}.legend-dock a .nav-svg{width:20px;height:20px}.legend-dock a b{font-size:8px}
.legend-dock .legend-scan{width:74px;height:74px;justify-self:center;margin-top:-27px;border-radius:50%;color:#04232b;background:linear-gradient(145deg,#42ebd5,#18bcc9);border:6px solid #071522;box-shadow:0 8px 30px rgba(33,212,216,.38)}
.legend-dock .legend-scan:hover,.legend-dock .legend-scan:focus-visible{color:#031b21;background:linear-gradient(145deg,#5af4df,#22ceda);transform:translateY(-2px)}
.legend-dock .legend-scan .nav-svg{width:29px;height:29px;stroke-width:2}.legend-dock .legend-scan b{font-size:9px;letter-spacing:.12em}
.wl-lite-game{max-width:760px;margin:14px auto;padding:16px;background:linear-gradient(145deg,#0e1e30,#0a1828);border:1px solid #29445c;border-radius:18px;box-shadow:var(--shadow);display:grid;gap:12px}.wl-lite-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wl-lite-head span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#8ca0b4}.wl-lite-head h2{margin:3px 0 0;font-size:16px}.wl-lite-head a{color:#21d4d8;font-size:9px;font-weight:900;text-decoration:none}.wl-word-strip{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:11px;border:1px solid rgba(157,108,255,.4);border-radius:11px;background:rgba(157,108,255,.08)}.wl-word-strip small{font-size:8px;color:#a994d7;font-weight:900;letter-spacing:.12em}.wl-word-strip strong{grid-row:1/3;grid-column:2;font-family:monospace;font-size:19px;letter-spacing:4px;color:#d5c3ff}.wl-word-strip span{font-size:9px;color:#8ca0b4}.wl-clue-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.wl-clue{min-height:66px;border:1px solid #20364d;border-radius:9px;padding:8px;display:grid;align-content:start;gap:5px;background:#081624;opacity:.6}.wl-clue.open{opacity:1;border-color:rgba(33,212,216,.4);background:rgba(33,212,216,.06)}.wl-clue b{font-size:7px;color:#6f8294;letter-spacing:.1em}.wl-clue.open b{color:#21d4d8}.wl-clue span{font-size:8px;line-height:1.35;color:#9cafc0}.wl-guess-row{display:grid;grid-template-columns:1fr auto;gap:8px}.wl-guess-row input{min-height:44px;border-radius:10px;padding:0 12px}.wl-guess-row button{border:0;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,#9d6cff,#d36bff);color:#fff;font-weight:900;cursor:pointer}.wl-guess-note{padding:10px 12px;border:1px solid rgba(246,184,75,.35);border-radius:10px;background:rgba(246,184,75,.08);color:#efca80;font-size:10px}.wl-guess-note.success{border-color:rgba(71,220,139,.4);background:rgba(71,220,139,.08);color:#82edb2}

@media(max-width:780px){
  .chip-nav{padding:8px 10px!important;gap:6px!important}
  .chip-nav a{min-height:48px!important;flex-direction:column!important;gap:3px!important;border-radius:12px!important;padding:6px 3px!important;font-size:8px!important}
  .chip-nav .nav-svg{width:16px;height:16px}
  .wl-lite-game{margin:10px 12px}.wl-clue-list{grid-template-columns:1fr}.wl-clue{min-height:0}.wl-word-strip{grid-template-columns:1fr}.wl-word-strip strong{grid-row:auto;grid-column:auto}.wl-word-strip span{grid-column:auto}
}
@media(max-width:380px){.chip-nav a{font-size:7px!important}.legend-dock{width:calc(100% - 14px)}.legend-dock a b{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.whl-event-fx{position:fixed;inset:0;z-index:9990;overflow:hidden;pointer-events:none}.whl-event-fx i{position:absolute;left:var(--x);top:-8vh;color:var(--whl-event-accent,#70f5ff);font-style:normal;opacity:.72;filter:drop-shadow(0 0 7px currentColor);animation:whl-event-fall var(--duration) linear var(--delay) infinite}.whl-fx-hearts i{color:#ff6fae}.whl-fx-leaves i{filter:none}.whl-fx-fireworks i,.whl-fx-celebration i{top:var(--x);animation:whl-event-pop var(--duration) ease-in-out var(--delay) infinite}.whl-fx-scan_pulse{border:2px solid transparent;animation:whl-scan-pulse 3s ease-out infinite}.whl-fx-scan_pulse i{display:none}.whl-theme-winter{--whl-event-accent:#bdefff}.whl-theme-new_year{--whl-event-accent:#ffd86b}.whl-theme-valentines{--whl-event-accent:#ff6fae}.whl-theme-spring{--whl-event-accent:#79f2a1}.whl-theme-patriotic{--whl-event-accent:#ff6767}.whl-theme-harvest{--whl-event-accent:#ffad42}.whl-theme-halloween{--whl-event-accent:#c879ff}.whl-theme-cyber{--whl-event-accent:#5b8cff}.whl-theme-neon{--whl-event-accent:#ff2ec4}.whl-theme-tidal{--whl-event-accent:#14b8a6}.whl-theme-solar{--whl-event-accent:#fde047}.whl-theme-toxic{--whl-event-accent:#a3e635}.whl-theme-onyx{--whl-event-accent:#94a3b8}.whl-event-active body{box-shadow:inset 0 3px 0 var(--whl-event-accent,#2ed4da)}html.whl-event-active{position:relative;--whl-wash-a:22%;--whl-wash-b:16%}html.whl-intensity-low{--whl-wash-a:12%;--whl-wash-b:8%}html.whl-intensity-high{--whl-wash-a:32%;--whl-wash-b:24%}html.whl-event-active:before{content:"";position:fixed;inset:0;z-index:9985;pointer-events:none;background-image:radial-gradient(circle at 12% -6%,color-mix(in srgb,var(--whl-event-accent,#2ed4da) var(--whl-wash-a,22%),transparent),transparent 42%),radial-gradient(circle at 92% 108%,color-mix(in srgb,var(--whl-event-accent,#2ed4da) var(--whl-wash-b,16%),transparent),transparent 46%)}.whl-event-banner{position:fixed;left:50%;bottom:106px;transform:translateX(-50%);z-index:9970;display:flex;align-items:center;gap:8px;padding:9px 10px 9px 12px;border-radius:999px;background:color-mix(in srgb,var(--whl-event-accent,#2ed4da) 24%,#0b1b2c);border:1px solid color-mix(in srgb,var(--whl-event-accent,#2ed4da) 55%,transparent);color:#fff;font:800 11px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:min(92vw,420px);animation:whl-banner-in .4s ease both}.whl-event-banner b{font-size:14px;flex:0 0 auto}.whl-event-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whl-event-banner button{border:0;background:rgba(255,255,255,.2);color:#fff;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:11px;line-height:1;flex:0 0 auto;padding:0}.whl-event-banner button:hover{background:rgba(255,255,255,.32)}@keyframes whl-banner-in{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media(max-width:600px){.whl-event-banner{bottom:98px;font-size:10px}}@keyframes whl-event-fall{to{transform:translate3d(2vw,115vh,0) rotate(540deg)}}@keyframes whl-event-pop{0%,100%{transform:scale(.2);opacity:0}45%{transform:scale(1.8);opacity:.9}70%{transform:scale(.7);opacity:0}}@keyframes whl-scan-pulse{0%,100%{box-shadow:inset 0 0 0 0 transparent}50%{box-shadow:inset 0 0 70px 4px var(--whl-event-accent,#2ed4da)}}@media(prefers-reduced-motion:reduce){.whl-event-fx{display:none!important}.whl-event-banner{animation:none!important}}