:root{--gold:#f6c76c;--gold2:#ffe6a8;--cream:#fff6e0;--ink:#3a2412;--navy:#16123a;--navy2:#241c5a;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--font:"Zen Maru Gothic", "Kiwi Maru", system-ui, sans-serif;--font-kana:"Kiwi Maru", "Zen Maru Gothic", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{-webkit-text-size-adjust:100%;-webkit-touch-callout:none;height:100%;color:var(--cream);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#0d0b24;margin:0;overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}*{-webkit-user-select:none}button{touch-action:manipulation;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.screen{display:none;position:fixed;inset:0}.screen.show{display:block}.btn-wood{color:#fff3d6;letter-spacing:.08em;text-shadow:0 2px #4a2a10,0 0 6px #00000080,1px 0 #4a2a10,-1px 0 #4a2a10;filter:drop-shadow(0 6px 10px #00000073);background:url(/assets/ui/btn_wood.png) 50%/100% 100% no-repeat;min-width:180px;height:58px;padding:0 34px;font-size:19px;font-weight:900;transition:transform .12s cubic-bezier(.3,1.6,.5,1),filter .2s;position:relative}.btn-wood.big{min-width:240px;height:72px;font-size:24px}.btn-wood:active{filter:drop-shadow(0 2px 6px #00000080)brightness(1.15);transform:scale(.93)}.btn-wood:disabled{filter:grayscale(.7)brightness(.7);opacity:.7}.btn-wood:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,#0000 30%,#fff0c859 50%,#0000 70%) 0 0/250% 100%;border-radius:40px;animation:3.2s infinite shine;position:absolute;inset:10% 8%}@keyframes shine{0%{background-position:150% 0}60%,to{background-position:-100% 0}}.btn-round{border:2px solid var(--gold);width:50px;height:50px;color:var(--gold2);background:radial-gradient(circle at 35% 30%,#3b3183,#1a1446 70%);border-radius:50%;place-items:center;font-size:30px;transition:transform .12s;display:grid;box-shadow:0 0 0 3px #140e3299,0 4px 12px #00000080,inset 0 0 12px #f6c76c40}.btn-round:active{transform:scale(.9)}.ico-bulb,.ico-menu{background:currentColor;width:26px;height:26px;display:block}.ico-bulb{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.7V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.3A7 7 0 0 0 12 2zm-3 18h6v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.7V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.3A7 7 0 0 0 12 2zm-3 18h6v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") 50%/contain no-repeat}.ico-menu{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='2.6' rx='1.3'/%3E%3Crect x='4' y='10.7' width='16' height='2.6' rx='1.3'/%3E%3Crect x='4' y='16.4' width='16' height='2.6' rx='1.3'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='2.6' rx='1.3'/%3E%3Crect x='4' y='10.7' width='16' height='2.6' rx='1.3'/%3E%3Crect x='4' y='16.4' width='16' height='2.6' rx='1.3'/%3E%3C/svg%3E") 50%/contain no-repeat}.chip{-webkit-backdrop-filter:blur(6px);color:var(--cream);background:linear-gradient(#281e60d1,#120e32d1);border:1.5px solid #f6c76cbf;border-radius:24px;align-items:center;gap:8px;padding:8px 16px 8px 14px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff1f}#loading{background:radial-gradient(at 50% 40%,#2c2470,#0d0b24 70%);place-items:center;display:none}#loading.show{display:grid}.load-inner{text-align:center}.load-paw{border:3px solid var(--gold);border-top-color:#0000;border-radius:50%;width:56px;height:56px;margin:0 auto 14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-text{letter-spacing:.2em;color:var(--gold2);font-size:16px}.load-bar{background:#ffffff1f;border-radius:3px;width:200px;height:6px;margin:14px auto 0;overflow:hidden}.load-bar i{background:linear-gradient(90deg, var(--gold), #fff2c0);width:0;height:100%;transition:width .2s;display:block}#title{overflow:hidden}.title-bg{position:absolute;inset:0}.title-bg img{object-fit:cover;object-position:50% 50%;transform-origin:50% 65%;width:100%;height:100%;animation:30s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.14)translateY(-1.5%)}}#title:after{content:"";pointer-events:none;background:linear-gradient(#0a082840,#0000 30% 62%,#08061ecc);position:absolute;inset:0}.sparkle{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.title-logo{top:calc(7vh + var(--safe-t));text-align:center;z-index:2;animation:1.6s cubic-bezier(.2,1.2,.3,1) .2s both logoIn;position:absolute;left:0;right:0}@keyframes logoIn{0%{opacity:0;filter:blur(8px);transform:translateY(-20px)scale(.9)}to{opacity:1;filter:none;transform:none}}.logo-main{font-family:var(--font);letter-spacing:.04em;font-size:min(15vw,84px);font-weight:900;line-height:1.02}.logo-main span{background:linear-gradient(#fffbe8 0%,#ffe39a 45%,#f3a73f 75%,#fff0b8 100%);color:#0000;-webkit-text-stroke:2px #5b2e10;paint-order:stroke fill;filter:drop-shadow(0 3px #3a1a08)drop-shadow(0 0 18px #ffbe5abf)drop-shadow(0 8px 16px #00000080);-webkit-background-clip:text;background-clip:text;display:block}.logo-main span:nth-child(2){font-size:1.12em}.logo-sub{letter-spacing:.06em;color:#fff;text-shadow:0 2px 6px #140a3ce6,0 0 12px #785aff99;margin-top:10px;font-size:min(3.6vw,17px);font-weight:700}.title-bottom{left:0;right:0;bottom:calc(8vh + var(--safe-b));text-align:center;z-index:2;animation:1s 1.2s both fadeUp;position:absolute}.tap-hint{letter-spacing:.3em;opacity:.75;margin-top:12px;font-size:13px;animation:2.4s infinite blink}@keyframes blink{50%{opacity:.3}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}#select{touch-action:pan-y;background:radial-gradient(at 50% 20%,#3a2f86 0%,#1a1446 55%,#0b0920 100%);overflow-y:auto}.select-bg{opacity:.22;filter:blur(8px)saturate(1.3);background:url(/assets/bg/title.jpg) 50%/cover;position:fixed;inset:0}.select-head{text-align:center;padding:calc(76px + var(--safe-t)) 16px 8px;position:relative}.ribbon-title{letter-spacing:.1em;color:#fff4d6;border:2px solid var(--gold);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);text-shadow:0 2px #3a0a12;background:linear-gradient(#8b2c3c,#5a1626);border-radius:6px;padding:12px 42px;font-size:22px;font-weight:900;display:inline-block;box-shadow:0 6px 18px #00000080,inset 0 0 0 3px #00000040}.select-sub{opacity:.85;white-space:nowrap;margin-top:12px;font-size:min(3.2vw,13px)}.cards{padding:18px 20px calc(40px + var(--safe-b));flex-direction:column;gap:22px;max-width:520px;margin:0 auto;display:flex;position:relative}.card{text-align:left;aspect-ratio:16/10;border:2px solid var(--gold);opacity:0;border-radius:18px;transition:transform .15s;animation:.7s cubic-bezier(.2,1.3,.4,1) forwards cardIn;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 10px 30px #0000008c,0 0 0 4px #140e32b3,0 0 30px #f6c76c33}.card:nth-child(2){animation-delay:.12s}@keyframes cardIn{to{opacity:1;transform:none}}.card:active{transform:scale(.97)}.card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card:after{content:"";background:linear-gradient(#0000 40%,#0a061ed9);position:absolute;inset:0}.card-info{z-index:1;position:absolute;bottom:14px;left:16px;right:90px}.card-no{letter-spacing:.2em;color:var(--gold2);font-size:12px}.card-name{white-space:nowrap;text-shadow:0 2px 6px #000c;font-size:min(5.4vw,22px);font-weight:900}.card-sub{opacity:.85;font-size:12px}.card-kana{z-index:1;width:70px;height:70px;font-family:var(--font-kana);color:#6a4418;text-shadow:0 1px #fff8;filter:drop-shadow(0 4px 8px #00000080);background:url(/assets/ui/tile_stone.png) 50%/100% 100%;place-items:center;font-size:40px;font-weight:500;display:grid;position:absolute;bottom:12px;right:14px}.card-kana.mystery{color:#b88a40;animation:2s infinite pulse}@keyframes pulse{50%{filter:drop-shadow(0 0 14px #ffd278e6)}}.card-clear{z-index:1;background:var(--gold);color:var(--ink);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:900;position:absolute;top:12px;right:12px}.back{top:calc(16px + var(--safe-t));font-size:34px;line-height:1;position:fixed;left:14px}#hud{pointer-events:none}#hud>*{pointer-events:auto}#hud>.joy,#hud>.joy *,#hud>.ctrl-hint{pointer-events:none}.hud-top{top:calc(12px + var(--safe-t));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:12px;right:12px}.hud-top>*{pointer-events:auto}.stage-chip{flex-direction:column;align-items:flex-start;gap:0;padding:8px 16px}.stage-chip b{font-size:14px}.stage-chip span{color:var(--gold2);font-size:12px;font-weight:700}.minimap-wrap{width:112px;height:112px;position:relative}#minimap{background:#0c0a24bf;border-radius:50%;width:112px;height:112px;display:block}.mm-ring{border:3px solid var(--gold);pointer-events:none;background:conic-gradient(from 0deg, transparent 0 24%, #f6c76c00 25%);border-radius:50%;position:absolute;inset:-5px;box-shadow:0 0 0 2px #140e32cc,0 4px 16px #00000080,inset 0 0 18px #0009}.mm-n{color:var(--gold);text-shadow:0 0 4px #000;font-size:12px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.hud-left{top:calc(78px + var(--safe-t));position:absolute;left:12px}.orb-ico{background:radial-gradient(circle at 35% 35%,#fff,#ffd98a 40%,#c77a20 80%);border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #ffc860}.hud-right{top:calc(136px + var(--safe-t));flex-direction:column;gap:12px;display:flex;position:absolute;right:14px}#joy-zone,#look-zone{touch-action:none}#look-zone{position:absolute;inset:0}#joy-zone{height:42%;position:absolute;bottom:0;left:18%;right:18%}.joy{pointer-events:none;opacity:.55;width:132px;height:132px;left:50%;top:calc(100% - 120px - var(--safe-b));background:radial-gradient(circle,#ffe6aa0d 40%,#ffe6aa29 70%,#ffe6aa05 72%);border:2px solid #f6c76c8c;border-radius:50%;margin:-66px 0 0 -66px;transition:opacity .2s;position:absolute;box-shadow:0 0 20px #f6c76c40}.joy.active{opacity:1}.joy-knob{background:radial-gradient(circle at 35% 30%,#fff6d8,#f0b858 55%,#a8641e);border-radius:50%;width:58px;height:58px;margin:-29px;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #00000080,0 0 16px #ffc86499}.btn-action{right:16px;bottom:calc(210px + var(--safe-b));width:96px;height:96px;color:var(--ink);background:radial-gradient(circle at 35% 30%,#fff8e0,#f6c76c 45%,#b8701e 90%);border:3px solid #fff1c2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-size:13px;font-weight:900;line-height:1.2;animation:1.4s infinite actPulse;display:none;position:absolute;box-shadow:0 0 0 5px #3c1e0a80,0 0 30px #ffc864cc,0 8px 18px #00000080}.btn-action.show{display:flex}.btn-action span{white-space:pre;letter-spacing:-.02em;font-size:12px}.btn-action:active{transform:scale(.9)}@keyframes actPulse{50%{box-shadow:0 0 0 5px #3c1e0a80,0 0 50px #ffdc82,0 8px 18px #00000080}}.ctrl-hint{left:0;right:0;bottom:calc(190px + var(--safe-b));text-align:center;letter-spacing:.1em;text-shadow:0 2px 6px #000;opacity:0;pointer-events:none;font-size:13px;font-weight:700;transition:opacity .6s;position:absolute}.ctrl-hint.show{opacity:.9}.cat{left:10px;right:10px;top:calc(140px + var(--safe-t));pointer-events:none;opacity:0;z-index:20;align-items:flex-end;gap:4px;transition:opacity .3s,transform .35s cubic-bezier(.2,1.4,.4,1);display:flex;position:fixed;transform:translateY(-12px)}.cat.show{opacity:1;transform:none}.cat:not(.show){visibility:hidden;transition:opacity .3s,transform .35s,visibility 0s .35s;pointer-events:none!important}.cat.modal{pointer-events:auto;top:auto;bottom:calc(24px + var(--safe-b))}.cat:not(.modal) .cat-face{width:64px}.cat:not(.modal) .cat-bubble{border-width:24px;min-height:60px;font-size:14px}.cat-face{filter:drop-shadow(0 6px 10px #00000080);flex:none;width:92px;height:auto;animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-5px)rotate(-2deg)}}.cat-bubble{color:#4a2c12;filter:drop-shadow(0 6px 12px #00000073);border:30px solid #0000;border-image:url(/assets/ui/panel_parchment.png) 90 fill/26px;flex:1;min-height:76px;margin-bottom:12px;padding:16px 20px 16px 22px;font-size:16px;font-weight:700;line-height:1.55;position:relative}.cat-bubble p{min-height:1.5em;margin:-14px -10px}.cat-bubble .next{color:#9a6a30;font-size:12px;font-style:normal;animation:1s infinite blink;display:none;position:absolute;bottom:-18px;right:-8px}.cat.modal .next{display:block}.banner{text-align:center;pointer-events:none;z-index:15;opacity:0;position:fixed;top:36%;left:0;right:0}.banner.show{animation:2.6s cubic-bezier(.2,1,.3,1) forwards bannerIn}@keyframes bannerIn{0%{opacity:0;filter:blur(10px);transform:scale(1.4)}15%{opacity:1;filter:none;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.96)}}.banner-sub{letter-spacing:.4em;color:var(--gold2);text-shadow:0 0 10px #000;font-size:14px}.banner-main{white-space:nowrap;letter-spacing:.12em;background:linear-gradient(#fff,#ffe08a 50%,#f0a030);color:#0000;-webkit-text-stroke:1.5px #5a2e10;paint-order:stroke fill;filter:drop-shadow(0 0 20px #ffbe50e6)drop-shadow(0 4px 6px #0009);-webkit-background-clip:text;background-clip:text;font-size:min(8.2vw,46px);font-weight:900}.banner:before{content:"";z-index:-1;background:radial-gradient(#140a3299,#0000 70%);height:90px;margin-top:-45px;position:absolute;top:50%;left:10%;right:10%}#answer{background:radial-gradient(at 50% 60%,#140a3240,#0a061ebf);place-items:center;display:none}#answer.show{animation:.5s both fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0}}.answer-panel{text-align:center;color:#4a2c12;filter:drop-shadow(0 12px 30px #0009);border:34px solid #0000;border-image:url(/assets/ui/panel_parchment.png) 90 fill/30px;width:min(92vw,440px);padding:28px 22px 22px;animation:.6s cubic-bezier(.2,1.4,.4,1) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(30px)}}.answer-q{white-space:nowrap;letter-spacing:.06em;margin:-12px 0 16px;font-size:min(5.2vw,21px);font-weight:900}.tiles{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;display:grid}.tile{aspect-ratio:1;width:min(24vw,108px);font-family:var(--font-kana);color:#5a3614;text-shadow:0 2px #fff9;filter:drop-shadow(0 6px 10px #3c1e0a66);background:url(/assets/ui/tile_stone.png) 50%/100% 100%;place-items:center;font-size:min(12vw,56px);transition:transform .2s cubic-bezier(.2,1.6,.4,1),filter .2s;display:grid}.tile.sel{filter:drop-shadow(0 0 16px #ffbe3c)drop-shadow(0 10px 14px #3c1e0a66);color:#b25a00;transform:translateY(-8px)scale(1.06)}.tile.wrong{filter:grayscale(.6)brightness(.8);animation:.5s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.answer-orbs{justify-content:center;gap:10px;min-height:10px;margin:16px 0 4px;display:flex}.answer-orbs img{object-fit:contain;filter:brightness(0)drop-shadow(0 0 4px #ffc864e6);opacity:.85;width:44px;height:44px}.answer-orbs .lit{filter:drop-shadow(0 0 6px #ffc864e6)}.answer-actions{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.answer-actions .btn-wood{min-width:200px;height:54px;font-size:16px}.answer-actions .btn-wood.big{height:66px;font-size:22px}#trail{background:#3c1e0a1f;border-radius:12px;width:200px;height:200px;margin-top:10px}.reveal{text-align:center;pointer-events:none;z-index:16;place-content:center;display:none;position:fixed;inset:0}.reveal.show{display:grid}.reveal-kana{font-family:var(--font-kana);color:#fff8e0;text-shadow:0 0 30px #ffc85a,0 0 80px #ffa028e6;font-size:min(40vw,220px);line-height:1;animation:1.4s cubic-bezier(.2,1.3,.3,1) both kanaIn}@keyframes kanaIn{0%{opacity:0;filter:blur(20px);transform:scale(2)}}.reveal-text{letter-spacing:.1em;text-shadow:0 2px 10px #000,0 0 20px #ffbe50cc;margin-top:10px;font-size:22px;font-weight:900;animation:1s .8s both fadeUp}#result{background:radial-gradient(at 50% 40%,#28145059,#08061ad9);place-items:center;display:none;overflow-y:auto}#result.show{animation:.6s both fadeIn;display:grid}.result-panel{text-align:center;color:#4a2c12;filter:drop-shadow(0 12px 30px #0009);border:34px solid #0000;border-image:url(/assets/ui/panel_parchment.png) 90 fill/30px;width:min(94vw,460px);margin:20px 0;padding:20px 14px 18px;animation:.7s cubic-bezier(.2,1.3,.4,1) both popIn}.result-head{white-space:nowrap;margin-top:-14px;font-size:min(5vw,20px);font-weight:900}.result-sub{margin:6px 0 14px;font-size:14px}.words{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.word{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fffffff2,#d2ebffb3 50%,#a0beff59 75%);border-radius:50%;place-items:center;animation:.7s cubic-bezier(.2,1.6,.4,1) both bubbleIn;display:grid;position:relative;box-shadow:inset 0 0 18px #78a0ff99,0 6px 14px #3c1e0a4d}.word img{object-fit:contain;width:70%;height:70%}.word b{color:#3a2412;white-space:nowrap;background:#fff;border-radius:12px;padding:3px 12px;font-size:15px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000004d}.word.miss{background:radial-gradient(circle,#785a3c40,#785a3c1a);box-shadow:inset 0 0 12px #5032144d}.word.miss span{color:#a07850;font-size:34px}@keyframes bubbleIn{0%{transform:scale(0)}}.result-actions{flex-direction:column;align-items:center;gap:10px;margin-top:22px;display:flex}.result-actions .btn-wood{min-width:200px;height:54px;font-size:16px}#menu{-webkit-backdrop-filter:blur(4px);z-index:30;background:#08061ab3;place-items:center;display:none}#menu.show{display:grid}.menu-panel{flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.menu-title{letter-spacing:.2em;color:var(--gold2);margin-bottom:6px;font-size:22px;font-weight:900}.menu-panel .btn-wood{min-width:240px}#m-resume{margin-top:10px}.fade{opacity:0;pointer-events:none;z-index:40;background:#fff8e8;transition:opacity .6s;position:fixed;inset:0}.fade.dark{background:#0d0b24}.devtag{top:calc(10px + var(--safe-t));z-index:5;color:#fff;background:#ff3d7f;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:900;display:none;position:absolute;right:10px}body.dev .devtag{display:block}.cat .devtag{top:-8px;left:60px;right:auto}#devtags{pointer-events:none;z-index:12;position:fixed;inset:0}.wtag{color:#fff;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:900;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 6px #00000080}.wtag.k3d{background:#ff3d7f}.wtag.kvideo{background:#2d8cff}@media (aspect-ratio>=4/3){.cat{width:520px;left:50%;right:auto;transform:translate(-50%)translateY(-12px)}.cat.show{transform:translate(-50%)}}#stage-load{z-index:35;background:#0d0b24;display:none;position:fixed;inset:0;overflow:hidden}#stage-load.show{animation:.5s both slIn;display:block}#stage-load.out{animation:.7s forwards slOut}@keyframes slIn{0%{opacity:0}}@keyframes slOut{to{opacity:0;filter:blur(6px)brightness(1.6);transform:scale(1.06)}}.sl-bg{filter:blur(5px)saturate(1.2)brightness(.55);background:50%/cover no-repeat;animation:12s ease-out both slZoom;position:absolute;inset:-4%}@keyframes slZoom{0%{transform:scale(1.12)}to{transform:scale(1)}}.sl-veil{background:radial-gradient(at 50% 42%,#140e3c1a,#0a081ebf 70%),linear-gradient(#0a081e80,#0000 30% 60%,#080618eb);position:absolute;inset:0}#stage-load[data-theme=moon] .sl-veil{background:radial-gradient(at 50% 42%,#1e50a01f,#060c24cc 70%),linear-gradient(#060a1e80,#0000 30% 60%,#040818f0)}.sl-motes i{opacity:0;background:#ffe2a0;border-radius:50%;width:6px;height:6px;animation:5s linear infinite mote;position:absolute;bottom:-10px;box-shadow:0 0 10px 3px #ffc86eb3}#stage-load[data-theme=moon] .sl-motes i{background:#bff4ff;box-shadow:0 0 10px 3px #78dcffb3}.sl-motes i:first-child{animation-delay:0s;left:8%}.sl-motes i:nth-child(2){animation-duration:6s;animation-delay:1.2s;left:18%}.sl-motes i:nth-child(3){animation-delay:.5s;left:30%}.sl-motes i:nth-child(4){animation-duration:7s;animation-delay:2.4s;left:42%}.sl-motes i:nth-child(5){animation-delay:1.8s;left:55%}.sl-motes i:nth-child(6){animation-duration:6.5s;animation-delay:.3s;left:64%}.sl-motes i:nth-child(7){animation-delay:3s;left:74%}.sl-motes i:nth-child(8){animation-duration:5.5s;animation-delay:1s;left:83%}.sl-motes i:nth-child(9){animation-delay:2s;left:92%}.sl-motes i:nth-child(10){animation-duration:8s;animation-delay:3.6s;left:48%}@keyframes mote{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(24px,-95vh)scale(1.1)}}.sl-center{width:190px;height:190px;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.sl-enso{filter:drop-shadow(0 0 12px #ffbe5acc);width:100%;height:100%;animation:9s linear infinite ensoSpin;position:absolute;inset:0}.sl-stroke{fill:none;stroke:url(#slg);stroke-width:9px;stroke-linecap:round;stroke-dasharray:560;stroke-dashoffset:560px;animation:2.4s cubic-bezier(.6,.05,.3,1) infinite ensoDraw}@keyframes ensoDraw{0%{stroke-dashoffset:560px;stroke-width:12px;opacity:1}60%{stroke-dashoffset:0;stroke-width:7px;opacity:1}85%{opacity:1}to{stroke-dashoffset:0;stroke-width:5px;opacity:0}}@keyframes ensoSpin{to{transform:rotate(360deg)}}.sl-tile{width:96px;height:96px;font-family:var(--font-kana);color:#9a6a2a;text-shadow:0 1px #fff8;filter:drop-shadow(0 6px 14px #0009);background:url(/assets/ui/tile_stone.png) 50%/100% 100%;place-items:center;font-size:52px;animation:2.4s ease-in-out infinite tileFloat;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tileFloat{50%{filter:drop-shadow(0 12px 18px #00000080)drop-shadow(0 0 18px #ffc86eb3);transform:translate(-50%,-56%)rotate(-3deg)}}.sl-text{text-align:center;padding:0 16px;position:absolute;top:52%;left:0;right:0}.sl-no{letter-spacing:.5em;color:var(--gold2);opacity:0;font-size:12px;animation:.8s .2s both fadeUp}.sl-name{letter-spacing:.08em;white-space:nowrap;background:linear-gradient(#fffbe8,#ffe39a 55%,#f3a73f);color:#0000;filter:drop-shadow(0 2px #3a1a08)drop-shadow(0 0 16px #ffbe5a99);opacity:0;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:min(8vw,34px);font-weight:900;animation:1s cubic-bezier(.2,1,.3,1) .35s both slName}@keyframes slName{0%{opacity:0;letter-spacing:.5em;filter:blur(8px)}to{opacity:1}}.sl-sub{opacity:0;color:#f3e6ff;text-shadow:0 2px 6px #000;margin-top:8px;font-size:13px;animation:.8s .7s both fadeUp}.sl-foot{left:0;right:0;bottom:calc(40px + var(--safe-b));text-align:center;padding:0 24px;position:absolute}.sl-walk{width:min(78vw,300px);height:58px;margin:0 auto 10px;position:relative}.sl-walk img{filter:drop-shadow(0 4px 6px #00000080);width:52px;animation:2.4s linear infinite catWalk,.4s ease-in-out infinite alternate catHop;position:absolute;bottom:0}@keyframes catWalk{0%{left:-6%}to{left:88%}}@keyframes catHop{to{transform:translateY(-6px)rotate(-4deg)}}.paws{justify-content:space-around;display:flex;position:absolute;bottom:2px;left:0;right:0}.paws b{opacity:0;background:#ffdc96e6;border-radius:50%;width:10px;height:8px;animation:2.4s infinite paw;box-shadow:0 0 8px #ffc86ecc}.paws b:nth-child(2){animation-delay:.45s;transform:translateY(-5px)}.paws b:nth-child(3){animation-delay:.9s}.paws b:nth-child(4){animation-delay:1.35s;transform:translateY(-5px)}.paws b:nth-child(5){animation-delay:1.8s}@keyframes paw{0%,8%{opacity:0}12%{opacity:1}60%{opacity:.5}90%,to{opacity:0}}.sl-bar{background:#ffffff1f;border-radius:2px;width:min(70vw,260px);height:4px;margin:0 auto;overflow:hidden}.sl-bar i{background:linear-gradient(90deg,#c77a20,#ffe39a,#fff);width:0;height:100%;transition:width .5s cubic-bezier(.3,1,.4,1);display:block;box-shadow:0 0 10px #ffd278e6}.sl-tip{color:#efe4ff;opacity:.85;text-shadow:0 2px 6px #000;margin-top:14px;font-size:12.5px;line-height:1.6}.sl-tip:before{content:"TIPS";letter-spacing:.4em;color:var(--gold);margin-bottom:2px;font-size:10px;display:block}.ico-eye,.ico-person{background:currentColor;width:26px;height:26px;display:block}.ico-eye{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.7 9.2 1.5 12c1.2 2.8 5 7 10.5 7s9.3-4.2 10.5-7C21.3 9.2 17.5 5 12 5zm0 11.5A4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 0 1 0 9zm0-2.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.7 9.2 1.5 12c1.2 2.8 5 7 10.5 7s9.3-4.2 10.5-7C21.3 9.2 17.5 5 12 5zm0 11.5A4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 0 1 0 9zm0-2.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") 50%/contain no-repeat}.ico-person{display:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='3'/%3E%3Cpath d='M8 9h8l-1 6h-1.5l-.5 7h-2l-.5-7H9z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='3'/%3E%3Cpath d='M8 9h8l-1 6h-1.5l-.5 7h-2l-.5-7H9z'/%3E%3C/svg%3E") 50%/contain no-repeat}#btn-view.third .ico-eye{display:none}#btn-view.third .ico-person{display:block}.loc-label{left:50%;top:calc(132px + var(--safe-t));color:var(--gold2);letter-spacing:.08em;white-space:nowrap;opacity:0;background:linear-gradient(#281e60c7,#120e32c7);border:1.5px solid #f6c76cb3;border-radius:16px;padding:5px 16px;font-size:13px;font-weight:700;transition:opacity .35s,transform .35s;position:absolute;transform:translate(-50%,-6px);box-shadow:0 4px 12px #00000059;pointer-events:none!important}.loc-label.show{opacity:1;transform:translate(-50%)}
