:root{
  --ink:#0a0603;
  --amber:#CC7722;
  --flame:#FFB347;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  width:100%;height:100%;background:#000;overflow:hidden;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#e9e2d6;-webkit-font-smoothing:antialiased;
  user-select:none;-webkit-user-select:none;touch-action:none;
}
#stage{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  background:#000;
}
#game{
  display:block;width:100vw;height:100vh;object-fit:contain;
  image-rendering:auto;background:#000;cursor:none;
}
.veil{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 40%, #140b06 0%, #000 75%);
  z-index:10;transition:opacity 1.4s ease;
}
.veil.hidden{opacity:0;pointer-events:none}
.boot-inner{text-align:center;max-width:760px;padding:24px}
.title{
  font-weight:200;letter-spacing:.34em;font-size:clamp(30px,7vw,72px);
  color:#f3ead9;text-indent:.34em;
  text-shadow:0 0 42px rgba(204,119,34,.45);
  animation:flicker 6s ease-in-out infinite;
}
@keyframes flicker{
  0%,100%{opacity:.94}
  48%{opacity:1}
  50%{opacity:.86}
  52%{opacity:1}
}
.subtitle{
  margin-top:22px;font-weight:300;letter-spacing:.06em;
  font-size:clamp(13px,1.8vw,18px);color:#b7a893;
}
.btn{
  margin-top:40px;background:transparent;color:#f3ead9;
  border:1px solid rgba(204,119,34,.6);padding:14px 40px;
  letter-spacing:.28em;font-size:15px;cursor:pointer;border-radius:2px;
  transition:.35s;font-weight:300;
}
.btn:hover{background:rgba(204,119,34,.16);border-color:var(--flame);color:#fff}
.hint{margin-top:26px;font-size:12px;letter-spacing:.12em;color:#6d6355}
.controls-hint{margin-top:14px;font-size:11px;letter-spacing:.06em;color:#4f4739}
.controls-hint span{color:#9c8a6f}
#rotate p{font-size:16px;letter-spacing:.06em;color:#b7a893;text-align:center;padding:20px}
.corner{position:fixed;left:16px;bottom:14px;font-size:11px;color:#5a5245;letter-spacing:.14em;z-index:11}
.corner.hidden{display:none}