#mixtapeGame{box-sizing:border-box;width:min(900px,calc(100% - 20px));max-height:calc(100dvh - 20px);overflow:auto;padding:18px;background:repeating-linear-gradient(3deg,#604735 0,#604735 3px,#644b38 5px,#5c4433 8px);color:#f3e6c8;border:4px ridge #ac956d;font:15px/1.4 Georgia,serif;box-shadow:0 15px 60px #0009}
#mixtapeGame::backdrop{background:#111b}
#mixtapeGame [hidden]{display:none!important}#mixtapeGame header{display:flex;justify-content:space-between;align-items:center;gap:10px}#mixtapeGame h2{font:700 24px Georgia,serif;margin:4px 0}#mixtapeGame header small{font:11px monospace;letter-spacing:2px}#mixtapeGame button{min-height:44px;cursor:pointer;border:1px solid #8b7756;background:#e7d8b7;color:#2b3028;padding:9px 12px;font:13px/1.3 'DM Mono',monospace;touch-action:manipulation}#mixtapeGame button:focus-visible{outline:3px solid #e6ae55;outline-offset:2px}#mixtapeGame button:disabled{cursor:default;opacity:.7}#mixtapeGame button[aria-pressed=true]{background:#eadb95;border:2px solid #356456}
#mixtapeGame .mix-deck{margin:12px 0;background:linear-gradient(#53564e,#222822 65%,#101710);border:5px ridge #99998a;border-radius:4px;padding:10px;display:flex;align-items:center;justify-content:space-around;gap:14px;box-shadow:0 5px 8px #0005;font:10px monospace;letter-spacing:1px}#mixtapeGame .mix-cassette{width:220px;flex-shrink:0;border:8px solid #22251e;border-radius:9px;background:#d0c6ab;box-shadow:0 0 0 1px #9d9d8a,inset 0 0 4px #000;color:#292d26;text-align:center;padding:3px}#mixtapeGame .mix-cassette em{display:block;background:repeating-linear-gradient(#eee4ca 0 14px,#b9b9a2 15px 16px);font:italic 13px Georgia,serif}#mixtapeGame .mix-reels{display:flex;align-items:center;justify-content:space-around;padding:5px;background:#5a5b4f;margin:4px 10px;border-radius:12px}#mixtapeGame .mix-reels i{width:27px;height:27px;border:5px dotted #d2cbb3;border-radius:50%;background:#161c18}#mixtapeGame .mix-meter{color:#c3bc6f;font-size:20px}
#mixtapeGame .mix-workbench{display:grid;grid-template-columns:1fr 1fr;gap:14px}#mixtapeGame .mix-paper{padding:12px;background:repeating-linear-gradient(#f0e5c9 0 25px,#dad1b8 26px 27px);color:#383b31;border:1px solid #b7a17c;box-shadow:2px 4px 5px #0005}#mixtapeGame h3{font-size:16px;margin:0 0 8px}#mixtapeGame ol{padding-left:22px;margin:0}#mixtapeGame li{margin:8px 0;font-style:italic}#mixtapeGame .mix-help{font-size:12px;margin:5px 0 10px}#mixSlots{display:grid;gap:5px}#mixSlots button{text-align:left;background:#f5ecd5;font-size:12px}#mixSongs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0}#mixSongs button{text-align:left;background:#d1d9c3}#mixSongs small{display:block;font:11px/1.3 Georgia,serif;margin-top:5px}#mixProgress{font:12px monospace;color:#fff1c5}#mixDylan{margin:12px 0}#mixFeedback{min-height:22px}#mixResult{padding:12px;background:#eee3c6;color:#263e34;border:3px double #aa926b}
@media(max-width:600px){#mixtapeGame{padding:12px}#mixtapeGame h2{font-size:21px}#mixtapeGame .mix-workbench{grid-template-columns:1fr}#mixtapeGame .mix-deck>span{display:none}#mixtapeGame .mix-deck{padding:5px}#mixSongs{grid-template-columns:repeat(2,1fr)}#mixtapeGame .mix-paper{padding:10px}#mixtapeGame li{margin:5px 0}#mixtapeGame header small{font-size:9px}}