#apollo-open{position:fixed;right:14px;bottom:14px;z-index:80;border:1px solid #b9cbd1;border-radius:24px;background:#173d46;color:white;padding:12px 18px;min-height:44px;box-shadow:0 4px 18px #0002;font:600 14px system-ui}
.apollo-panel{position:fixed;inset:5vh 3vw 6vh auto;width:min(440px,94vw);overflow:auto;z-index:200;background:#fbf8ef;color:#173d46;border:1px solid #c8d9cf;border-radius:20px;padding:22px;box-shadow:0 12px 90px #0006;font:16px/1.5 system-ui}.apollo-panel[hidden]{display:none}.apollo-panel h3{margin-top:26px}.apollo-panel button{min-height:44px;padding:10px;border:1px solid #a8c6be;border-radius:10px;background:white;color:#173d46;cursor:pointer}.apollo-panel button:disabled{opacity:.5;cursor:default}.apollo-resume{display:block;padding:12px;margin:8px 0;background:#e7f1ed;border-radius:12px;color:#173d46;text-decoration:none}.apollo-resume small{display:block}.apollo-links{display:flex;flex-wrap:wrap;gap:8px}.apollo-links a{padding:10px;border-radius:10px;background:#e7f1ed;color:#173d46}.apollo-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.apollo-calendar button{padding:4px}.apollo-note{font-size:12px}.apollo-scene{display:flex;justify-content:space-around;background:#dce8ee;padding:18px;border-radius:12px;font-size:30px}.apollo-scene span{opacity:.18}.apollo-scene .earned{opacity:1}
#apollo-finish{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);z-index:90;display:flex;flex-wrap:wrap;gap:10px;padding:14px;border-radius:18px;background:#fffdf5;color:#173d46;box-shadow:0 4px 30px #0003;width:min(580px,94vw);font:16px system-ui}#apollo-finish button,#apollo-finish a{min-height:44px;padding:10px;border:1px solid #bcd1c8;background:#e7f1ed;border-radius:10px;color:#173d46}#apollo-finish strong{width:100%}
body[data-apollo-cosmetic=twilight] #apollo-open{background:#514675}body[data-apollo-cosmetic=harvest] #apollo-open{background:#9a6338}body[data-apollo-cosmetic=moon] #apollo-open{background:#426885}body[data-apollo-cosmetic=celebrate] #apollo-open{background:#9b4677}body[data-apollo-cosmetic=twilight] .apollo-scene{background:#d4cbea}body[data-apollo-cosmetic=harvest] .apollo-scene{background:#ecd6a4}body[data-apollo-cosmetic=moon] .apollo-scene{background:#c7dceb}body[data-apollo-cosmetic=celebrate] .apollo-scene{background:#ecd2df}
@media(max-width:600px){.apollo-panel{inset:3vh 3vw 5vh;width:94vw;box-sizing:border-box}#apollo-open{right:8px;bottom:8px}}
body[data-apollo-cosmetic=twilight] .board,body[data-apollo-cosmetic=twilight] .mahjong-board,body[data-apollo-cosmetic=twilight] .canvas{outline:3px solid #8065aa}body[data-apollo-cosmetic=harvest] .board,body[data-apollo-cosmetic=harvest] .mahjong-board,body[data-apollo-cosmetic=harvest] .canvas{outline:3px solid #bd9045}body[data-apollo-cosmetic=moon] .board,body[data-apollo-cosmetic=moon] .mahjong-board,body[data-apollo-cosmetic=moon] .canvas{outline:3px solid #709ab8}body[data-apollo-cosmetic=celebrate] .board,body[data-apollo-cosmetic=celebrate] .mahjong-board,body[data-apollo-cosmetic=celebrate] .canvas{outline:3px solid #b66e98}.story-chapter,.story-journeys{padding:18px max(20px,calc((100% - 1080px)/2));background:#f6ecd9;color:#303854}.story-chapter p{max-width:700px}
.apollo-scene svg{width:100%;height:auto}.apollo-scene g{opacity:.12}.apollo-scene g.earned{opacity:1}