html,body{color:#4a3a1a;background:#f4f0e6;height:100%;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif CJK JP,serif;overflow:hidden}#stage{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;height:100vh;padding:24px 20px 24px 24px;display:grid;position:relative}#frame{background:linear-gradient(#f4ecc9 0%,#efe0a6 55%,#ead79a 100%);border:1.5px solid #211b14;height:calc(100vh - 48px);position:relative;overflow:hidden}#title{writing-mode:vertical-rl;letter-spacing:.18em;white-space:nowrap;color:#1f160c;background:#d9432c;border:3px solid #efd35a;outline:1px solid #6b3a1c;margin:0;padding:14px 7px;font-family:Kiwi Maru,Hiragino Mincho ProN,Yu Mincho,Noto Serif CJK JP,serif;font-size:22px;font-weight:500;line-height:1}@media (orientation:portrait){#stage{height:100svh;padding:calc(14px + env(safe-area-inset-top)) 12px 0 24px;gap:8px}#frame{height:calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100svh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#title{border-width:2px;padding:10px 5px;font-size:15px}}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:Kiwi Maru,Hiragino Mincho ProN,Yu Mincho,Noto Serif CJK JP,Noto Serif JP,Source Han Serif JP,serif;font-weight:500;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:#5b7a8f;border:1px solid #2f4650;border-radius:999px;padding:4px 3px;font-size:12px;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #f4efe0,0 1px 0 1.5px #5a3c1459}.st.maj{padding:5px 4px;font-size:14px}.st:after{display:none}.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}body.band #frame{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}body.band #frame.dragging{cursor:grabbing}body.bare #stage{padding:0;display:block}body.bare #frame{border:0;height:100vh}body.bare #title{display:none}