:root{color-scheme:dark;--ink:#142430;--cream:#f3dcba;--rose:#ca9ca7;--muted:#b7b2ad;--gold:#ba9871;--unit:9px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink)}body{font-family:Georgia,'Times New Roman',serif;color:var(--cream)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #f6dab2;outline-offset:5px}button:disabled{cursor:default}button:active{filter:brightness(1.13)}
.world{height:100vh;height:100dvh;min-height:240px;position:relative;isolation:isolate;overflow:clip;background:#233147}#landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-3;image-rendering:pixelated}.atmosphere{pointer-events:none;position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 25%,transparent 22%,#10212b38 76%,#0e1d2d99 100%),linear-gradient(0deg,#0e1e2cf2 0%,#10232b66 14%,transparent 36%,#12203015 68%,#101f3060 100%)}
.edition{position:absolute;left:40px;top:30px;font:9px/1.5 Arial,sans-serif;letter-spacing:.24em;color:#d9c7b6bb;display:flex;align-items:center;gap:12px}.little-diamond{width:6px;height:6px;background:#c8a283;transform:rotate(45deg)}.identity{position:absolute;top:11%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;filter:drop-shadow(0 5px 0 #17233250)}.crest{display:flex;align-items:center;gap:20px;margin-bottom:19px;color:#d6b69a;font-size:25px;line-height:1}.crest i{width:62px;height:1px;background:linear-gradient(90deg,transparent,#bf9c83)}.crest i:last-child{transform:scaleX(-1)}h1{margin:0;line-height:0}#title-art{display:flex;flex-direction:column;align-items:center;gap:calc(var(--unit)*1.25)}.title-row{height:calc(var(--rows)*var(--unit));width:calc(var(--cols)*var(--unit));display:block;overflow:visible;shape-rendering:crispEdges}.coming{font:italic 22px/1.4 Georgia,serif;letter-spacing:.12em;margin:29px 0 0;display:flex;gap:20px;align-items:center;color:#efd7b9}.coming span{height:1px;width:32px;background:#bd9f83}
.previews{position:absolute;bottom:63px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px)}.preview-heading{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:13px}.preview-heading h2{font:9px/1.4 Arial,sans-serif;letter-spacing:.3em;margin:0;color:#e3d3ba}.preview-heading i{height:1px;width:32px;background:#c3a88966}.preview-list{display:flex;gap:14px}.preview{display:block;border:0;background:transparent;padding:0;text-align:left;width:144px}.thumb{position:relative;display:block;width:100%;height:72px;border:1px solid #c3ab8477;box-shadow:0 0 0 3px #101d2780,0 8px 18px #0b1b3044;background:#223642;transition:border-color .2s,filter .2s}.thumb:before,.thumb:after{content:'';position:absolute;width:4px;height:4px;z-index:1;border-color:#ead0a4;border-style:solid}.thumb:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.thumb:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:saturate(.8) brightness(.86);transition:filter .2s}.preview:hover .thumb,.preview:focus-visible .thumb{border-color:#f1d4a5}.preview:hover img,.preview:focus-visible img{filter:none}.open-icon{position:absolute;right:5px;bottom:3px;font:14px Arial;color:#f6dfbe;text-shadow:0 1px #132631}.caption{display:block;margin-top:9px;white-space:nowrap;font:11px/1.3 Georgia,serif;color:#dcccb5}.caption b{font:8px Arial;letter-spacing:.08em;color:#be9e80;margin-right:6px;font-weight:normal}footer{position:absolute;left:40px;right:40px;bottom:22px;display:flex;justify-content:space-between;align-items:center;font:8px/1.3 Arial,sans-serif;letter-spacing:.17em;color:#a5b0ad}footer i{font-style:normal;color:#688084;padding:0 7px}#motion{border:0;background:transparent;padding:7px 0 7px 14px;min-height:32px;font:9px Arial;letter-spacing:.06em;color:#c7c4b7}#motion span{margin-right:6px;font-size:10px}
dialog{padding:0;border:1px solid #b3967166;width:min(880px,calc(100vw - 40px));max-height:calc(100dvh - 40px);background:#182a35;color:var(--cream);box-shadow:0 24px 100px #040c1bb3;overflow:auto}dialog::backdrop{background:#081521d9;backdrop-filter:blur(6px)}.dialog-shell{padding:25px}dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{font:9px Arial;letter-spacing:.22em;color:#c3a889;margin:0 0 9px}dialog h2{font-size:28px;font-weight:normal;margin:0}#close-dialog{background:#203541;border:1px solid #c3ab8444;flex:0 0 40px;height:40px;font:16px Arial}#dialog-media{background:#142632;display:flex;align-items:center;justify-content:center;min-height:0}#dialog-media video,#dialog-media img{display:block;width:100%;max-height:calc(100dvh - 245px);object-fit:contain;image-rendering:pixelated}#dialog-media canvas{display:block;image-rendering:pixelated;max-width:100%}.dialog-bottom{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-top:17px}.dialog-bottom p{font:12px/1.6 Arial,sans-serif;color:#bbc5c4;margin:0;max-width:570px}.dialog-bottom>span{font:8px/1.6 Arial;letter-spacing:.16em;color:#b69a7b;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{position:absolute;inset:20% 15%;font-size:32px;background:#1b2e3a}
@media(min-width:1700px){.identity{top:12%}.crest{margin-bottom:24px}.preview{width:166px}.thumb{height:83px}.previews{bottom:74px}.coming{font-size:25px;margin-top:35px}}
@media(max-width:650px){.edition{left:22px;right:22px;top:25px;font-size:8px;letter-spacing:.18em;justify-content:center}.identity{top:13%}.crest{gap:16px;margin-bottom:20px;font-size:22px}.crest i{width:43px}.coming{font-size:19px;letter-spacing:.08em;margin-top:23px;gap:16px}.coming span{width:24px}.previews{bottom:74px;max-width:calc(100% - 38px)}.preview-list{gap:12px}.preview{width:96px}.thumb{height:57px}.caption{font-size:9px;margin-top:8px}.caption b{display:none}.preview-heading{margin-bottom:12px}.preview-heading h2{font-size:8px;letter-spacing:.26em}footer{left:22px;right:22px;bottom:20px;font-size:7px;letter-spacing:.08em}#motion{font-size:8px}.dialog-shell{padding:18px}dialog header{margin-bottom:17px}dialog h2{font-size:23px}.dialog-bottom{display:block}.dialog-bottom>span{display:block;margin-top:12px}.dialog-bottom p{font-size:11px}#dialog-media video,#dialog-media img{max-height:calc(100dvh - 265px)}}
@media(max-height:650px) and (min-width:651px){.identity{top:7%}.crest{margin-bottom:9px;font-size:18px}.coming{margin-top:14px;font-size:18px}.previews{bottom:43px}.preview{width:112px}.thumb{height:47px}.caption{font-size:9px;margin-top:5px}.preview-heading{margin-bottom:8px}footer{bottom:8px}.edition{top:20px;font-size:8px}}
@media(max-height:650px) and (max-width:650px){.identity{top:12%}.crest{margin-bottom:9px;font-size:18px}.coming{margin-top:14px;font-size:17px}.previews{bottom:53px}.preview{width:88px}.thumb{height:43px}.preview-heading{margin-bottom:8px}footer{bottom:12px}.edition{top:18px}}
@media(max-height:450px) and (min-width:651px){.identity{left:33%;top:12%}.edition{top:15px;left:25px}.crest{display:none}.coming{margin-top:16px;font-size:17px}.previews{left:auto;right:6%;top:26%;bottom:auto;transform:none}.preview-list{gap:8px}.preview{width:88px}.thumb{height:52px}.preview-heading{margin-bottom:15px}footer{left:25px;right:25px;bottom:9px}}
@media(max-width:340px){.preview-list{gap:8px}.preview{width:81px}.caption{font-size:8px}.edition{font-size:7px}footer{left:15px;right:15px}footer i{padding:0 3px}}
@media(max-height:400px) and (max-width:650px){.identity{left:31%;top:11%}.crest{display:none}.coming{margin-top:10px;font-size:14px;gap:7px}.coming span{width:14px}.edition{top:10px;font-size:7px}.previews{left:auto;right:12px;top:31%;bottom:auto;transform:none;max-width:45%}.preview-list{gap:6px;flex-wrap:wrap;justify-content:center}.preview{width:64px}.thumb{height:36px}.caption{font-size:7px}.preview-heading h2{font-size:7px;letter-spacing:.1em}.preview-heading i{display:none}footer{bottom:4px;font-size:6px}#motion{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}dialog::backdrop{backdrop-filter:none}}
#title-art{gap:calc(var(--unit)*.4)}.coming{padding:4px 15px;background:linear-gradient(90deg,transparent,#202c3f99 18%,#202c3f99 82%,transparent);text-shadow:0 2px 0 #172535}
@media(max-height:400px) and (max-width:650px){.coming{font-size:12px;gap:0;padding:3px 0}.coming span{display:none}}