:root{--abyss: #08070b;--deep: #110b13;--teal: #c59a55;--gold: #e7b85e;--ink: #f4f1e8}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100dvh;background:var(--abyss);color:var(--ink);font-family:Segoe UI,Yu Gothic UI,Meiryo,sans-serif;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;position:fixed}body:before{position:fixed;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(118,26,44,.19),transparent 34rem),radial-gradient(circle at 84% 74%,rgba(191,125,37,.12),transparent 30rem),linear-gradient(145deg,#1a0b13,#050508 72%)}body:after{position:fixed;inset:0;content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}body[data-difficulty=hard]:before{background:radial-gradient(circle at 18% 18%,#143e6355,transparent 34rem),radial-gradient(circle at 84% 74%,#36a5ff22,transparent 30rem),linear-gradient(145deg,#071b2c,#05080e 72%)}body[data-difficulty=master]:before{background:radial-gradient(circle at 18% 18%,#86601944,transparent 34rem),radial-gradient(circle at 84% 74%,#efb93a22,transparent 30rem),linear-gradient(145deg,#211b0b,#080705 72%)}body[data-difficulty=hard] #game-container{border-color:#58bfff99;box-shadow:0 30px 90px #0009,0 0 60px #299fff22}body[data-difficulty=master] #game-container{border-color:#f1c355aa;box-shadow:0 30px 90px #0009,0 0 60px #f1c35522}#app{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;position:relative}#screen-size-controls{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:16px;z-index:100;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #c4974c99;border-radius:9px;background:#100b12ed;color:#f4e3ba;font-size:13px}#screen-size-controls button{min-width:36px;padding:5px 9px;border:1px solid #c4974c88;border-radius:5px;background:#211824;color:#f4e3ba;cursor:pointer}#screen-size-controls button[aria-pressed=true]{background:#c4974c;color:#160e08}#game-container{position:relative;overflow:hidden;border:1px solid rgba(196,151,76,.5);border-radius:18px;background:#100b12;box-shadow:0 30px 90px #0000009e,0 0 60px #aa3c371a,inset 0 1px #ffffff0d}#game-container:before,#game-container:after{position:absolute;z-index:2;content:"";pointer-events:none;width:120px;height:1px;top:0;background:linear-gradient(90deg,transparent,var(--gold))}#game-container:before{left:7%}#game-container:after{right:7%;transform:scaleX(-1)}canvas{display:block;image-rendering:auto}@media (max-width: 700px),(max-height: 620px){#app{padding:max(2px,env(safe-area-inset-top)) max(2px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(2px,env(safe-area-inset-left))}#game-container{border-radius:8px;box-shadow:0 8px 32px #00000094}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#loading-screen{position:fixed;inset:0;z-index:10000;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:32px 24px max(28px,env(safe-area-inset-bottom));box-sizing:border-box;color:#f8e2af;background:#081615 url(../assets/ui/loading-gate-v1/gate.webp) center 43% / cover no-repeat;font-family:Yu Mincho,Hiragino Mincho ProN,Meiryo,serif}#loading-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#03100ff2 0%,#03100fa6 22%,transparent 48%),radial-gradient(ellipse at center,transparent 45%,#020a0b77)}#loading-screen:after{content:"";position:absolute;inset:16px;border:1px solid #bd9456a6;border-radius:10px;pointer-events:none}.loading-title{position:absolute;top:max(24px,env(safe-area-inset-top));left:0;right:0;margin:0;text-align:center;font-size:clamp(24px,3vw,38px);letter-spacing:.12em;text-shadow:0 2px 10px #000}.loading-card{position:relative;z-index:1;width:min(640px,100%);text-align:center;text-shadow:0 2px 8px #000}.loading-card h2{font-size:clamp(17px,2.5vw,27px);font-weight:500;letter-spacing:.04em;margin:0 0 20px}.loading-track{height:14px;border:1px solid #d8ad65;padding:3px;background:#051817;border-radius:14px;overflow:hidden;box-shadow:0 0 0 3px #8e6b342e,0 0 18px #dda43b22}.loading-fill{height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#c99c42,#ffe5a1 45%,#44e9d3);box-shadow:0 0 14px #e5ca7b;transition:width .18s linear;position:relative;overflow:hidden}.loading-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff88 50%,transparent 75%);animation:loading-shimmer 2.4s ease-in-out infinite}.loading-percent{font-size:23px;margin:10px 0 4px;font-variant-numeric:tabular-nums}.loading-status{color:#a9c2b7;font-family:Meiryo,sans-serif;font-size:12px;margin:6px 0 20px}.loading-tip{color:#e3d4b0;font-size:clamp(12px,1.5vw,15px);line-height:1.8;margin:0}.loading-sparks{position:absolute;inset:0;pointer-events:none}.loading-sparks i{position:absolute;left:44%;top:65%;width:3px;height:3px;border-radius:50%;background:#ffe3a2;box-shadow:0 0 9px 3px #efb95580;animation:loading-embers 5s ease-in-out infinite}.loading-sparks i:nth-child(2){left:54%;animation-delay:-1s}.loading-sparks i:nth-child(3){left:47%;animation-delay:-3s}.loading-sparks i:nth-child(4){left:58%;animation-delay:-2s}.loading-sparks i:nth-child(5){left:38%;animation-delay:-4s}.loading-sparks i:nth-child(6){left:51%;animation-delay:-.5s}@keyframes loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loading-embers{0%{opacity:0;transform:translateY(20px)}25%{opacity:.9}to{opacity:0;transform:translate(24px,-150px)}}@media (max-width: 520px){#loading-screen{background-position:50% 38%;padding:28px 30px max(46px,env(safe-area-inset-bottom))}.loading-card h2{font-size:17px;letter-spacing:0}.loading-status{margin-bottom:14px}}@media (prefers-reduced-motion: reduce){.loading-fill:after,.loading-sparks i{animation:none}.loading-fill{transition:none}}#loading-screen[data-mode=boot]{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:7vh 20px;background:radial-gradient(ellipse at 50% 46%,#21151a,#0b090d 42%,#060609 85%)}#loading-screen[data-mode=boot]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent,rgba(0,0,0,.25))}#loading-screen[data-mode=boot] .loading-card{position:relative;width:min(520px,100%);text-align:center;color:#f6deaa;text-shadow:0 2px 8px #000}#loading-screen[data-mode=boot] .loading-walk{position:relative;width:210px;height:210px;margin:0 auto 12px}#loading-screen[data-mode=boot] .loading-adventurer{position:relative;z-index:1;width:210px;height:210px;background:url(../assets/ui/walking-loader-v1/walk.webp) 0 0 / 400% 200% no-repeat;animation:loading-walk-cycle .96s steps(1,end) infinite}#loading-screen[data-mode=boot] .loading-ground{position:absolute;bottom:7px;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,#8f7040,transparent);opacity:.5}@keyframes loading-walk-cycle{0%,to{background-position:0% 0%}12.5%{background-position:33.333333% 0%}25%{background-position:66.666667% 0%}37.5%{background-position:100% 0%}50%{background-position:0% 100%}62.5%{background-position:33.333333% 100%}75%{background-position:66.666667% 100%}87.5%{background-position:100% 100%}}#loading-screen[data-mode=boot] .loading-card h1{font-size:clamp(25px,5vw,40px);letter-spacing:.12em;margin:8px 0 12px}#loading-screen[data-mode=boot] .loading-story{color:#d3bca0;font-size:14px;margin-bottom:28px}#loading-screen[data-mode=boot] .loading-track{height:10px;border:1px solid #aa8243;padding:2px;background:#0b080c;border-radius:8px;overflow:hidden}#loading-screen[data-mode=boot] .loading-fill{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#84303c,#e4bc6d);transition:width .18s linear}#loading-screen[data-mode=boot] .loading-status{margin-top:12px;font-size:13px;color:#e1d2b6}@media (max-width: 520px){#loading-screen[data-mode=boot] .loading-walk,#loading-screen[data-mode=boot] .loading-adventurer{width:180px;height:180px}#loading-screen[data-mode=boot] .loading-card h1{font-size:27px}}@media (prefers-reduced-motion: reduce){#loading-screen[data-mode=boot] .loading-adventurer{animation:none;background-position:0 0}}.loading-walk,.loading-boot-title,.loading-title{display:none}#loading-screen[data-mode=stairs]{background-image:url(../assets/ui/loading-stairs-v1/stairs.webp)}#loading-screen[data-mode=boot]:after,#loading-screen[data-mode=boot] .loading-sparks,#loading-screen[data-mode=boot] h2,#loading-screen[data-mode=boot] .loading-percent,#loading-screen[data-mode=boot] .loading-tip{display:none}#loading-screen[data-mode=boot] .loading-walk,#loading-screen[data-mode=boot] .loading-boot-title{display:block}#loading-screen[data-mode=boot] .loading-fill:after{display:none}