.sp-b{min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;flex:1;padding:0 16px;font-size:16px;font-weight:700}.sp-b.primary{color:#fff6e4;background:#5b3d29}.sp-b.secondary{color:#5b3d29;background:#fffbf3;box-shadow:inset 0 0 0 2px #5b3d29}.sp-b.danger{color:#8a3b22;background:#f3e9d6}.sp-b.wide{flex:none;width:100%}.sp-b:focus-visible,.sp-bb:focus-visible,.sp-x:focus-visible,.sp-mi:focus-visible,.sp-menu-btn:focus-visible,.sp-sound-btn:focus-visible,.sp-cam-btn:focus-visible,.sp-room:focus-visible,.sp-seg button:focus-visible,.sp-step:focus-visible,.sp-tabs button:focus-visible,.sp-range:focus-visible,.sp-busy-stage:focus-visible{outline-offset:2px;outline:3px solid #2f6fdb}.sp-row{gap:10px;display:flex}.sp-note{color:#6b5644;margin:0;font-size:13px;line-height:1.45}.sp-body{margin:0;font-size:15px;line-height:1.5}.sp-card{z-index:40;left:12px;right:12px;bottom:max(14px, env(safe-area-inset-bottom));color:#3a2c20;word-break:keep-all;background:#fffbf3;border-radius:26px;flex-direction:column;gap:12px;max-width:420px;margin:0 auto;padding:18px 18px 16px;animation:.28s ease-out sprise;display:flex;position:fixed;box-shadow:0 -4px 28px #321e0a38}.sp-card h2{margin:0;font-size:19px;line-height:1.35}.sp-card.out{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(20px)}.sp-steps{margin:0;padding-left:22px;font-size:15px;line-height:1.6}.sp-status:empty{display:none}.sp-arrow{z-index:41;top:max(6px, env(safe-area-inset-top));filter:drop-shadow(0 1px 3px #00000073);pointer-events:none;position:fixed;right:18px}@keyframes sprise{0%{opacity:0;transform:translateY(24px)}}.sp-bands{z-index:14;left:50%;top:max(60px, calc(env(safe-area-inset-top) + 58px));pointer-events:none;flex-direction:column;gap:6px;width:min(480px,100vw - 20px);display:flex;position:fixed;transform:translate(-50%)}body:not(.touch) .sp-bands{top:62px}.sp-bands.over-card{z-index:21}.sp-band{color:#3a2c20;pointer-events:auto;word-break:keep-all;background:#fffbf3;border-radius:16px;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-size:14px;line-height:1.4;animation:.25s ease-out spdrop;display:flex;box-shadow:0 4px 14px #321e0a33}.sp-band-update{background:#fff1cc}.sp-band-t{flex:1}.sp-bb{min-height:38px;font:inherit;cursor:pointer;color:#5b3d29;touch-action:manipulation;background:#f3e9d6;border:0;border-radius:12px;flex:none;padding:0 12px;font-size:13.5px;font-weight:700}.sp-bb.primary{color:#fff6e4;background:#5b3d29}.sp-x{color:#6b5644;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:40px;height:40px;font-size:24px;line-height:1}@keyframes spdrop{0%{opacity:0;transform:translateY(-12px)}}.sp-menu-btn,.sp-sound-btn,.sp-cam-btn{z-index:6;top:max(10px, env(safe-area-inset-top));color:#5b3d29;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffbf3e6;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;box-shadow:0 2px 8px #0000001f}.sp-menu-btn{right:max(10px, env(safe-area-inset-right))}.sp-sound-btn{right:calc(max(10px, env(safe-area-inset-right)) + 104px)}.sp-cam-btn{right:calc(max(10px, env(safe-area-inset-right)) + 156px)}.sp-cam-btn.free{box-shadow:0 0 0 3px #c4703a,0 2px 8px #0000001f}.sp-menu-btn[aria-expanded=true]{box-shadow:0 0 0 3px #f3c567,0 2px 8px #0000001f}.sp-menu{z-index:18;top:calc(max(10px, env(safe-area-inset-top)) + 50px);right:max(10px, env(safe-area-inset-right));background:#fffbf3;border-radius:16px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:fixed;box-shadow:0 6px 22px #321e0a42}.sp-menu[hidden]{display:none}.sp-mi{text-align:left;font:inherit;color:#3a2c20;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:46px;padding:0 14px;font-size:15.5px}.sp-mi:hover{background:#f3e9d6}body.admire .sp-menu-btn,body.in-duel .sp-menu-btn,body.admire .sp-sound-btn,body.in-duel .sp-sound-btn,body.in-minigame .sp-menu-btn,body.in-minigame .sp-sound-btn,body.admire .sp-cam-btn,body.in-duel .sp-cam-btn,body.in-minigame .sp-cam-btn{opacity:0;pointer-events:none}body.board-side .sp-menu-btn,body.sp-side .sp-menu-btn{right:370px}body.board-side .sp-sound-btn,body.sp-side .sp-sound-btn{right:474px}body.board-side .sp-cam-btn,body.sp-side .sp-cam-btn{right:526px}body.sp-side .bd-btn{right:422px}body.sp-side:not(.touch) .acts,body.sp-side:not(.touch) #hud{max-width:calc(100vw - 392px);left:calc(50% - 180px)}.sp-panel{z-index:12;color:#3a2c20;word-break:keep-all;overflow-wrap:break-word;background:#fffbf3;flex-direction:column;display:none;position:fixed}.sp-panel.on{display:flex}.sp-panel.side{width:360px;animation:.22s ease-out spslide;top:0;bottom:0;right:0;box-shadow:-6px 0 24px #321e0a2e}.sp-panel.sheet{max-width:560px;max-height:82dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;margin:0 auto;animation:.24s ease-out sprise;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #321e0a38}@keyframes spslide{0%{opacity:0;transform:translate(24px)}}.sp-grab{flex:none;height:18px;display:none}.sheet .sp-grab{display:block}.sheet .sp-grab:before{content:"";background:#d9c9ae;border-radius:3px;width:44px;height:5px;margin:8px auto 0;display:block}.sp-phead{border-bottom:1px solid #e6d7be;flex:none;justify-content:space-between;align-items:center;padding:6px 8px 6px 18px;display:flex}.side .sp-phead{padding-top:14px}.sp-phead h2{margin:0;font-size:20px}.sp-pbody{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:4px 18px 18px;overflow-y:auto}.sp-group{padding:10px 0 4px}.sp-group h3{color:#8a6e52;letter-spacing:.02em;margin:0 0 2px;font-size:13px;font-weight:700}.sp-panel .dz-srow{cursor:pointer}.sp-panel small{color:#6b5644;margin-top:2px;font-size:12.5px;display:block}.sp-srow{border-top:1px solid #e6d7be;padding:10px 0;font-size:15.5px}.sp-srow.col{flex-direction:column;gap:6px;display:flex}.sp-stop{justify-content:space-between;align-items:baseline;display:flex}.sp-val{font-variant-numeric:tabular-nums;font-weight:700}.sp-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0}.sp-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #5b3d29 var(--p,50%), #e6d7be var(--p,50%));border-radius:4px;height:8px}.sp-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 1px 4px #00000059}.sp-range::-moz-range-track{background:#e6d7be;border-radius:4px;height:8px}.sp-range::-moz-range-progress{background:#5b3d29;border-radius:4px;height:8px}.sp-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 4px #00000059}.sp-seg{background:#f1e6d2;border-radius:12px;padding:3px;display:flex}.sp-seg button{font:inherit;color:#6b5644;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;min-height:40px;font-size:15px;font-weight:700}.sp-seg button[aria-checked=true]{color:#3a2c20;background:#fffbf3;box-shadow:0 1px 3px #3c28142e}.sp-rhythm{align-items:center;gap:8px;display:flex}.sp-rhythm .sp-val{text-align:center;flex:1;font-size:17px}.sp-step{color:#5b3d29;min-height:42px;font:inherit;cursor:pointer;background:#f3e9d6;border:0;border-radius:12px;padding:0 12px;font-size:14px;font-weight:700}.sp-step:disabled{opacity:.4;cursor:default}.sp-panel>.sp-pbody>.sp-b.danger{margin-top:14px}.sp-exitask{background:#f6ecda;border-radius:16px;flex-direction:column;gap:10px;margin-top:10px;padding:14px;display:flex}.sp-exitask[hidden]{display:none}.sp-exitask p{margin:0;font-size:15px}.sp-notsaved{margin-top:12px}.sp-notsaved[hidden]{display:none}.sp-rooms{flex-direction:column;gap:8px;margin:10px 0;padding:0;list-style:none;display:flex}.sp-room{text-align:left;width:100%;font:inherit;color:#3a2c20;cursor:pointer;background:#f6ecda;border:0;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.sp-room.here{cursor:default;background:#ffe9a8;box-shadow:inset 0 0 0 2px #e2b34e}.sp-room.full{opacity:.5;cursor:not-allowed}.sp-room-top{align-items:center;gap:8px;font-size:15.5px;display:flex}.sp-room-n{color:#6b5644;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13.5px}.sp-tag{color:#5b3d29;background:#e6d7be;border-radius:99px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.sp-tag.here{color:#fff6e4;background:#5b3d29}.sp-room-bar{background:#5b3d2926;border-radius:3px;height:6px;overflow:hidden}.sp-room-bar i{background:#b9772c;border-radius:3px;height:100%;display:block}.sp-panel .sp-note+.sp-note{margin-top:6px}.sp-tabs{gap:4px;margin:8px 0 6px;display:flex}.sp-tabs button{font:inherit;color:#6b5644;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;min-height:44px;font-size:16px;font-weight:800}.sp-tabs button[aria-selected=true]{color:#3a2c20;border-bottom-color:#f3c567}.sp-keys{grid-template-columns:auto 1fr;gap:0 14px;margin:0;font-size:14.5px;display:grid}.sp-keys[hidden]{display:none}.sp-keys dt,.sp-keys dd{border-top:1px solid #e6d7be;margin:0;padding:9px 0}.sp-keys dt{font-weight:700}.sp-keys dd{color:#5b3d29}.sp-helpnote{background:#f6ecda;border-radius:12px;margin-top:14px;padding:10px 12px}.sp-tut{z-index:9;left:50%;top:max(64px, calc(env(safe-area-inset-top) + 62px));color:#3a2c20;word-break:keep-all;background:#fffbf3;border-radius:18px;width:min(340px,100vw - 32px);padding:10px 12px 10px 14px;animation:.25s ease-out spdrop;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #321e0a3d}.sp-tut.pc{left:max(16px, env(safe-area-inset-left));top:auto;bottom:24px;transform:none}.sp-tut-head{color:#b9772c;font-size:12px;font-weight:700}.sp-tut-t{margin:2px 0 8px;font-size:15px;font-weight:700;line-height:1.45}.sp-tut.end .sp-tut-t{margin:2px 0}.sp-tut-row{justify-content:flex-end;gap:6px;display:flex}.act.sp-hl{animation:1.6s ease-in-out infinite sphl;box-shadow:0 0 0 3px #f3c567,0 3px 10px #3c46322e}@keyframes sphl{50%{box-shadow:0 0 0 5px #f3c5678c,0 3px 10px #3c46322e}}body.busk-on .sp-tut:not(.pc){top:max(112px, calc(env(safe-area-inset-top) + 102px))}body.in-duel .sp-tut,body.in-minigame .sp-tut,body.admire .sp-tut:not(.end){visibility:hidden}.sp-busy,.sp-exit{z-index:35;color:#3a2c20;word-break:keep-all;justify-content:center;align-items:center;padding:16px;transition:opacity .3s;display:flex;position:fixed;inset:0;overflow-y:auto}.sp-busy{background:linear-gradient(#bfdce6 0%,#f9e2b8 60%,#9bbf7a 60.2%,#6e9a52 100%)}.sp-exit{background:linear-gradient(#4a345c8c 0%,#e67a4a8c 45%,#f6c47899 70%,#3c2c2899 100%)}.sp-busy.out{opacity:0;pointer-events:none}body.sp-busy-on .sp-sound,body.sp-busy-on .sp-inapp,body.sp-busy-on .sp-arrow,#boot.blocked>:not(.boot-legal){display:none}#boot.blocked:before{content:attr(data-blocked)}.sp-busy-box,.sp-exit-box{text-align:center;background:#fffbf3;border-radius:28px;flex-direction:column;gap:10px;width:min(380px,100%);margin:auto;padding:22px 20px 18px;display:flex;box-shadow:0 14px 36px #3c281440}.sp-busy-box h2,.sp-exit-box h2{margin:0;font-size:22px}.sp-busy-stage{cursor:pointer;background:radial-gradient(circle at 50% 75%,#ffe7ae 0%,#f6d592 35%,#bfdca4 36%,#9bbf7a 100%);border:0;border-radius:22px;height:min(220px,30vh);min-height:150px;padding:0;position:relative;overflow:hidden}.sp-sum{color:#5b3d29;margin:2px 0 4px;font-size:15px;font-weight:700}body.exited .acts,body.exited .joy,body.exited .btn-jump,body.exited .sp-menu-btn,body.exited .sp-sound-btn,body.exited .sp-cam-btn,body.exited .bd-btn,body.exited .busk,body.exited .sp-tut,body.exited .sp-bands,body.exited .net-status,body.exited .dz-near{visibility:hidden}body.reduce-motion .cc-rays,body.reduce-motion .act.sp-hl,body.reduce-motion .sp-card,body.reduce-motion .sp-band,body.reduce-motion .sp-panel,body.reduce-motion .sp-tut,body.reduce-motion .dz-banner.on,body.reduce-motion .dz-sheet.on{animation:none}@media (prefers-reduced-motion:reduce){.sp-card,.sp-band,.sp-panel,.sp-tut{animation:none}}.sp-legal{color:#8a7664;text-align:center;overflow-wrap:anywhere;margin:14px 0 0;font-size:12px;line-height:1.6}.sp-legal a{color:inherit;text-underline-offset:2px;padding:4px 0;text-decoration:underline}.sp-legal a:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #c4703a}.sp-legal.boot-legal{color:#7a7f6c;margin:6px 0 0}