/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5
 * Playful / Hum adapted to the existing Galmuri pixel game · title-screen composition */
@font-face{font-family:Galmuri;src:url('./Galmuri11.woff2') format('woff2');font-display:swap}
@font-face{font-family:Galmuri;src:url('./Galmuri11-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--font-game:Galmuri,monospace;--sky:#aedfe5;--paper:#fff5d7;--white:#fffdeb;--ink:#49331f;--muted:#6e573c;--edge:#75512c;--gold:#ffd363;--gold-dark:#d98d2b;--orange:#ed9c35;--green:#315c46;--green-light:#517953;--blue:#28618a;--shadow:#213f35;--focus:#145fa4;--veil:#193e43bb;--clear:transparent}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}body{font:14px/1.65 var(--font-game);color:var(--ink);background:var(--green);background-image:linear-gradient(45deg,var(--green-light) 25%,var(--clear) 25%),linear-gradient(-45deg,var(--green-light) 25%,var(--clear) 25%);background-size:20px 20px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button,a{ -webkit-tap-highlight-color:var(--clear)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:active:not(:disabled),.start:active{transform:translateY(2px)}button:hover:not(:disabled),.start:hover{filter:brightness(1.045)}[hidden]{display:none!important}.screen{width:min(100%,900px);min-height:100svh;margin:auto;background:var(--paper);border-inline:4px solid var(--edge);box-shadow:0 0 0 3px var(--gold-dark);display:flex;flex-direction:column}.topline{padding:8px 18px;background:var(--green);color:var(--white);display:flex;justify-content:space-between;gap:8px;font-size:11px;border-bottom:3px solid var(--edge)}.topline a{text-decoration:none;white-space:nowrap}.topline span{color:var(--gold)}main{flex:1}.cover{margin:0;background:var(--sky);border-bottom:4px solid var(--edge);position:relative}.cover img{display:block;width:100%;height:auto;aspect-ratio:1.91;object-fit:cover;image-rendering:pixelated}.cover figcaption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:var(--paper);border:2px solid var(--edge);padding:3px 14px;white-space:nowrap;font-size:12px;box-shadow:2px 2px var(--edge)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:clip;clip-path:inset(50%);white-space:nowrap}.welcome{text-align:center;padding:20px 16px 0}.welcome p{margin:0}.welcome .tagline{font-size:clamp(17px,3.8vw,23px);font-weight:700;color:var(--green);line-height:1.5}.welcome .description{font-size:12px;color:var(--muted);margin-top:8px}.actions{width:min(100%,400px);padding:18px 20px 0;margin:auto;display:grid;gap:10px}.start,.continue{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:56px;border:3px solid var(--edge);background:var(--gold);color:var(--ink);box-shadow:inset 0 3px var(--white),inset 0 -4px var(--gold-dark),0 4px var(--edge);font-size:21px;font-weight:700;text-decoration:none;white-space:nowrap}.play-arrow{font-size:18px;color:var(--green)}.continue{background:var(--white);font-size:17px;min-height:48px;box-shadow:inset 0 -3px var(--gold),0 3px var(--edge)}.save-note{font-size:11px;color:var(--muted);text-align:center;min-height:18px;margin:3px 0 0}.journey{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 10px 10px;font-size:12px;color:var(--green)}.journey b{color:var(--gold-dark)}.tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 16px 14px}.tools button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:6px 12px;color:var(--ink);background:var(--paper);border:2px solid var(--edge);box-shadow:inset 0 2px var(--white),0 2px var(--gold-dark);font-size:12px;white-space:nowrap}.tools svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.fineprint{font-size:10px;text-align:center;color:var(--muted);margin:0 16px 14px}.footer{padding:12px 12px max(12px,env(safe-area-inset-bottom));text-align:center;border-top:2px solid var(--gold-dark);background:var(--gold);font-size:11px}.footer a{font-weight:700;text-underline-offset:3px;white-space:nowrap}.footer span{display:block;font-size:10px;color:var(--muted);margin-top:4px}dialog{max-width:min(420px,calc(100vw - 32px));padding:22px;border:3px solid var(--edge);background:var(--paper);color:var(--ink);box-shadow:5px 5px var(--shadow);font:14px/1.8 var(--font-game)}dialog::backdrop{background:var(--veil)}dialog h2{font-size:20px;margin:0 0 12px;color:var(--green)}dialog p{margin:8px 0}dialog button{padding:9px 14px;min-height:44px;border:2px solid var(--edge);background:var(--gold);color:var(--ink);white-space:nowrap}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.copy-field{width:100%;padding:10px;background:var(--white);color:var(--ink);border:2px solid var(--edge);font-size:12px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);padding:10px 18px;background:var(--green);color:var(--white);border:2px solid var(--gold);font-size:12px;z-index:10}.screen:fullscreen{overflow:auto;width:100%;max-width:none;align-items:center}.screen:fullscreen>*{width:min(100%,900px)}@media(min-width:700px){.screen{margin:24px auto;min-height:calc(100svh - 48px)}.welcome{padding-top:22px}.actions{padding-top:20px}.cover img{max-height:440px}.journey{padding-top:22px}}@media(max-width:374px){.topline{padding:7px 10px;font-size:10px}.welcome{padding-inline:10px}.journey{gap:6px;font-size:10px}.tools{gap:6px;padding-inline:8px}.tools button{font-size:11px;padding-inline:9px}.cover figcaption{font-size:10px;padding:2px 8px;bottom:6px}.welcome .description{font-size:11px}.actions{padding-top:14px}.welcome{padding-top:16px}}@media(prefers-reduced-motion:no-preference){.play-arrow{animation:beckon 1.1s steps(2,end) infinite}@keyframes beckon{50%{transform:translateX(3px)}}}body:has(dialog[open]){overflow-y:hidden}