/* Root launcher styles
   Last updated: 2026-10-25 by Claude (for Grá)
   Change: Launcher v2. Footer line for the version and install check link.
   Before: 2026-10-04 New, matching the Idle Hands chalkboard.
   Deployed version:                                                        */
:root{
  --board:#1b2a22; --board-deep:#14201a; --board-worn:#243528;
  --chalk:#f1ede0; --chalk-dim:#b9b7a4; --chalk-amber:#e6bd5c;
  --wood:#573c22; --wood-hi:#7b5730; --wood-lo:#31200f;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;min-height:100%}
[hidden]{display:none !important}
body{
  background:#241708;
  background-image:
    repeating-linear-gradient(96deg,rgba(0,0,0,.28) 0 2px,rgba(255,255,255,.03) 2px 5px,rgba(0,0,0,.16) 5px 9px),
    linear-gradient(170deg,#3a2612,#1b1005);
  font-family:'Caveat',ui-rounded,system-ui,sans-serif;color:var(--chalk);
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));
}
.frame{
  width:100%;max-width:460px;border-radius:5px;padding:13px;
  background:repeating-linear-gradient(91deg,var(--wood-lo) 0 3px,var(--wood) 3px 11px,var(--wood-hi) 11px 13px,var(--wood) 13px 22px);
  box-shadow:0 2px 0 rgba(255,255,255,.10) inset,0 -3px 0 rgba(0,0,0,.45) inset,0 16px 34px rgba(0,0,0,.62);
}
.board{
  border-radius:3px;padding:26px 18px 22px;
  background:
    radial-gradient(120% 70% at 20% 8%,rgba(255,255,255,.055),transparent 60%),
    linear-gradient(158deg,var(--board-worn),var(--board) 40%,var(--board-deep));
  box-shadow:0 0 44px rgba(0,0,0,.55) inset;
}
h1{
  font-family:'Amatic SC',cursive;font-weight:700;font-size:clamp(44px,13vw,60px);
  line-height:.9;margin:0 0 18px;text-align:center;
  text-shadow:0 0 1px rgba(241,237,224,.9),0 0 9px rgba(241,237,224,.18);
}
.old{
  font-size:19px;line-height:1.3;color:var(--chalk-amber);margin:0 0 16px;
  padding:10px 12px;border-radius:2px;box-shadow:0 0 0 1px rgba(230,189,92,.5) inset;
}
.big{
  display:block;text-decoration:none;color:var(--chalk);
  padding:22px 16px 18px;margin:0 0 14px;border-radius:3px;
  background:rgba(255,255,255,.03);
  box-shadow:0 0 0 1px rgba(241,237,224,.2) inset;
}
.big:last-child{margin-bottom:0}
.big:active{background:rgba(255,255,255,.07)}
.big:focus-visible{outline:2px dashed var(--chalk-amber);outline-offset:3px}
.line{display:block;font-family:'Amatic SC',cursive;font-weight:700;font-size:38px;line-height:1}
.sub{display:block;font-size:19px;color:var(--chalk-dim);margin-top:4px}
.foot{margin:18px 0 0;text-align:center;font-size:16px;color:var(--chalk-dim)}
.foot a{color:var(--chalk-dim)}