*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a18;--accent:#d4cc6a}body{background:#111;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.container{flex-direction:row;align-items:center;gap:48px;width:100%;max-width:960px;display:flex}.poster{background:var(--bg);border:2px solid var(--accent);border-radius:18px;flex-direction:row;flex-shrink:0;width:420px;height:80vh;min-height:480px;max-height:700px;display:flex;position:relative;overflow:hidden}.sol-poster{flex-direction:column;justify-content:space-between;width:65%;height:100%;padding:24px 0 24px 24px;display:flex}.title h1{color:var(--accent);letter-spacing:4px;font-family:Bebas Neue,sans-serif;font-size:52px}.title-jp h1{color:var(--accent);letter-spacing:2px;white-space:nowrap;font-family:Noto Sans JP,sans-serif;font-size:32px}.img-wrap{flex:1;align-items:center;margin:12px 0;display:flex;overflow:hidden}.img-wrap img{object-fit:contain;object-position:center;width:100%;height:auto}.quote-container{justify-content:center;align-items:center;width:35%;height:100%;padding:24px 12px;display:flex}.quote{color:var(--accent);writing-mode:vertical-rl;text-orientation:mixed;opacity:.85;font-family:Special Elite,cursive;font-size:11px;line-height:1.7;transform:rotate(180deg)}.quote span{opacity:.6;margin-top:12px;font-style:italic;display:block}.general-information{flex-direction:column;flex:1;justify-content:space-around;height:80vh;min-height:480px;max-height:700px;font-family:Share Tech Mono,monospace;display:flex}.general-information .link li{margin-bottom:12px;list-style-type:none}.general-information .link a{color:var(--accent);letter-spacing:2px;font-size:18px;text-decoration:none;transition:opacity .2s,letter-spacing .2s}.general-information .link a:hover{opacity:1;letter-spacing:4px}.weather{color:var(--accent);opacity:.85;flex-direction:row;align-items:center;gap:4px;font-family:Share Tech Mono,monospace;font-size:13px;display:flex}@media (width<=900px){.container{gap:32px}.poster{width:360px}.title h1{font-size:42px}}@media (width<=768px){body{align-items:flex-start;padding:32px 16px}.container{flex-direction:column;align-items:center;gap:32px}.poster{width:100%;max-width:420px;height:60vh;min-height:400px}.general-information{width:100%;max-width:420px;height:auto;min-height:unset;gap:24px}.general-information .link a{font-size:16px}}@media (width<=480px){body{padding:16px}.poster{border-radius:12px;height:55vh;min-height:360px}.sol-poster{padding:16px 0 16px 16px}.title h1{font-size:34px}.quote{font-size:9px}.general-information .link a{letter-spacing:1px;font-size:14px}.weather{font-size:11px}}.todo{color:var(--accent)}.todo h1{color:var(--accent);letter-spacing:4px;margin-bottom:16px;font-family:Bebas Neue,sans-serif}.todo li{opacity:.8;margin-bottom:8px;font-family:Share Tech Mono,monospace;list-style-type:none}.unsolved{align-items:center;gap:8px;display:flex}