@import"https://fonts.googleapis.com/css2?family=Yomogi&family=Kiwi+Maru:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#app{width:100%;height:100%;overflow:hidden;background:#000;font-family:Yomogi,Kiwi Maru,Hiragino Kaku Gothic ProN,sans-serif;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none}.hidden{display:none!important}.stage{position:relative;width:100%;height:100%;cursor:pointer}.bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity .6s ease;will-change:opacity}.scene-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transform:translate(var(--scene-x, 0),var(--scene-y, 0)) scale(var(--scene-scale, 1));transform-origin:center;transition:opacity .6s ease,transform .2s ease;pointer-events:none}.scene-art.visible{opacity:var(--scene-opacity, 1)}.bg[data-bg=room-night]{background:radial-gradient(circle at 72% 38%,rgba(153,184,214,.16),transparent 19%),linear-gradient(145deg,#111820,#080b10 58%,#030406)}.bg[data-bg=stream-live]{background:linear-gradient(90deg,transparent 72%,rgba(184,211,229,.08) 72% 72.2%,transparent 72.2%),linear-gradient(0deg,transparent 18%,rgba(184,211,229,.08) 18% 18.25%,transparent 18.25%),radial-gradient(circle at 38% 42%,rgba(177,208,226,.18),transparent 30%),#080d13}.bg[data-bg=stream-final]{background:radial-gradient(circle at 35% 40%,rgba(177,208,226,.2),transparent 28%),radial-gradient(circle at 72% 43%,rgba(184,164,206,.14),transparent 24%),linear-gradient(145deg,#101923,#070a0e 68%)}.bg[data-bg=void]{background:radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.98),rgba(221,231,236,.8) 20%,transparent 55%),linear-gradient(#eef2f2,#bac9d0 55%,#667987)}.bg[data-bg=notebook]{background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(50,67,77,.1) 31px 32px),linear-gradient(100deg,#ddd8ca,#f5f1e7 50%,#d5d0c3)}.mode-dream .bg{filter:grayscale(1) brightness(1.14) contrast(.88) url(#wobble)}.mode-reality .bg{filter:grayscale(1) brightness(.82) contrast(1.05) url(#wobble)}.ripple{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.05) 42px 46px);animation:rippleDrift 9s linear infinite;filter:url(#wobble-strong)}.mode-dream .ripple{opacity:1;background:repeating-linear-gradient(0deg,transparent 0 42px,rgba(0,0,0,.045) 42px 46px)}@keyframes rippleDrift{0%{transform:translateY(0) skew(-2deg)}to{transform:translateY(46px) skew(2deg)}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 22vmin #000c}.mode-dream .vignette{box-shadow:inset 0 0 30vmin #00000059}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}.sprites{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:hidden}.sprite{position:absolute;top:var(--admin-y, -9vh);height:calc(142vh * var(--admin-scale, 1));width:auto;opacity:0;filter:grayscale(.28) brightness(.62) saturate(.72);transform:translateY(2.5vh) scale(.985);transform-origin:bottom center;transition:opacity .42s ease,filter .32s ease,transform .42s ease;will-change:opacity,filter,transform}.sprite.visible{opacity:calc(var(--admin-opacity, .96) * .6);transform:translateY(0) scale(1)}.sprite.active{opacity:var(--admin-opacity, .96);filter:grayscale(.08) brightness(.9) saturate(.88);transform:translateY(-.6vh) scale(1.012)}.sprite-nontan{left:var(--admin-x, -9vw)}.sprite-hayate{right:var(--admin-x, -9vw)}.mode-dream .sprite{mix-blend-mode:multiply}.mode-dream .sprite.active{filter:grayscale(.12) brightness(1.03) saturate(.75)}.mode-reality .sprite{filter:grayscale(.45) brightness(.58) saturate(.6)}.mode-reality .sprite.active{filter:grayscale(.22) brightness(.8) saturate(.75)}@media(max-aspect-ratio:4 / 5){.sprite.visible:not(.active){opacity:.32}}@media(prefers-reduced-motion:reduce){.sprite{transition-duration:0ms}}.shake{animation:shakeAnim .4s ease}@keyframes shakeAnim{0%,to{transform:translate(0)}20%{transform:translate(-8px,4px) rotate(-.4deg)}40%{transform:translate(7px,-5px) rotate(.3deg)}60%{transform:translate(-5px,-3px)}80%{transform:translate(4px,4px) rotate(.2deg)}}.msgbox{position:absolute;left:50%;bottom:4vh;transform:translate(-50%) rotate(-.3deg);width:min(88%,960px);min-height:22vh;padding:3vh 3.2vw 3.2vh;z-index:10;filter:url(#wobble);border-radius:2px 18px 3px 22px/20px 3px 24px 4px;transition:background .8s ease,color .8s ease}.mode-reality .msgbox{background:repeating-linear-gradient(0deg,transparent 0 1.85em,rgba(255,255,255,.06) 1.85em calc(1.85em + 1px)),#080808e0;border:2px solid rgba(255,255,255,.45);color:#f0f0f0;box-shadow:4px 5px #ffffff14}.mode-dream .msgbox{background:repeating-linear-gradient(0deg,transparent 0 1.85em,rgba(0,0,0,.1) 1.85em calc(1.85em + 1px)),#fbfaf5;border:2.5px solid #141414;color:#141414;box-shadow:5px 6px #00000038}.namebox{position:absolute;top:-1.1em;left:2vw;padding:.1em 1.2em .25em;font-weight:700;font-size:clamp(15px,2.1vh,21px);letter-spacing:.18em;border-radius:14px 3px 16px 4px/4px 16px 3px 14px;transform:rotate(-1.2deg)}.mode-reality .namebox{background:#141414;border:2px solid rgba(255,255,255,.55);color:#f0f0f0}.mode-dream .namebox{background:#141414;color:#fbfaf5;border:2.5px solid #141414}.namebox[data-who=hayate]{letter-spacing:.28em;transform:rotate(.8deg)}.namebox[data-who=shadow]{background:#000;color:#666;border:2px dashed #444;letter-spacing:.4em;transform:rotate(-2.2deg)}.mode-dream .namebox[data-who=shadow]{background:#000;color:#888;border-color:#333}.text{font-size:clamp(17px,2.6vh,25px);line-height:1.85;letter-spacing:.06em;white-space:pre-wrap}.msgbox.narration .text{opacity:.9}.msgbox.monologue .text:before{content:"（"}.msgbox.monologue .text:after{content:"）"}.next-mark{position:absolute;right:2vw;bottom:1.2vh;font-size:1.8vh;animation:bob .9s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-6deg);opacity:.9}50%{transform:translateY(5px) rotate(3deg);opacity:.4}}.choices{position:absolute;left:50%;bottom:31vh;transform:translate(-50%);display:flex;flex-direction:column;gap:1.8vh;width:min(80%,760px);z-index:20}.choices button{padding:1.8vh 2.2vw;font-size:clamp(15px,2.3vh,21px);letter-spacing:.06em;text-align:left;cursor:pointer;font-family:inherit;border-radius:3px 16px 4px 18px/16px 4px 18px 3px;filter:url(#wobble);transition:transform .14s ease,background .2s ease,color .2s ease}.choices button:nth-child(odd){transform:rotate(-.5deg)}.choices button:nth-child(2n){transform:rotate(.6deg)}.mode-reality .choices button{background:#0e0e0ef0;border:2px solid rgba(255,255,255,.5);color:#ececec;box-shadow:3px 4px #ffffff14}.mode-dream .choices button{background:#fbfaf5;border:2.5px solid #141414;color:#141414;box-shadow:3px 4px #00000038}.choices button:hover{transform:translate(10px) rotate(0) scale(1.01)}.mode-reality .choices button:hover{background:#e8e8e8;color:#101010}.mode-dream .choices button:hover{background:#141414;color:#fbfaf5}.title-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:30;background:#0000008c;color:#fff;font-size:clamp(24px,5vh,46px);letter-spacing:.32em;animation:cardFade 2.6s ease both;pointer-events:none;text-shadow:2px 3px 0 rgba(255,255,255,.15)}.mode-dream .title-card{background:#ffffffb8;color:#141414;text-shadow:2px 2px 0 rgba(0,0,0,.12)}@keyframes cardFade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.toolbar{position:absolute;top:1.4vh;right:1vw;display:flex;gap:.5vw;z-index:40}.toolbar button{padding:.4em .8em .55em;font-size:clamp(11px,1.6vh,15px);font-family:inherit;background:#101010a6;border:2px solid rgba(255,255,255,.4);color:#d8d8d8;cursor:pointer;border-radius:12px 3px 13px 4px/4px 13px 3px 12px;letter-spacing:.12em;transform:rotate(-.4deg)}.toolbar button:nth-child(2n){transform:rotate(.5deg)}.mode-dream .toolbar button{background:#fbfaf5d9;border-color:#141414;color:#141414}.toolbar button.on{background:#e8e8e8;color:#101010}.mode-dream .toolbar button.on{background:#141414;color:#fbfaf5}.config-panel{position:absolute;top:6.5vh;right:1vw;padding:1.6vh 1.5vw;background:#0e0e0ef0;border:2px solid rgba(255,255,255,.4);border-radius:14px 4px 15px 5px/5px 15px 4px 14px;color:#ececec;z-index:41;font-size:1.7vh;transform:rotate(.4deg)}.admin-panel{position:absolute;top:7vh;right:1vw;z-index:65;width:min(92vw,340px);padding:16px;display:grid;gap:11px;color:#eee;background:#05080cf0;border:1px solid rgba(255,255,255,.35);border-radius:10px;box-shadow:0 14px 40px #0000008c;font:13px/1.4 system-ui,sans-serif;cursor:default}.admin-title{font-size:15px;font-weight:700;letter-spacing:.08em}.admin-title small{opacity:.55;font-weight:400}.admin-panel label{display:grid;grid-template-columns:4.5em 1fr 3.8em;gap:8px;align-items:center}.admin-panel select{grid-column:2 / 4}.admin-panel input,.admin-panel select{width:100%}.admin-panel output{text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.admin-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.admin-actions button{padding:6px 12px;color:#eee;background:#17202b;border:1px solid #526170;border-radius:6px;cursor:pointer}.backlog-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:repeating-linear-gradient(0deg,transparent 0 2em,rgba(255,255,255,.05) 2em calc(2em + 1px)),#060606f5;color:#e8e8e8;padding:6vh 8vw;overflow:hidden;display:flex;flex-direction:column}.backlog-inner{flex:1;overflow-y:auto;font-size:clamp(14px,2.1vh,20px);line-height:2}.backlog-inner p{margin-bottom:.6em}.bl-who{display:inline-block;min-width:5em;color:#a8a8a8;font-weight:700;margin-right:1em}.backlog-hint{text-align:center;opacity:.5;font-size:1.6vh;padding-top:1vh;letter-spacing:.2em}.ending-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000e6}.ending-inner{text-align:center;color:#fff;animation:endFade 3s ease both}.ending-title{font-size:clamp(28px,6.5vh,60px);letter-spacing:.35em;margin-bottom:2vh;text-shadow:3px 4px 0 rgba(255,255,255,.18)}.ending-id{font-size:1.9vh;letter-spacing:.5em;opacity:.5;margin-bottom:6vh}.ending-buttons button{padding:.9em 2.5em 1.05em;font-family:inherit;font-size:2.1vh;letter-spacing:.25em;background:transparent;color:#e0e0e0;border:2px solid rgba(255,255,255,.55);border-radius:16px 4px 17px 5px/5px 17px 4px 16px;cursor:pointer}.ending-buttons button:hover{background:#e8e8e8;color:#101010}@keyframes endFade{0%{opacity:0;transform:translateY(20px) rotate(.6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.toast{position:absolute;top:7vh;left:50%;transform:translate(-50%) rotate(-.8deg);padding:.7em 2em .85em;background:#fbfaf5;border:2.5px solid #141414;box-shadow:3px 4px #0006;color:#141414;border-radius:3px 14px 4px 15px/14px 4px 15px 3px;z-index:70;font-size:1.8vh;animation:toastFade 1.5s ease both}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-10px) rotate(-.8deg)}15%{opacity:1;transform:translate(-50%) rotate(-.8deg)}80%{opacity:1}to{opacity:0}}.title-screen{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 120%,#1c1c1c,#050505 65%);overflow:hidden}.title-water{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:repeating-linear-gradient(0deg,transparent 0 56px,rgba(255,255,255,.05) 56px 60px);animation:rippleDrift 12s linear infinite;filter:url(#wobble-strong)}.title-inner{position:relative;text-align:center;color:#ececec}.game-title{font-size:clamp(38px,9vh,80px);letter-spacing:.22em;font-weight:400;margin-bottom:1vh;text-shadow:3px 4px 0 rgba(255,255,255,.14);transform:rotate(-.8deg);filter:url(#wobble)}.title-sub{display:block;font-size:clamp(14px,2.4vh,22px);letter-spacing:.55em;opacity:.65;margin-top:2vh}.title-menu{display:flex;flex-direction:column;gap:2.2vh;margin:7vh auto 0;width:min(70vw,340px)}.title-menu button{padding:1.5vh 2em 1.7vh;font-family:inherit;font-size:clamp(15px,2.3vh,21px);letter-spacing:.32em;background:#1010108c;color:#e0e0e0;border:2px solid rgba(255,255,255,.45);border-radius:4px 18px 5px 19px/18px 5px 19px 4px;cursor:pointer;transform:rotate(-.5deg);filter:url(#wobble);transition:background .2s ease,letter-spacing .2s ease,transform .16s ease,color .2s ease}.title-menu button:nth-child(2n){transform:rotate(.6deg)}.title-menu button:hover:not(:disabled){background:#e8e8e8;color:#101010;letter-spacing:.42em;transform:rotate(0) scale(1.02)}.title-menu button:disabled{opacity:.3;cursor:default}.title-note{margin-top:6vh;font-size:clamp(11px,1.7vh,15px);letter-spacing:.22em;opacity:.5;transform:rotate(-.4deg)}.doodles,.title-doodles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.doodle{position:absolute;color:#ffffff59;font-size:2.2vh;opacity:0;animation:floatUp 14s ease-in-out infinite;filter:url(#wobble)}.mode-dream .doodle{color:#0000004d;opacity:1}.mode-reality .doodle{opacity:.55}.d1{left:12%;bottom:-4vh;animation-delay:0s;font-size:1.6vh}.d2{left:28%;bottom:-4vh;animation-delay:4s;font-size:2.6vh}.d3{left:45%;bottom:auto;top:-4vh;animation:twinkle 5s ease-in-out infinite;animation-delay:1s}.d4{left:60%;bottom:-4vh;animation-delay:8s;font-size:1.9vh}.d5{left:74%;bottom:auto;top:-4vh;animation:twinkle 7s ease-in-out infinite;animation-delay:3s;font-size:3vh}.d6{left:85%;bottom:-4vh;animation-delay:2s;font-size:2.2vh}.d7{left:20%;bottom:auto;top:-4vh;animation:twinkle 6s ease-in-out infinite;animation-delay:5s}.d8{left:50%;bottom:-4vh;animation-delay:10s;font-size:3.2vh}.d9{left:66%;bottom:-4vh;animation-delay:6s;font-size:1.4vh}.d10{left:90%;bottom:auto;top:-4vh;animation:twinkle 8s ease-in-out infinite;animation-delay:2.5s}@keyframes floatUp{0%{transform:translateY(0) rotate(-4deg);opacity:0}12%{opacity:.8}85%{opacity:.5}to{transform:translateY(-108vh) rotate(5deg);opacity:0}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.85) rotate(-3deg)}50%{opacity:.75;transform:scale(1.08) rotate(3deg)}}.mode-badge{position:absolute;top:1.6vh;left:1.2vw;z-index:40;padding:.35em 1.1em .5em;font-size:clamp(11px,1.7vh,16px);letter-spacing:.25em;border-radius:3px 13px 4px 14px/13px 4px 14px 3px;transform:rotate(-.9deg);filter:url(#wobble)}.mode-reality .mode-badge{background:#0e0e0eb3;border:2px solid rgba(255,255,255,.45);color:#dcdcdc}.mode-dream .mode-badge{background:#fbfaf5d9;border:2.5px solid #141414;color:#141414}.frag-hud{position:absolute;top:7vh;left:1.2vw;z-index:40;padding:.3em 1em .45em;font-size:clamp(11px,1.7vh,16px);letter-spacing:.3em;background:#fbfaf5cc;border:2.5px solid #141414;color:#141414;border-radius:12px 3px 13px 4px/4px 13px 3px 12px;transform:rotate(.7deg);filter:url(#wobble);animation:hudPop .5s ease}@keyframes hudPop{0%{transform:rotate(.7deg) scale(.7);opacity:0}60%{transform:rotate(-.5deg) scale(1.08);opacity:1}to{transform:rotate(.7deg) scale(1)}}.tape{position:absolute;top:-1.4vh;width:7vw;min-width:64px;height:2.6vh;opacity:.75;background:repeating-linear-gradient(45deg,#ffffff59 0,#ffffff59 6px,#ffffff2e 6px,#ffffff2e 12px);border-left:1px dashed rgba(0,0,0,.25);border-right:1px dashed rgba(0,0,0,.25)}.tape-l{left:8%;transform:rotate(-4deg)}.tape-r{right:8%;transform:rotate(3deg)}.mode-dream .tape{background:repeating-linear-gradient(45deg,#00000024 0,#00000024 6px,#00000012 6px,#00000012 12px)}.text .em{font-weight:700;text-decoration:underline wavy currentColor 1px;text-underline-offset:.35em}.text .dash{letter-spacing:-.1em;opacity:.85}.slot-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-.4deg);z-index:55;width:min(86%,560px);padding:3vh 3vw;background:#fbfaf5;border:3px solid #141414;border-radius:4px 20px 5px 22px/20px 5px 22px 4px;box-shadow:7px 9px #0006;filter:url(#wobble);color:#141414}.slot-title{text-align:center;font-size:clamp(15px,2.4vh,22px);letter-spacing:.3em;margin-bottom:2.5vh}.slots{display:flex;flex-direction:column;gap:1.4vh}.slot{display:flex;align-items:center;gap:1.4vw;padding:1.4vh 1.6vw;font-family:inherit;font-size:clamp(14px,2vh,19px);background:#fff;border:2px solid #141414;border-radius:3px 14px 4px 15px/14px 4px 15px 3px;cursor:pointer;text-align:left;color:#141414;transition:transform .14s ease,background .16s ease}.slot:hover{transform:translate(8px) rotate(-.4deg);background:#141414;color:#fbfaf5}.slot-no{font-size:1.5em;border:2px solid currentColor;border-radius:50% 46% 52% 48%/48% 52% 46% 50%;width:1.9em;height:1.9em;display:grid;place-items:center;flex-shrink:0}.slot-empty{opacity:.45;letter-spacing:.3em}.slot-date{font-size:.8em;opacity:.6}.slot-close{display:block;margin:2.4vh auto 0;padding:.5em 2em .65em;font-family:inherit;font-size:clamp(13px,1.9vh,17px);letter-spacing:.25em;background:transparent;border:2px solid #141414;border-radius:12px 3px 13px 4px/4px 13px 3px 12px;cursor:pointer;color:#141414}.slot-close:hover{background:#141414;color:#fbfaf5}.ending-frame{border:2px solid rgba(255,255,255,.4);outline:2px solid rgba(255,255,255,.18);outline-offset:8px;border-radius:4px 22px 5px 24px/22px 5px 24px 4px;padding:6vh 6vw;filter:url(#wobble)}.ending-count{font-size:1.8vh;letter-spacing:.4em;opacity:.65;margin-bottom:4vh}.memory-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050505eb;color:#ececec}.memory-title{font-size:clamp(18px,3.2vh,30px);letter-spacing:.4em;margin-bottom:5vh}.memory-list{display:flex;flex-direction:column;gap:2.4vh;width:min(80vw,420px)}.memory-item{display:flex;align-items:center;gap:1.2vw;padding:1.8vh 2vw;border:2px solid rgba(255,255,255,.5);border-radius:3px 15px 4px 16px/15px 4px 16px 3px;font-size:clamp(15px,2.4vh,22px);letter-spacing:.25em;transform:rotate(-.4deg);filter:url(#wobble)}.memory-item:nth-child(2n){transform:rotate(.5deg)}.memory-item.locked{opacity:.35}.mem-mark{border:2px solid currentColor;border-radius:50% 46% 52% 48%/48% 52% 46% 50%;width:1.8em;height:1.8em;display:grid;place-items:center;flex-shrink:0}.memory-close{margin-top:5vh;padding:.6em 2.4em .75em;font-family:inherit;font-size:clamp(13px,2vh,18px);letter-spacing:.3em;background:transparent;border:2px solid rgba(255,255,255,.55);border-radius:13px 3px 14px 4px/4px 14px 3px 13px;color:#e0e0e0;cursor:pointer}.memory-close:hover{background:#e8e8e8;color:#101010}.mem-count{font-size:.75em;opacity:.6;letter-spacing:.1em}.title-wave{display:block;width:min(60vw,300px);margin:2.5vh auto 0;color:#ececec99;filter:url(#wobble)}.title-keys{margin-top:3vh;font-size:clamp(10px,1.4vh,13px);letter-spacing:.18em;opacity:.35}.config-panel{display:flex;flex-direction:column;gap:1.2vh}.config-panel label{display:flex;align-items:center;gap:1vw;letter-spacing:.15em;white-space:nowrap}.config-panel input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12vw;min-width:110px;height:2px;background:#fff6;border-radius:2px;cursor:pointer}.config-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fbfaf5;border:2px solid #141414;border-radius:50% 46% 52% 48%/48% 52% 46% 50%}@media(max-width:768px){.toolbar{top:calc(.8vh + env(safe-area-inset-top));right:.6vw;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.toolbar button{padding:.45em .7em .55em;font-size:12px}.mode-badge{top:calc(1vh + env(safe-area-inset-top));left:2vw;font-size:11px}.frag-hud{top:calc(5.5vh + env(safe-area-inset-top));left:2vw;font-size:11px}.msgbox{width:94%;bottom:calc(1.5vh + env(safe-area-inset-bottom));min-height:24vh;padding:2.4vh 5vw 3vh}.text{font-size:clamp(15px,4.2vw,19px);line-height:1.8}.namebox{left:5vw;font-size:14px}.choices{width:92%;bottom:30vh;gap:1.4vh}.choices button{padding:1.6vh 4.5vw;font-size:clamp(14px,3.9vw,17px)}.tape{display:none}.title-menu{width:82vw;gap:1.8vh;margin-top:5vh}.game-title{letter-spacing:.14em}.slot-panel{width:92%;padding:2.4vh 4vw}.backlog-view{padding:5vh 5vw}.backlog-inner{font-size:14px}.config-panel{right:2vw;max-width:88vw}.config-panel input[type=range]{width:38vw}.ending-frame{padding:5vh 7vw}.memory-list{width:88vw}.doodle{font-size:1.6vh}.d5,.d9,.d10{display:none}}@media(max-height:480px)and (orientation:landscape){.msgbox{min-height:34vh;bottom:calc(1vh + env(safe-area-inset-bottom))}.text{font-size:clamp(13px,2.2vh,17px);line-height:1.65}.choices{bottom:40vh;gap:1vh}.choices button{padding:1vh 2vw}.toolbar button{font-size:11px;padding:.35em .6em .45em}}