:root{color:#211f1b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.86),transparent 32%),linear-gradient(135deg,#f4f1ec,#dce7e4 48%,#d8d4cc)}#viewer{display:block;width:100vw;height:100vh}.hud,.game-hud{position:fixed;color:#211f1b;border:1px solid rgba(65,58,49,.16);border-radius:8px;box-shadow:0 12px 32px #26211a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud{top:16px;left:16px;display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;background:#ffffffc2}.hud strong{font-size:14px;font-weight:700;line-height:1}.hud select{height:28px;min-width:112px;padding:0 28px 0 10px;color:#211f1b;background:#ffffffd1;border:1px solid rgba(65,58,49,.18);border-radius:6px;font:inherit;font-size:12px}.viewer-close{height:28px;padding:0 12px;color:#f7fbff;background:#2c6f9f;border:0;border-radius:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.viewer-close:focus-visible{outline:2px solid #fff;outline-offset:2px}#status{min-width:112px;color:#211f1bb8;font-size:12px}.key-hint{min-width:74px;padding:6px 8px;color:#f7fbff;background:#2c6f9f;border-radius:6px;font-size:12px;font-weight:700;line-height:1;text-align:center}.game-hud{top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 2px 0 #1d3c8f,0 4px 10px rgba(20,53,122,.32)}.game-title{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100vw;height:100vh;padding:0;overflow:hidden;pointer-events:auto;cursor:pointer;background:#4fc7ff;border:0}.game-title img{width:100%;height:100%;object-fit:cover}.game-title:disabled,.game-title.is-loading{cursor:wait}.game-title:disabled img,.game-title.is-loading img{filter:saturate(.82) brightness(.76)}.game-title[hidden],.game-hud.is-title .game-lives,.game-hud.is-title .game-score,.game-hud.is-title .game-message{display:none}.map-editor{position:fixed;top:18px;right:18px;z-index:5;width:min(430px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:16px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;color:#17335d;background:linear-gradient(180deg,#fffffff0,#ebf9ffe6);border:1px solid rgba(255,255,255,.76);border-radius:8px;box-shadow:0 18px 38px #17569138;text-shadow:none}.map-editor__header,.map-editor__stage,.map-editor__controls,.map-editor__legend{display:flex;align-items:center;gap:8px}.map-editor__header{justify-content:space-between;margin-bottom:12px}.map-editor__stage,.map-editor__controls{flex-wrap:wrap;margin-bottom:10px}.map-editor__controls{justify-content:space-between}.map-editor button{height:30px;padding:0 10px;color:#fff;background:#2c6f9f;border:0;border-radius:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.map-editor__length{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase}.map-editor__length input{width:64px;height:32px;padding:0 8px;color:#17335d;background:#ffffffd1;border:1px solid rgba(23,49,91,.2);border-radius:6px;font:inherit;font-weight:900}.map-editor__legend{flex-wrap:wrap;justify-content:flex-end}.map-editor__legend span{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900}.map-swatch{display:inline-block;width:16px;height:16px;border:1px solid rgba(23,49,91,.18);border-radius:4px;box-shadow:inset 0 2px #ffffff7a}.map-swatch--goal{background:linear-gradient(180deg,#8cff7b,#25bf52)}.map-swatch--floor{background:linear-gradient(180deg,#ffe46b,#ffb41f)}.map-swatch--start{background:linear-gradient(180deg,#85c7ff,#2e86e8)}.map-editor__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:5px;padding:8px;max-height:min(66vh,calc(100vh - 176px));overflow-y:auto;background:#214e821f;border:1px solid rgba(23,49,91,.14);border-radius:8px}.map-cell{position:relative;aspect-ratio:1;min-height:35px;cursor:pointer;background:#ffffff75;border:1px dashed rgba(23,49,91,.24);border-radius:6px}.map-cell:hover{border-color:#2c6f9fc2;background:#7ed5ff3d}.map-cell__piece{position:absolute;top:4px;right:4px;bottom:4px;left:4px;display:grid;place-items:center;border-radius:5px;cursor:pointer;color:transparent;box-shadow:inset 0 2px #ffffff7a,0 7px 12px #1756912e}.map-cell__piece--floor{background:linear-gradient(180deg,#ffe46b,#ffb41f)}.map-cell__piece--goal{background:linear-gradient(180deg,#8cff7b,#25bf52)}.map-cell__piece--start{cursor:not-allowed;background:linear-gradient(180deg,#85c7ff,#2e86e8)}.game-lives,.game-score,.game-message{position:fixed}.game-lives{top:22px;left:22px;display:flex;align-items:center;gap:18px}.avatar{display:block;width:150px;height:150px;background:url(/images/ui/avatar.png) center / contain no-repeat;border-radius:50%;box-shadow:0 8px 24px #22489440}#game-lives{display:flex;align-items:center;gap:10px;min-width:252px;height:84px}.heart-icon{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 0 rgba(117,21,35,.7)) drop-shadow(0 10px 18px rgba(62,31,31,.22))}.game-score{top:26px;right:32px;display:grid;justify-items:end;gap:3px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}.game-score span{color:#ffd65a;font-size:32px;font-weight:900;letter-spacing:0;text-shadow:0 3px 0 #2e3d91,0 6px 14px rgba(28,53,128,.36)}.game-score strong{font-size:38px;letter-spacing:1px}.whiteout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff,#fffab2eb 34%,#ffffffb8 55%,#fff0);opacity:0}.whiteout.is-active{animation:whiteout-flash .62s ease-out both}.stage-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:#fff;opacity:0}.stage-transition.is-active{animation:stage-transition-flash .92s ease-in-out both}.stage-clear-message{position:fixed;top:4vh;left:50%;z-index:6;width:min(76vw,720px);pointer-events:none;opacity:0;transform:translate(-50%,-18px) scale(.88);transition:opacity .26s ease,transform .36s cubic-bezier(.18,1.2,.24,1);filter:drop-shadow(0 16px 22px rgba(26,71,154,.28))}.stage-clear-message.is-visible{opacity:1;transform:translate(-50%) scale(1)}.stage-clear-message img{display:block;width:100%;height:auto}@keyframes whiteout-flash{0%{opacity:0}18%{opacity:1}38%{opacity:.96}to{opacity:0}}@keyframes stage-transition-flash{0%{opacity:0}22%{opacity:1}58%{opacity:1}to{opacity:0}}.game-message{left:50%;bottom:28px;max-width:min(560px,calc(100vw - 32px));padding:9px 14px;color:#17335d;background:#ffffffd1;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 12px 24px #1756912e;font-size:13px;font-weight:800;line-height:1.25;text-align:center;text-shadow:none;transform:translate(-50%);transition:opacity .24s ease}.game-message.is-large{top:calc(50% - clamp(32px,5vw,72px));left:50%;bottom:auto;padding:0;color:#fff176;background:transparent;border:0;box-shadow:none;font-family:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,ui-rounded,system-ui,sans-serif;font-size:clamp(64px,10vw,150px);font-weight:900;line-height:.95;letter-spacing:1px;text-shadow:0 4px 0 #ff7ac8,0 8px 0 #3f56b5,0 12px 26px rgba(20,53,122,.42),0 0 32px rgba(255,255,255,.9);transform:translate(-50%,-64%)}.game-message.is-large.is-image{width:min(78vw,860px);height:min(28vw,280px);background-position:center;background-repeat:no-repeat;background-size:contain;text-shadow:none}.game-message.is-large.is-image[data-message=ready]{width:min(82vw,930px);height:min(26vw,260px)}.game-message.is-large.is-image[data-message=go]{width:min(70vw,760px);height:min(28vw,260px)}.game-message.is-large.is-image[data-message=game-over]{width:min(86vw,980px);height:min(24vw,250px)}.game-message.is-fading{opacity:0}[hidden]{display:none!important}@media(max-width:680px){.hud{right:12px;left:12px;flex-wrap:wrap}.game-lives{top:14px;left:14px}.avatar{width:120px;height:120px}#game-lives{min-width:195px;height:66px;gap:5px}.heart-icon{width:60px;height:60px}.game-score{top:132px;right:16px}.game-score span{font-size:22px}.game-score strong{font-size:28px}}