.library-section{margin-top:55px;scroll-margin-top:130px}.library-section .section-heading h2{font-size:36px}.library-help{font-size:12px;color:#896780;line-height:2.2;margin:18px 0 2px}.library-section>.text-button,.library-section>label.import{font-size:12px;display:inline-block;margin:5px 0 0 18px;cursor:pointer}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.library-empty{grid-column:1/-1;text-align:center;border:1px dashed #d8c0d0;border-radius:21px;background:linear-gradient(120deg,#f4e9ef80,#faf4ecaa);padding:35px 20px;color:#946b85}.library-empty>span{font-size:36px;line-height:1}.library-empty h3{font-size:27px;margin:12px 0 3px}.library-empty p{font-size:13px;line-height:2.2;margin:0;color:#896b81}.photo-card{padding:12px 12px 5px;background:#fffcf7;border:1px solid #e6d5df;border-radius:19px;box-shadow:0 8px 20px #613d5808;min-width:0}.photo-card:nth-child(3n+2){background:#f3edf5}.photo-card:nth-child(3n){background:#edf1e9}.photo-open{padding:0;width:100%;display:block;background:#eee2e9;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.photo-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.photo-open:hover img{transform:scale(1.035)}.photo-card>p{font-size:13px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;color:#6b4e65;margin:13px 5px 1px}.photo-card>.text-button{font-size:11px;color:#9c748c;margin:2px 5px}#photo-view{width:min(900px,calc(100% - 28px))}#photo-view-title{font-size:25px;overflow-wrap:anywhere}#photo-view-image{display:block;max-height:70dvh;max-width:100%;object-fit:contain;margin:20px auto 0;border-radius:13px}#photo-form input[type=file]{font-size:12px;padding:12px;white-space:normal}#photo-form input::file-selector-button{font-family:inherit;border:0;border-radius:8px;padding:8px 11px;background:#e9dbe5;color:#80566e;margin-left:10px;cursor:pointer}.playlist-panel{display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden;background:#fffcf9}.playlist-cover{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at bottom left,#cda7bc,#6b4866);color:#f2dce9;padding:25px}.playlist-cover>span{font-family:var(--font-display);font-size:26px}.vinyl{display:grid;place-items:center;width:155px;height:155px;background:repeating-radial-gradient(circle at center,#27202d 0px,#27202d 3px,#382d40 4px,#211b26 5px);border:1px solid #d4b0ca44;border-radius:50%;font-size:42px;color:#dbadca;box-shadow:7px 12px 30px #33223840;position:relative;isolation:isolate}.vinyl:before{content:'';position:absolute;inset:43px;border-radius:50%;background:#8f627c;z-index:-1}.track-area{padding:20px 24px;min-width:0}#track-count{font-size:12px;color:#937088;margin:0 0 12px}.track-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #ecdfE8}.track-index{font-size:12px;color:#a58b9f;min-width:19px}.track-info{flex:1;min-width:0}.track-info strong{display:block;font-size:13px;color:#684c61;overflow-wrap:anywhere}.track-info small{display:block;font-size:11px;color:#927b8d;overflow-wrap:anywhere}.track-play{background:#efe1ec;border-radius:100px;padding:8px 13px;color:#885978;font-size:11px;white-space:nowrap;min-height:38px;display:inline-grid;place-items:center}.track-actions{display:flex;gap:4px}.track-actions button{font-size:15px;color:#9b7b91;background:none;width:26px;min-height:36px;border-radius:8px}.track-actions button:hover:enabled{background:#f0e4ec}.track-actions button:disabled{opacity:.28;cursor:default}.track-row.playing .track-play{color:#fff;background:#8d5d7c}.track-row.playing .track-index{color:#8a4c73}#audio-now{background:#f5edf3;border:1px solid #e9d8e5;border-radius:15px;margin-top:17px;padding:14px}#now-playing{font-size:12px;margin:0 0 10px;color:#815670}#playlist-audio{display:block;width:100%;height:42px}.c4-card{background:linear-gradient(140deg,#f0e8ef,#f7f0f1)}.c4-card .mini-icon{font-size:16px;color:#ac6b88;letter-spacing:4px}.c4-board{display:grid;grid-template-columns:repeat(7,1fr);direction:ltr;gap:6px;max-width:340px;margin:20px auto;background:#d6c4d8;padding:10px;border-radius:17px}.c4-board>button{background:#f0e6ed;font-size:19px;height:35px;border-radius:8px;color:#936182}.c4-board>button:disabled{opacity:.35;cursor:default}.c4-board>button:hover:enabled{background:#fff7fc}.c4-board .disc{display:block;aspect-ratio:1;border-radius:50%;background:#faf5f8;box-shadow:inset 0 2px 3px #5434501a;border:2px solid #baa7bd}.c4-board .player-0{background:#b87696;border-color:#ac6789;box-shadow:inset 0 -3px 0 #9d5f7f}.c4-board .player-1{background:#89a698;border-color:#729081;box-shadow:inset 0 -3px 0 #638875}.c4-card .game-footer small{max-width:250px;font-size:11px}.memory-card{background:linear-gradient(120deg,#f8eee0,#f4ebe6);border-color:#e4d4c5}.memory-card .mini-icon,.memory-card .tag{color:#a88165}.memory-scores{font-size:12px;color:#95715c;margin:5px 0 16px}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:340px;margin:16px auto 25px;direction:ltr}.memory-board>button{height:70px;border:1px solid #ddc4b7;border-radius:13px;color:#b3827c;font-size:30px;background:repeating-linear-gradient(45deg,#f0ddd4,#f0ddd4 6px,#efdbd3 6px,#efdbd3 7px)}.memory-board>button:hover:enabled{background:#f7e8e1;transform:translateY(-2px)}.memory-board>button.revealed{background:#fffaf4}.memory-board>button.matched{background:#e5eddd;border-color:#cbd8c1;opacity:.7}.memory-board>button:disabled{cursor:default}.memory-card .game-footer{justify-content:flex-end}.memory-card .game-footer .button{font-size:12px;min-height:40px;padding:7px 14px}.games-layout{align-items:start}.game-card .game-footer small{line-height:2}.photo-grid:has(.library-empty){display:block}.room-bar{margin-top:25px}
@media(max-width:1000px){.playlist-panel{grid-template-columns:180px minmax(0,1fr)}.playlist-cover{padding:20px}.vinyl{width:132px;height:132px}.vinyl:before{inset:35px}.track-area{padding:18px}.track-row{gap:9px}.track-actions{gap:0}.track-play{padding:7px 10px;font-size:10px}}
@media(max-width:760px){.library-section{margin-top:38px;scroll-margin-top:135px}.library-section .section-heading{gap:13px;flex-wrap:wrap;align-items:center}.library-section .section-heading h2{font-size:30px}.library-section .section-heading .button{font-size:11px;padding:10px 16px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-card{padding:9px 9px 4px;border-radius:16px}.photo-card>p{font-size:12px;line-height:2.1;margin:10px 3px 0}.photo-card>.text-button{font-size:10px}.library-help{font-size:11px}.library-empty{padding:30px 18px}.library-empty h3{font-size:25px}.library-empty p{font-size:12px}.playlist-panel{grid-template-columns:1fr}.playlist-cover{min-height:165px;padding:20px;flex-direction:row;gap:26px}.vinyl{width:112px;height:112px;font-size:34px}.vinyl:before{inset:29px}.playlist-cover>span{font-size:27px}.track-area{padding:17px 18px}.track-row{gap:9px;flex-wrap:wrap}.track-info strong{font-size:12px}.track-info small{font-size:10px}.track-index{font-size:11px;min-width:15px}.track-play{font-size:10px;padding:7px 11px}.track-actions button{width:26px}.c4-board{max-width:350px;gap:6px}.memory-board{max-width:340px}.memory-board>button{height:70px}.memory-card .game-footer{gap:9px}.c4-card .game-footer{align-items:flex-start}.c4-card .game-footer small{max-width:185px}.library-section>.text-button,.library-section>label.import{font-size:11px}.library-section #playlist-mode,.library-section #album-mode{max-width:500px;font-size:12px}}
@media(max-width:400px){.photo-grid{grid-template-columns:1fr}.photo-card{padding:12px}.track-area{padding:17px 12px}.track-row{gap:7px}.track-actions{flex-basis:auto}.track-actions button{width:23px}.track-play{padding:6px 9px;font-size:9px}.track-info strong{font-size:11px}.c4-board{gap:4px;padding:8px}.c4-board .disc{border-width:1px}.memory-board{gap:7px}.memory-board>button{height:61px}.c4-card .game-footer small{max-width:155px}.library-section .section-heading h2{font-size:28px}}