html,body{color:#4a3a1a;background:#efe2ad;height:100%;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif CJK JP,serif;overflow:hidden}#wrap{background:linear-gradient(#f4ecc9 0%,#efe0a6 55%,#ead79a 100%);width:100vw;height:100vh;position:relative}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#panel{background:#faf4dceb;border:1px solid #b89c5a;min-width:210px;padding:10px 14px;font-size:12px;line-height:1.7;position:absolute;top:14px;right:14px}#panel label{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}#panel input[type=range]{width:110px}#panel b{text-align:right;min-width:36px;font-weight:400}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lab{writing-mode:vertical-rl;letter-spacing:.06em;white-space:nowrap;border-radius:2px;padding:5px 3px 6px;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif CJK JP,Noto Serif JP,Source Han Serif JP,serif;line-height:1;position:absolute;transform:translate(-50%,-100%);box-shadow:0 1px #5a3c1459}.lab:after{content:"";background:#5a3c148c;width:1px;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.st{color:#fdf6e3;background:#c8352a;border:1px solid #8d2118;font-size:12px}.st.maj{padding:6px 4px 7px;font-size:14px}.pk{color:#3b2f18;background:#fbf3d8;border:1px solid #9a8455;font-size:11px}#toggle{cursor:pointer;background:#faf4dceb;border:1px solid #b89c5a;padding:4px 10px;font-size:12px;position:absolute;bottom:14px;right:14px}html:has(body.band){height:auto;overflow:hidden auto}body.band{height:auto;overflow:visible}body.band #wrap{position:sticky;top:0}body.band #panel,body.band #toggle{position:fixed}