.o-pocket-page{background:#0e211a;min-height:100dvh}.o-pocket.q-music{width:min(100%,1200px);height:100dvh;min-height:560px;padding:0 20px max(10px, env(safe-area-inset-bottom));background:radial-gradient(at 50% 25%,#234831,#0e211a 80%);flex-direction:column;margin:auto;display:flex}.o-pocket-header{height:66px;padding-top:env(safe-area-inset-top);flex:none;justify-content:space-between;align-items:center;display:flex}.o-pocket-header>a:first-child{color:#e1cb8e;letter-spacing:.02em;align-items:center;gap:10px;min-height:44px;font:500 22px Cormorant Garamond,Georgia,serif;display:flex}.o-pocket-header img{width:25px;height:25px}.o-pocket-exit{color:#e1cb8e;border:1px solid #b8a36b66;place-items:center;width:44px;height:44px;display:grid}.o-pocket-exit .r-icon{width:18px;height:18px}.o-pocket .q-instrument{width:100%;max-width:none;min-height:0;box-shadow:none;background:#163627;border-radius:0;flex-direction:column;flex:1;margin:0;padding:16px 18px 8px;display:flex}.o-pocket .q-instrument-top{flex:none;align-items:center;min-height:18px}.o-pocket .q-instrument-top>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.o-pocket .o-world{flex:1;height:auto;min-height:140px;margin:14px -18px}.o-pocket .o-world .o-world-artifact{width:75%;height:120%;bottom:-17%;left:12.5%}.o-pocket .q-play-instruction{margin:0 0 10px;font-size:11px}.o-pocket .q-note-pads{flex:none;grid-template-columns:repeat(8,1fr);gap:8px}.relic-site .o-pocket .q-note-pads button{gap:6px;min-height:85px;padding:10px 4px}.o-pocket .q-instrument-bottom{min-height:39px;padding-top:7px}.o-pocket .q-keyboard-hint{display:none}.o-pocket .o-transport{flex:none;height:40px;margin:0}.o-pocket .q-audio-error{padding:6px 0;font-size:11px}.o-pocket .o-practice-strip{margin:0 0 10px}.o-pocket .o-practice-strip b{width:26px;height:29px}.o-pocket-nav{color:#e1cb8e;flex:none;justify-content:space-between;align-items:center;gap:16px;height:54px;display:flex}.o-pocket-nav>*{align-items:center;gap:10px;min-height:44px;font-size:12px;display:flex}.o-pocket-nav .r-icon{width:17px;height:17px}.o-pocket-dialog{color:#f0e2b8;overscroll-behavior:contain;background:#142f23;border:1px solid #9b9564;border-radius:6px 6px 0 0;width:min(720px,100% - 24px);max-height:min(800px,100dvh - 36px);margin:auto auto 12px;padding:0}.o-pocket-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06140ee6}.o-pocket-dialog .dialog-inner{padding:30px 22px max(22px, env(safe-area-inset-bottom))}.o-pocket-dialog .modal-close{border:1px solid #929064;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.o-pocket-dialog .modal-close .r-icon{width:18px;height:18px}.o-pocket-book-title{padding-right:42px;font-size:42px;line-height:1.1}.o-pocket-dialog .o-songbook{margin-top:22px}.o-pocket-dialog .o-track-list{grid-template-columns:1fr}.o-pocket-dialog .o-track-list button{min-height:76px}.o-pocket-dialog .o-track-art{height:54px}.o-pocket-dialog .o-spell-lesson .o-practice-button{color:#eed89b;border-color:#b69e5e;margin-top:10px}.o-pocket-about{color:#aec2a8;margin:24px 0 0;font-size:10px;line-height:1.7}.o-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:680px){.o-pocket.q-music{min-height:500px;padding-left:12px;padding-right:12px}.o-pocket-header{height:58px}.o-pocket .q-instrument{padding:12px 12px 6px}.o-pocket .o-world{margin:12px -12px}.o-pocket .q-note-pads{grid-template-columns:repeat(4,1fr);gap:6px}.relic-site .o-pocket .q-note-pads button{flex-direction:row;justify-content:center;gap:12px;height:62px;min-height:62px;padding:8px;display:flex}.o-pocket .q-note-pads strong{font-size:27px}.o-pocket .q-note-hole{width:17px;height:17px}.o-pocket .q-note-pads kbd{display:none}.o-pocket .q-instrument-bottom>span{text-align:right;max-width:130px;font-size:6px}.o-pocket .q-instrument-bottom input{width:80px}.o-pocket .o-world .o-world-artifact{width:100%;left:0}.o-pocket-dialog .dialog-inner{padding:28px 16px 22px}.o-pocket-book-title{font-size:37px}.o-pocket-dialog .o-book-tabs{gap:20px}.o-pocket-dialog .o-book-tabs button{font-size:12px}}@media (max-width:360px){.o-pocket .q-instrument-top{letter-spacing:.07em;font-size:7px}.o-pocket .q-instrument-top>span:last-child{min-width:70px}.o-pocket .o-world{min-height:105px}.o-pocket .q-note-pads button{height:54px;min-height:54px}.o-pocket .q-instrument-bottom>span{max-width:105px}}@media (max-height:560px) and (min-width:600px){.o-pocket.q-music{min-height:330px;padding-bottom:0}.o-pocket-header{height:48px}.o-pocket .q-instrument{grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr 1.15fr;gap:6px 20px;padding:12px;display:grid}.o-pocket .o-world{grid-area:1/1/7;min-height:0;margin:0}.o-pocket .q-instrument-top,.o-pocket .q-play-instruction,.o-pocket .q-note-pads,.o-pocket .q-instrument-bottom,.o-pocket .o-transport,.o-pocket .o-practice-strip{grid-column:2;margin:0}.o-pocket .q-instrument-top{grid-row:1}.o-pocket .q-play-instruction{grid-row:2}.o-pocket .o-practice-strip{grid-row:3}.o-pocket .q-note-pads{grid-row:4;grid-template-columns:repeat(4,1fr)}.relic-site .o-pocket .q-note-pads button{flex-direction:row;justify-content:center;gap:6px;height:44px;min-height:44px;padding:5px}.o-pocket .q-note-pads kbd,.o-pocket .q-note-hole{display:none}.o-pocket .q-instrument-bottom{grid-row:5;padding:0}.o-pocket .q-instrument-bottom>span{font-size:6px}.o-pocket .o-transport{grid-row:6;height:30px}.o-pocket-nav{height:44px}}@media (prefers-reduced-motion:no-preference){.o-pocket-dialog[open]{animation:.22s ease-out o-pocket-sheet}@keyframes o-pocket-sheet{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}}