/* Bright cartoon adventure layer — no external assets */
:root {
  --ink: #17304a;
  --muted: #59708a;
  --night: #6edcff;
  --night-soft: #bff3ff;
  --panel: #fffdf5;
  --panel-light: #ffffff;
  --line: rgba(23, 48, 74, .18);
  --cyan: #19c6df;
  --cyan-bright: #d9fbff;
  --gold: #f5a623;
  --gold-light: #ffd84d;
  --success: #31cc78;
  --danger: #ff9a78;
  --purple: #7057ee;
  --coral: #ff5f67;
  --green: #3ed18b;
  --radius: 26px;
  --shadow: 0 10px 0 rgba(23,48,74,.13), 0 18px 36px rgba(23,48,74,.14);
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif;
  color: var(--ink);
  background: #79dfff;
  color-scheme: light;
}

html { background: #6edcff; }
body {
  color: var(--ink);
  background:
    radial-gradient(circle at 88% 8%, #fff3a8 0 7rem, transparent 7.1rem),
    linear-gradient(180deg, #71ddff 0 31rem, #d7f8ff 31rem 100%);
}
button:focus-visible { outline: 4px solid #17304a; outline-offset: 3px; }
.ambient { filter:none; opacity:.38; border:5px solid rgba(255,255,255,.75); }
.ambient-one { width:7rem; height:3rem; left:-2rem; top:12%; background:#fff; border-radius:60% 60% 45% 45%; }
.ambient-two { width:9rem; height:3.6rem; right:-3rem; bottom:18%; background:#fff; border-radius:50%; }

/* Cover: immediate cartoon adventure */
.cartoon-cover {
  width:100%;
  max-width:36rem;
  min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  padding:.55rem .9rem 1.4rem;
  justify-content:flex-start;
  overflow:hidden;
  color:var(--ink);
}
.cover-burst {
  position:absolute;
  z-index:-1;
  left:50%;
  top:-13rem;
  width:42rem;
  height:42rem;
  border-radius:50%;
  transform:translateX(-50%);
  background:repeating-conic-gradient(from -12deg, rgba(255,255,255,.22) 0 12deg, transparent 12deg 25deg);
}
.cartoon-cover-art {
  position:relative;
  flex:0 0 auto;
  width:100%;
  height:clamp(18.8rem,47svh,23.5rem);
  overflow:hidden;
  border:4px solid #17304a;
  border-radius:30px 30px 52px 52px;
  background:
    radial-gradient(circle at 80% 17%, #fff4a8 0 2.8rem, #ffd84d 2.85rem 4rem, transparent 4.05rem),
    linear-gradient(180deg,#5dd9ff 0 68%,#70dc91 68% 80%,#31b86f 80%);
  box-shadow:0 9px 0 #17304a, 0 18px 30px rgba(23,48,74,.2);
  isolation:isolate;
}
.cartoon-cover-art::before {
  content:"";
  position:absolute;
  left:-8%; right:-8%; bottom:-18%; height:36%;
  border:4px solid #17304a;
  border-radius:50%;
  background:#6cdb82;
  z-index:-1;
}
.toon-cloud { position:absolute; width:4.9rem; height:1.55rem; border:3px solid #17304a; border-radius:999px; background:#fff; }
.toon-cloud::before,.toon-cloud::after { content:""; position:absolute; bottom:-3px; border:3px solid #17304a; border-bottom:0; border-radius:50% 50% 0 0; background:#fff; }
.toon-cloud::before { left:.65rem; width:1.8rem; height:1.55rem; }
.toon-cloud::after { right:.6rem; width:2.05rem; height:2.1rem; }
.cloud-one { left:5%; top:14%; transform:rotate(-4deg); }
.cloud-two { right:4%; top:35%; transform:scale(.72) rotate(5deg); }
.toon-portal {
  position:absolute; right:3%; bottom:5%; width:39%; height:72%;
  border:10px solid #5c45d8; border-bottom-width:15px; border-radius:50% 50% 14px 14px;
  background:radial-gradient(ellipse at 50% 50%,#fff 0 6%,#75fff0 7% 18%,#38bfe8 19% 42%,#6b52ed 43% 65%,#302470 66%);
  box-shadow:inset 0 0 0 5px #a89aff, 0 0 0 4px #17304a, 0 8px 0 #17304a, 0 0 26px rgba(112,87,238,.55);
  transform:rotate(4deg);
}
.toon-portal::before,.toon-portal::after { content:""; position:absolute; width:.8rem; height:.8rem; border:3px solid #17304a; border-radius:50%; background:#ffd84d; }
.toon-portal::before { left:-1rem; top:25%; }
.toon-portal::after { right:-1rem; top:52%; background:#ff7e92; }
.toon-portal i { position:absolute; inset:16%; border:4px dashed rgba(255,255,255,.8); border-radius:50%; animation:toon-spin 7s linear infinite; }
.toon-portal b { position:absolute; left:50%; top:50%; width:2.2rem; height:2.2rem; border:4px solid #17304a; border-radius:10px; background:#ffd84d; transform:translate(-50%,-50%) rotate(45deg); box-shadow:0 0 18px white; }
.toon-ramir { position:absolute; z-index:4; left:13%; bottom:8%; width:8.3rem; height:13.6rem; filter:drop-shadow(0 8px 0 rgba(23,48,74,.18)); }
.toon-head { position:absolute; z-index:3; left:1.65rem; top:1.3rem; width:5.2rem; height:5.45rem; border:4px solid #17304a; border-radius:47% 47% 44% 44%; background:#f2b986; transform:rotate(-3deg); }
.toon-head::after { content:""; position:absolute; left:1.6rem; bottom:.75rem; width:1.5rem; height:.68rem; border:3px solid #17304a; border-top:0; border-radius:0 0 50% 50%; }
.toon-head i,.toon-head b { position:absolute; top:2.2rem; width:.52rem; height:.72rem; border-radius:50%; background:#17304a; }
.toon-head i { left:1rem; } .toon-head b { right:1rem; }
.toon-hair { position:absolute; z-index:5; left:1.45rem; top:.62rem; width:5.6rem; height:2.7rem; border:4px solid #17304a; border-radius:65% 55% 35% 25%; background:#35251f; transform:rotate(-6deg); }
.toon-hair::before { content:""; position:absolute; left:-.35rem; top:1.15rem; width:1.2rem; height:2.1rem; border:4px solid #17304a; border-radius:60%; background:#35251f; transform:rotate(18deg); }
.toon-body { position:absolute; z-index:2; left:1.2rem; top:6.1rem; width:6.5rem; height:6.2rem; border:4px solid #17304a; border-radius:30% 35% 18% 18%; background:linear-gradient(90deg,#ff6f58 0 48%,#ff8d63 49%); transform:rotate(2deg); }
.toon-body::after { content:""; position:absolute; left:2.6rem; top:0; bottom:0; width:.35rem; background:#17304a; opacity:.25; }
.toon-body i { position:absolute; right:.6rem; top:1rem; width:1.45rem; height:1.45rem; border:3px solid #17304a; border-radius:50%; background:#ffd84d; }
.toon-arm { position:absolute; z-index:4; right:-.1rem; top:6.8rem; width:2.2rem; height:5.8rem; border:4px solid #17304a; border-radius:999px; background:#f2b986; transform:rotate(-34deg); transform-origin:top; animation:hero-wave 1.6s ease-in-out infinite; }
.toon-shoe { position:absolute; z-index:4; left:.2rem; bottom:-.1rem; width:3.8rem; height:1.7rem; border:4px solid #17304a; border-radius:65% 35% 25% 30%; background:#3f55c8; }
.toon-iskrik {
  position:absolute; z-index:6; left:49%; top:21%; width:4rem; height:4.8rem;
  border:4px solid #17304a; border-radius:46% 46% 54% 54%;
  background:linear-gradient(#fff58f,#55ed9c 70%); box-shadow:0 0 0 6px rgba(255,255,255,.55),0 0 25px #fff45a;
  animation:buddy-bob 1.5s ease-in-out infinite;
}
.toon-iskrik::before,.toon-iskrik::after { content:""; position:absolute; top:.8rem; width:2.6rem; height:1.6rem; border:3px solid #17304a; background:#bdf8ff; }
.toon-iskrik::before { right:3.1rem; border-radius:90% 15%; transform:rotate(-20deg); }
.toon-iskrik::after { left:3.1rem; border-radius:15% 90%; transform:rotate(20deg); }
.toon-iskrik i,.toon-iskrik b { position:absolute; top:1.25rem; width:.5rem; height:.7rem; border-radius:50%; background:#17304a; }
.toon-iskrik i { left:.78rem; } .toon-iskrik b { right:.78rem; }
.toon-iskrik span { position:absolute; left:1.28rem; top:2.55rem; width:1.05rem; height:.55rem; border:3px solid #17304a; border-top:0; border-radius:0 0 50% 50%; }
.toon-box { position:absolute; z-index:7; left:43%; bottom:4%; width:5.5rem; height:4rem; border:4px solid #17304a; border-radius:10px 10px 15px 15px; background:#258bd3; transform:rotate(-7deg); box-shadow:0 7px 0 #17304a; }
.toon-box::before { content:""; position:absolute; left:-.35rem; right:-.35rem; top:-.7rem; height:1.2rem; border:4px solid #17304a; border-radius:10px; background:#41aaf0; }
.toon-box::after { content:""; position:absolute; left:2.18rem; top:-.7rem; width:.65rem; bottom:0; background:#ffd84d; border-left:3px solid #17304a; border-right:3px solid #17304a; }
.toon-box i { position:absolute; z-index:2; left:.65rem; top:1.05rem; width:3.1rem; height:1.35rem; border:3px solid #17304a; border-radius:5px; background:#fff; }
.toon-spark { position:absolute; z-index:8; width:1.25rem; height:1.25rem; background:#fff56c; clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); filter:drop-shadow(0 2px 0 #17304a); animation:spark-pop 1.8s ease-in-out infinite; }
.spark-one { left:48%; top:11%; } .spark-two { right:5%; top:9%; animation-delay:.55s; } .spark-three { left:5%; top:44%; animation-delay:1s; }
.cover-copy-panel { width:calc(100% - .6rem); margin:-1.3rem auto 0; padding:1.65rem 1.15rem 1.05rem; border:4px solid #17304a; border-radius:28px; background:#fffdf5; box-shadow:0 8px 0 #17304a; text-align:center; z-index:10; }
.cover-kicker,.eyebrow,.scene-label,.action-kicker,.completion-kicker,.success-kicker { color:#6b4fe5; letter-spacing:.1em; }
.cover h1 { margin:.42rem 0 .55rem; color:#17304a; font-family:"Trebuchet MS",Arial,sans-serif; font-size:clamp(2.2rem,10.5vw,3.85rem); font-weight:1000; line-height:.88; letter-spacing:-.055em; text-transform:uppercase; text-shadow:0 3px 0 #fff,0 6px 0 rgba(23,48,74,.12); }
.cover h1 span { color:#ff5f67; }
.cover-copy { margin:0 auto .85rem; color:#405f79; font-size:.96rem; line-height:1.35; font-weight:700; }
.cover-note { margin:.7rem 0 0; color:#6f8498; font-size:.75rem; font-weight:700; }
.cover-button { max-width:22rem; min-height:60px; display:flex; align-items:center; justify-content:center; gap:.8rem; border:3px solid #17304a; border-radius:18px; color:#fff; background:#ff5f67; box-shadow:0 7px 0 #b9364e; font-size:1.18rem; }
.cover-button b { width:2rem; height:2rem; display:grid; place-items:center; border-radius:50%; color:#17304a; background:#ffd84d; font-size:1.4rem; }
.cover-button:active { transform:translateY(5px); box-shadow:0 2px 0 #b9364e; }

/* The game itself */
.app-shell { width:min(100%,35rem); padding:.75rem .8rem 3rem; }
.topbar { margin:0 0 .65rem; padding:.7rem .8rem; border:3px solid #17304a; border-radius:18px; background:#fff; box-shadow:0 5px 0 rgba(23,48,74,.22); }
.mission-label { color:#5e7488; font-weight:700; }
.inventory-button { min-height:48px; border:3px solid #17304a; color:#17304a; background:#ffd84d; box-shadow:0 4px 0 #c88a16; font-weight:900; }
.inventory-icon { color:#7057ee; }
.inventory-count { color:#fff; background:#ff5f67; border:2px solid #17304a; }
.progress-track { margin-bottom:.6rem; padding:.45rem .45rem .75rem; border-radius:16px; background:rgba(255,255,255,.72); }
.progress-step { color:#6c8093; }
.progress-step i { width:17px; height:17px; border:3px solid #17304a; background:#fff; }
.progress-line { height:4px; margin-top:7px; border-radius:99px; background:#acd7df; }
.progress-step.active { color:#6b4fe5; }
.progress-step.active i { border-color:#17304a; background:#ffd84d; box-shadow:0 0 0 4px rgba(255,216,77,.38); }
.progress-step.complete { color:#13865b; }
.progress-step.complete i { border-color:#17304a; background:#3ed18b; }

.scene-art { height:15rem; border:4px solid #17304a; border-radius:28px; background:#c6f6ff; box-shadow:0 8px 0 #17304a,0 16px 28px rgba(23,48,74,.16); }
.scene-art::after { height:26%; background:linear-gradient(transparent,rgba(23,48,74,.12)); }
.scene-art.scene-0 { background:linear-gradient(180deg,#ffd9ba 0 62%,#83d6d5 63%); }
.scene-0 .art-mist { background:radial-gradient(circle at 70% 20%,#fff3a5 0 1.8rem,transparent 1.85rem); }
.scene-0 .art-floor { background:#f0ad72; border:4px solid #17304a; }
.scene-0 .art-door { border-color:#17304a; background:linear-gradient(90deg,#ff866e,#ffad67); box-shadow:inset -10px 0 rgba(23,48,74,.13); }
.scene-0 .art-door::after { background:#ffd84d; box-shadow:none; border:2px solid #17304a; }
.scene-0 .art-box { border:4px solid #17304a; border-radius:12px; background:#299fe5; box-shadow:0 8px 0 #17304a; }
.scene-0 .art-box::before { background:#ffd84d; }
.art-ramir-small { position:absolute; z-index:4; right:13%; bottom:7%; width:5.3rem; height:9.8rem; }
.art-ramir-small::before { content:""; position:absolute; z-index:2; left:.55rem; top:0; width:4.2rem; height:4.4rem; border:4px solid #17304a; border-radius:46%; background:radial-gradient(circle at 31% 48%,#17304a 0 .22rem,transparent .24rem),radial-gradient(circle at 69% 48%,#17304a 0 .22rem,transparent .24rem),#f2b986; box-shadow:inset 0 1.15rem 0 #35251f; }
.art-ramir-small::after { content:""; position:absolute; left:0; bottom:0; width:5.3rem; height:5.8rem; border:4px solid #17304a; border-radius:35% 35% 18% 18%; background:#ff6f58; transform:rotate(-3deg); }
.art-question { position:absolute; z-index:6; right:4%; top:10%; width:2.6rem; height:2.6rem; display:grid; place-items:center; border:4px solid #17304a; border-radius:50% 50% 50% 12%; color:#17304a; background:#ffd84d; font-size:1.7rem; font-weight:1000; transform:rotate(7deg); animation:spark-pop 1.8s ease-in-out infinite; }
.art-firefly { border-color:#17304a; background:linear-gradient(#fff58f,#55ed9c); box-shadow:0 0 0 5px rgba(255,255,255,.5),0 0 25px #fff34e; }
.art-firefly::before,.art-firefly::after { border:3px solid #17304a; background:#bdf8ff; }
.art-compass-small { border:4px solid #17304a; background:radial-gradient(circle,#ff5f67 0 8%,#56d4f3 9% 55%,#ffd84d 56%); box-shadow:0 5px 0 #17304a; }
.scene-art.scene-1 { background:radial-gradient(circle at 50% 44%,#fff6a8 0 11%,#7de5ff 12% 65%,#56d08e 66%); }
.art-compass-large { border-color:#17304a; background:repeating-conic-gradient(#ffd84d 0 2deg,transparent 2deg 51.42deg),radial-gradient(circle,#ff5f67 0 5%,#71e5ed 6% 48%,#fff4b5 49%); box-shadow:0 8px 0 #17304a,0 0 0 7px #ffd84d; }
.art-schema { border:3px solid #17304a; border-radius:8px; background:#fff7c7; }
.scene-art.scene-2 { background:linear-gradient(180deg,#72dfff 0 54%,#7b62e9 55%); }
.art-window { border-color:#17304a; background:linear-gradient(#68dcff,#ffc57b 58%,#5e4dc0 59%); box-shadow:inset 0 0 0 5px rgba(255,255,255,.28); }
.art-window::after { background:#17304a; }
.art-island { background:#46b96d; border:3px solid #17304a; }
.art-lighthouse { background:repeating-linear-gradient(90deg,#fff 0 8px,#ff626a 8px 16px); filter:drop-shadow(0 3px 0 #17304a); }
.art-lighthouse::before { background:#ffd84d; box-shadow:0 0 24px #fff18a; }
.art-route { height:6px; background:linear-gradient(90deg,#ff5f67,#ffd84d,#53f0d2); box-shadow:0 0 13px white; }

.story-card,.action-card,.completion-card { margin-top:-.5rem; padding:1.25rem 1rem 1.15rem; border:4px solid #17304a; border-radius:18px 18px 28px 28px; color:#17304a; background:#fffdf5; box-shadow:0 8px 0 #17304a,0 16px 30px rgba(23,48,74,.16); }
.story-heading { border-bottom:3px dashed #b9ced8; }
.story-heading h2,.action-card h2,.completion-card h2,.inventory-header h2,.success-dialog h2 { color:#17304a; font-family:"Trebuchet MS",Arial,sans-serif; font-weight:1000; letter-spacing:-.035em; }
.story-text { padding:0; list-style:none; counter-reset:story; }
.story-text li { position:relative; margin:0 0 .62rem; padding:.72rem .7rem .72rem 2.85rem; border:2px solid rgba(23,48,74,.13); border-radius:16px; color:#17304a; background:#f4fbff; font-size:1rem; line-height:1.47; font-weight:650; counter-increment:story; }
.story-text li:nth-child(2n) { background:#fff8d9; }
.story-text li::before { content:counter(story); position:absolute; left:.55rem; top:.65rem; width:1.75rem; height:1.75rem; display:grid; place-items:center; border:2px solid #17304a; border-radius:50%; color:#fff; background:#7057ee; font-weight:900; }
.primary-button,.secondary-button { border:3px solid #17304a; color:#fff; background:#ff5f67; box-shadow:0 6px 0 #b9364e; }
.primary-button:active,.secondary-button:active,.choice-button:active,.order-item:active { transform:translateY(4px) scale(.99); box-shadow:0 2px 0 rgba(23,48,74,.5); }
.secondary-button { color:#17304a; background:#ffd84d; box-shadow:0 6px 0 #c88a16; }
.action-card { margin-top:1rem; border-radius:28px; background:#fff7c7; }
.action-card h2 { color:#e3435a; }
.action-prompt { color:#405f79; font-weight:700; }
.choice-button,.order-item { border:3px solid #17304a; color:#17304a; background:#fff; box-shadow:0 4px 0 #17304a; }
.choice-button:hover,.order-item:hover { border-color:#7057ee; background:#f2eeff; }
.feedback { color:#632718; background:#ffb394; border:3px solid #17304a; }
.feedback.discovery { color:#125641; background:#9cf1c8; box-shadow:none; }
.gesture-note { color:#526d83; font-weight:700; }

.parcel-box { filter:drop-shadow(0 12px 0 rgba(23,48,74,.18)); }
.parcel-lid { border:4px solid #17304a; background:#42a9ec; }
.parcel-lid::after,.parcel-body::after { background:#ffd84d; }
.parcel-body { border:4px solid #17304a; background:#258bd3; }
.parcel-glow { background:radial-gradient(circle,#fff458,rgba(75,230,180,.45),transparent 66%); }
.parcel-item { min-height:78px; border:3px solid #17304a; color:#17304a; background:#fff; box-shadow:0 4px 0 #17304a; }
.parcel-symbol { color:#6b4fe5; }
.parcel-firefly { background:#eaffef; }

.scan-stage { border:3px solid #17304a; background:radial-gradient(circle at 50% 38%,#fff8b0,#bdf4ff 63%,#8bddf2); }
.compass-control { border:5px solid #17304a; background:repeating-conic-gradient(#ffd84d 0 2deg,transparent 2deg 51.42deg),radial-gradient(circle,#ff5f67 0 4%,#60dce8 5% 52%,#fff5c5 53%); box-shadow:0 8px 0 #17304a,0 0 0 7px #ffd84d; }
.hotspot-cell { border:3px solid #17304a; color:#17304a; background:#fff; box-shadow:0 4px 0 #17304a; }
.scan-orb { border:4px solid #17304a; color:#17304a; background:radial-gradient(circle,#fff 0 10%,#fff678 11% 35%,#55e79b 38%); box-shadow:0 0 0 6px rgba(255,255,255,.65),0 0 26px #fff14f; }
.scan-note { color:#405f79; }

.order-selection { border:3px dashed #6b4fe5; background:#f3efff; }
.order-selection.drop-ready { border-color:#19a66d; background:#d9fae9; box-shadow:inset 0 0 0 4px rgba(62,209,139,.22); }
.order-placeholder { color:#5a6f83; font-weight:800; }
.order-chip { color:#17304a; background:#ffd84d; border:2px solid #17304a; }
.order-arrow { color:#6b4fe5; font-weight:900; }
.order-item span { color:#6b4fe5; }
.order-item.selected { opacity:.58; background:#d9fae9; }
.order-item.selected::after { content:"В РЯДУ"; position:absolute; right:.2rem; top:.2rem; padding:.12rem .3rem; border:2px solid #17304a; border-radius:999px; color:#17304a; background:#72e8a8; font-size:.54rem; font-weight:1000; }
.order-item.dragging { border-color:#ff5f67; box-shadow:0 12px 0 rgba(23,48,74,.18),0 18px 30px rgba(23,48,74,.22); }
.reset-order { color:#5d4bd1; font-weight:800; }

.completion-card { background:#e9fff2; }
.portal-seal { border:5px solid #17304a; background:radial-gradient(circle,#fff 0 7%,#63f1d7 8% 30%,#7057ee 31% 67%,#392a86 68%); box-shadow:0 8px 0 #17304a,0 0 32px rgba(112,87,238,.5); }
.portal-seal span { border:3px solid #17304a; background:#ffd84d; }
.completion-copy { color:#405f79; }
.reward-list li { border:3px solid #17304a; background:#fff; }
.completion-card blockquote { border-color:#7057ee; color:#5a43ca; font-family:"Trebuchet MS",Arial,sans-serif; font-weight:800; }
.inventory-panel { border:4px solid #17304a; background:#fffdf5; box-shadow:0 -12px 0 rgba(23,48,74,.18); }
.close-button { border:3px solid #17304a; color:#17304a; background:#ffd84d; }
.inventory-slot { border:3px solid #17304a; background:#f4fbff; }
.inventory-slot i { color:#7057ee; }
.inventory-slot span,.crystal-panel p { color:#526d83; }
.crystal-panel { background:#e7faff; border:2px solid #87cfdd; }
.crystal-row i { border:2px solid #17304a; background:#fff; }
.inventory-scrim { background:rgba(23,48,74,.55); }
.success-overlay { background:rgba(23,48,74,.72); }
.success-dialog { border:4px solid #17304a; background:#fffdf5; box-shadow:0 9px 0 #17304a,0 24px 60px rgba(23,48,74,.35); }
.success-spark { border:3px solid #17304a; color:#17304a; background:#ffd84d; box-shadow:0 5px 0 #17304a; }
.success-dialog p:not(.success-kicker) { color:#405f79; }

@keyframes toon-spin { to { transform:rotate(360deg); } }
@keyframes hero-wave { 0%,100%{transform:rotate(-34deg)} 50%{transform:rotate(-58deg)} }
@keyframes buddy-bob { 0%,100%{transform:translateY(0) rotate(5deg)} 50%{transform:translateY(-10px) rotate(-4deg)} }
@keyframes spark-pop { 0%,100%{transform:scale(.7) rotate(0);opacity:.45} 50%{transform:scale(1.2) rotate(90deg);opacity:1} }

@media (max-width:370px) {
  .cartoon-cover { padding-inline:.55rem; }
  .cartoon-cover-art { height:18.2rem; }
  .toon-ramir { left:7%; transform:scale(.88); transform-origin:bottom left; }
  .toon-iskrik { left:46%; transform:scale(.86); }
  .cover-copy-panel { padding:1.45rem .8rem .9rem; }
  .cover h1 { font-size:2.05rem; }
  .cover-copy { font-size:.9rem; }
  .scene-art { height:13.2rem; }
}

@media (prefers-reduced-motion:reduce) {
  .toon-portal i,.toon-arm,.toon-iskrik,.toon-spark { animation:none !important; }
}