@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');
:root{--portrait-height:min(480px,calc(100svh - 265px));--anime-font:'M PLUS Rounded 1c','Hiragino Maru Gothic ProN','Yu Gothic',sans-serif}
body,button,input,select,textarea,dialog,body h1,body h2,body h3,body strong,body small,body .dialogue #event-body,body .dialogue h2{font-family:var(--anime-font)!important}
.anime-sprite{display:block;max-width:none;position:relative;overflow:hidden}.anime-sprite svg{display:block;width:100%;height:100%;position:static}.anime-sprite image{pointer-events:none}
body[data-mode] .standing,body[data-mode] .standing.companion,body[data-mode] .standing:has(.anime-sprite){height:var(--portrait-height)!important;width:calc(var(--portrait-height)*var(--portrait-ratio))!important;max-width:none!important;bottom:175px!important;transform:translateX(-50%);filter:drop-shadow(0 7px 0 #ffffff45) drop-shadow(0 8px 10px #2e435037)}
body[data-mode] .standing:not(.companion){left:17%!important}body[data-mode] .standing.companion{left:83%!important}
.standing>.anime-sprite{height:100%;width:100%;aspect-ratio:auto!important;mask-image:linear-gradient(#000 94%,transparent)}
#scene{background:none!important}#scene::after{background:linear-gradient(180deg,#96e5ff0d,transparent 45%,#71b6cb12)}.anime-scenery{position:absolute;inset:0;overflow:hidden;animation:scene-pop .3s ease-out}.anime-scenery>svg{height:100%;width:100%;display:block}.world{background:#c9e9f3}
#hud-person,#hud-condition,#hud-goal,.hud-tools button{background:#fffdf6f5;border:2px solid #fff;box-shadow:0 4px 0 #71a5a143,0 8px 20px #3d7f8b1a}#hud-person strong{font-weight:800;color:#477c80}#hud-person small{color:#7fa0a0}.hud-avatar{background:#c4eeeb;border:2px solid #fff}.hud-avatar>.anime-sprite{height:75px;width:60px;left:-7px;top:-1px;aspect-ratio:auto!important}.hud-tools button{color:#64a69d;border-radius:16px}.hud-tools span{font-weight:700}.mini-meter{color:#65a295}.mini-meter b{background:#77c9b2}.mini-meter.stress{color:#bc9a71}.mini-meter.stress b{background:#e4ba86}
.dialogue{background:#fffdf5f7;border:3px solid #fff;border-radius:19px;box-shadow:0 6px 0 #80b9ba55,0 12px 25px #224b5d24}.dialogue-speaker{background:#73b8b0;border:3px solid #fff;border-radius:12px;font-weight:800;font-size:13px;padding:4px 23px;box-shadow:0 3px 0 #559d9b40}.dialogue h2{color:#89a4a0;font-size:11px;font-weight:700}.dialogue #event-body{font-size:16px;font-weight:500;color:#496674;line-height:1.85}#compact-next{border:2px solid #a6d7cc;background:#ddf4e8;color:#5e978b;font-size:13px;font-weight:800;border-radius:12px;box-shadow:0 3px 0 #b7ded0}#compact-next:hover{background:#c9eee0}.speech-dots i{background:#c0ddd6}.speech-dots i.active{background:#74b5a4}
.action-panel{border:3px solid #fff;border-radius:19px;background:#fffdf5f7;box-shadow:0 6px 0 #80b9ba55,0 12px 25px #224b5d24}.activity-choice{border:2px solid #d0e8dd;border-radius:12px;background:#f5fcf3}.activity-choice:hover:not(:disabled){background:#def3de;border-color:#93cab0}.activity-choice strong{font-weight:800;color:#5c8b80}.schedule-slot{border:2px dashed #c2ded1;border-radius:11px;background:#f4fbf2}.schedule-slot.filled{border:2px solid #afd7bf;background:#e5f5df}.action-panel .primary{border:2px solid #69a99d;background:#7bbdae;color:white;font-weight:800;border-radius:12px;box-shadow:0 3px 0 #609c93}.action-panel .primary:disabled{background:#d3e8dc;border-color:#d3e8dc;color:#99b6a5;box-shadow:none}
body[data-mode="choice"] .choice{border:3px solid #fff;border-radius:17px;background:#fffdf5f5;box-shadow:0 5px 0 #7eb7b358,0 10px 25px #35667925;padding:18px 22px}body[data-mode="choice"] .choice strong{font-size:16px;font-weight:700;color:#5b8085}body[data-mode="choice"] .choice:hover:not(:disabled){background:#e8f9ee;border-color:#fff;transform:translateY(-3px)}.choice-number{background:#d8f0e5!important;color:#79aa9a!important;font-weight:800!important}.choice .arrow{color:#90bcb0!important}body[data-mode="choice"] .special-choice{background:#fff5dff7}.compact-deltas .delta{border-color:#c4e3d3;background:#eff9e8;color:#6f9b7e}.goal-dot.ready{background:#7dcdb4}
.compact-profile>.anime-sprite{height:240px;width:160px;aspect-ratio:auto!important}.compact-friend .anime-sprite{height:180px;width:150px;margin:auto;aspect-ratio:auto!important}.cast-profile .anime-sprite{height:260px;width:175px;aspect-ratio:auto!important}.chapter-review .anime-sprite{height:200px;width:140px;aspect-ratio:auto!important}.album-cell .anime-sprite{height:155px;width:100%;aspect-ratio:auto!important}.compact-menu button,.compact-menu a,.compact-stat-grid>div,.compact-friend{border:2px solid #d1e6db;border-radius:13px;background:#f1f9ed}.compact-menu button,.compact-menu a{font-weight:700;color:#6a9b8f}dialog{border:3px solid #fff;border-radius:20px;background:#fffdf4;box-shadow:0 8px 0 #70ada15c,0 18px 60px #285c6a33}dialog h2{color:#699d96;font-weight:800}.name-form{text-align:center;max-width:440px;margin:auto;position:relative}.name-flower{font-size:28px;color:#f0bf70;display:block}.name-form h2{font-size:25px;margin:3px 0 7px;letter-spacing:1px}.name-form>p{font-size:12px;color:#9aaca3;margin:0 0 10px}.name-preview{height:145px;display:flex;justify-content:center;margin:0 auto 8px;overflow:hidden;background:radial-gradient(ellipse at center,#d8f3ed 0,transparent 68%)}.name-preview .anime-sprite{height:145px;width:130px;aspect-ratio:auto!important}.name-form>label{text-align:left;display:block;font-size:12px;color:#7f9f95;font-weight:700;margin:12px 0 7px}.name-form input{display:block;box-sizing:border-box;width:100%;border:2px solid #c9e1d2;border-radius:13px;background:#f8fcf4;color:#538880;font-size:19px;font-weight:700;text-align:center;padding:11px 16px;outline:none}.name-form input:focus{border-color:#85bfb2;box-shadow:0 0 0 3px #c9ece0}.name-limit{display:block;text-align:right;font-size:10px;color:#a5b7ac;margin-top:5px}.name-form details{text-align:left;font-size:11px;color:#92a99b;margin-top:13px}.name-form summary{cursor:pointer}.friend-name-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.friend-name-fields label{font-size:9px;text-align:center;color:#84a396}.friend-name-fields input{font-size:14px;margin-top:6px;padding:8px}.name-form .primary{width:100%;border:2px solid #78b4a4;background:#87c4b1;color:white;border-radius:13px;box-shadow:0 4px 0 #6b9e93;margin:17px 0 9px;font-weight:800;font-size:14px;padding:13px}.naming-required #close{display:none}.name-form .primary:hover{background:#75b6a3}.name-form .name-preview~details summary{font-weight:700}@keyframes scene-pop{from{opacity:.7}to{opacity:1}}
@media(max-width:760px){:root{--portrait-height:min(315px,calc(100svh - 310px))}body[data-mode] .standing,body[data-mode] .standing.companion{bottom:155px!important}body[data-mode] .standing:not(.companion){left:18%!important}body[data-mode] .standing.companion{left:82%!important}body[data-mode="planning"] .standing,body[data-mode="planning"] .standing.companion{height:min(240px,calc(100svh - 465px))!important;width:calc(min(240px,calc(100svh - 465px))*var(--portrait-ratio))!important;bottom:365px!important}.dialogue{border-radius:16px;padding-top:17px}.dialogue #event-body{font-size:13px;line-height:1.85}.dialogue-speaker{font-size:11px;padding:4px 17px;border-radius:10px}.dialogue h2{font-size:10px}body[data-mode="choice"] .choice strong{font-size:14px}body[data-mode="choice"] .choice{padding:15px;border-radius:15px}#compact-next{font-size:11px;border-radius:10px;padding:5px 11px}.compact-profile>.anime-sprite{height:180px;width:110px}.compact-friend .anime-sprite{height:125px;width:100px}.cast-profile .anime-sprite{height:190px;width:120px}.chapter-review .anime-sprite{height:160px;width:100px}.album-cell .anime-sprite{height:130px}.name-form h2{font-size:22px}.name-preview,.name-preview .anime-sprite{height:120px}.name-form input{font-size:18px}.friend-name-fields{gap:7px}.friend-name-fields input{font-size:12px}.name-form .primary{font-size:13px}}
@media(max-height:580px) and (min-width:761px){:root{--portrait-height:calc(100svh - 230px)}body[data-mode] .standing,body[data-mode] .standing.companion{bottom:155px!important}.dialogue #event-body{font-size:13px;line-height:1.8}}
@media(max-width:760px) and (max-height:550px) and (orientation:landscape){:root{--portrait-height:calc(100svh - 210px)}body[data-mode] .standing,body[data-mode] .standing.companion{bottom:140px!important}body[data-mode="planning"] .standing,body[data-mode="planning"] .standing.companion{height:calc(100svh - 215px)!important;width:calc((100svh - 215px)*var(--portrait-ratio))!important;bottom:140px!important}.dialogue #event-body{font-size:12px;line-height:1.8}.name-preview{display:none}.name-form h2{font-size:20px}.name-form>p{font-size:10px}}
@media(max-width:760px) and (orientation:portrait){:root{--portrait-height:min(260px,calc(100svh - 310px))}}
.hud-avatar>.anime-sprite{top:-12px}