/* Shared palette and frame treatments. Edit these values to retheme every page. */
:root{--ink:#112334;--blue:#7cb8e2;--pale:#edf7ff;--edge:#385875;--silver:linear-gradient(#fcffff 0%,#aebac4 22%,#34434f 46%,#e6f0f7 52%,#94aabd 78%,#eaf8ff 100%)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:13px/1.55 Tahoma,Arial,sans-serif;background-color:#f4f9fc;background-image:repeating-conic-gradient(#dceaf580 0 25%,transparent 0 50%);background-size:32px 32px}a{color:#214f78;overflow-wrap:anywhere}a:hover{color:#071725}a:focus-visible{outline:3px solid #246caa;outline-offset:3px}.skip{position:absolute;top:-80px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}.system-strip{display:flex;justify-content:space-between;padding:3px 16px;color:#eef5fa;background:var(--silver);text-shadow:1px 1px #000;font:10px/1.5 monospace;border-bottom:3px double #182d41}.desktop{max-width:1080px;margin:34px auto 60px;padding:14px;background:repeating-linear-gradient(135deg,#182633 0 4px,#233646 4px 8px,#101a25 8px 12px);border:5px ridge #b2cbdc;outline:2px solid #172735;box-shadow:0 0 0 5px #b8d3e5,0 15px 35px #44617b33}.masthead{position:relative;overflow:hidden;padding:22px 32px 18px;border:12px ridge #d0e7f6;border-radius:6px 6px 65px 6px;background:linear-gradient(115deg,#030a13,#243647 65%,#040b12);color:#e6f4ff;box-shadow:inset 0 0 0 3px #70a9cc,0 2px 0 #000;margin-bottom:18px}.wordmark{position:relative;z-index:1;display:inline-block;font:bold italic clamp(36px,6vw,68px)/1 Impact,'Arial Black',sans-serif;letter-spacing:3px;color:#c8e7ff;text-decoration:none;text-shadow:2px 2px #000,4px 4px #547fa3,-1px -1px white;filter:drop-shadow(0 0 2px #b3d8f9)}.wordmark span{color:#f1f5f9}.masthead p{position:relative;z-index:1;margin:14px 0 0;font:italic 12px Georgia,serif;letter-spacing:2px}.masthead p span{margin:0 12px}.header-check{position:absolute;width:270px;height:160px;right:0;top:0;transform:rotate(-12deg);opacity:.28;background:repeating-conic-gradient(#badcf5 0 25%,#000 0 50%) 0/34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}.layout{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:12px}.panel{padding:5px;margin-bottom:13px;border:4px ridge #9dc6e2;border-radius:5px;background:#1b2c3a;box-shadow:0 0 0 1px #020a11}.bar{margin:0 0 6px;padding:1px 7px;text-align:center;font:bold 10px/1.7 Tahoma,sans-serif;letter-spacing:1px;border:3px ridge #bed1dc;border-radius:4px;color:#061a29;background:var(--silver);text-shadow:0 1px #fff}.panel-body{position:relative;min-width:0;padding:13px;background:repeating-linear-gradient(45deg,#d6e3ed44 0 1px,transparent 1px 5px),#f7f9f8;border:5px double #adb9c2;outline:1px solid #5e778b}.panel-body:before,.panel-body:after{position:absolute;top:-6px;color:#182d40;font-size:16px;content:'✦';line-height:1}.panel-body:before{left:-6px}.panel-body:after{right:-6px}.button{display:block;margin:7px 0;padding:6px 9px;border:3px ridge #e3e9ed;border-radius:5px;background:linear-gradient(#f7fafb,#a5b3bd 48%,#73828d 51%,#d6e0e6);color:#152c40;font-weight:bold;text-decoration:none;text-shadow:0 1px #fff;box-shadow:0 0 0 1px #687c8b;line-height:1.3}.button:hover{background:linear-gradient(#faffff,#aed9f7 48%,#7aaccd 51%,#d6eeff)}.button[aria-current]{background:linear-gradient(#d3edff,#6f9dbc 48%,#37566f 51%,#91bedc);color:white;text-shadow:1px 1px #162c40}.button span{margin-right:6px}h1{font:bold italic 30px/1.1 Georgia,serif;color:#254e72;text-shadow:1px 1px white,2px 2px #aac7dc;margin:8px 0 16px}h3{font-size:11px;letter-spacing:1px}p{margin:10px 0}.welcome{display:grid;grid-template-columns:38% minmax(0,1fr);gap:15px;align-items:center}.character-slot{min-height:220px;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px dashed #7f9eb5;background:radial-gradient(ellipse,#96c3e455,transparent 70%);color:#587790}.character-slot span{font-size:55px;line-height:1}.character-slot small{font-size:9px;padding:0 10px}.checker-rule{height:8px;background:repeating-conic-gradient(#172839 0 25%,#e5f1fa 0 50%) 0/8px 8px;margin:14px 0}.ribbon{border:6px ridge #c2d9e9;background:#0d1722;color:#d9ebf9;padding:9px 5px;text-align:center;font:bold italic 12px Georgia,serif;margin:0 0 13px;letter-spacing:2px}.asset{position:relative;min-height:120px;display:grid;place-items:center;background:linear-gradient(135deg,#dae5ed,#f6faff 50%,#b5cbdc);border:3px ridge #bccbd6;text-align:center;overflow:hidden}.asset img{display:none;max-width:100%;height:auto}.asset.loaded img{display:block}.asset.loaded .missing{display:none}.missing{padding:25px 12px;color:#4f6a7e;font:12px/1.8 monospace;overflow-wrap:anywhere}.missing small{display:block;font:10px/1.5 Tahoma,sans-serif}.artwork{margin:12px 0 22px}.artwork .asset{min-height:230px}.artwork p{font-size:11px;border-top:1px dotted #6a8a9f;padding-top:8px}.center{text-align:center}.file-name{letter-spacing:2px;font-weight:bold}.ornament{font-size:32px;line-height:1.5;color:#37678d;text-align:center;text-shadow:2px 2px #b3cddd}.block{margin:24px 0}.block>p:first-child{border-bottom:3px double #9aafc0;font-weight:bold;letter-spacing:1px}.page-content>.panel-body>.asset{max-width:300px}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border:9px ridge #c4dfee;border-radius:6px 6px 35px 6px;padding:17px;margin-top:4px;background:linear-gradient(110deg,#0b1520,#30495f,#0b1520);color:#d0e5f7;font:10px/1.6 monospace}footer a{color:#daebf7}footer>a:first-child{font:bold italic 24px Georgia,serif}.page-content a{overflow-wrap:anywhere}
@media(min-width:761px){.right .panel:last-child{border-bottom-right-radius:30px}.right .panel:last-child .panel-body{border-bottom-right-radius:20px}}
@media(max-width:1000px){.desktop{margin:25px 14px}.layout{grid-template-columns:155px minmax(0,1fr) 150px;gap:9px}.panel-body{padding:9px}.welcome{grid-template-columns:1fr}.character-slot{min-height:125px}.character-slot span{font-size:35px}}
@media(max-width:760px){.desktop{padding:8px;margin:20px 9px}.masthead{padding:20px 13px;border-width:8px}.layout{grid-template-columns:1fr}.left{display:contents}.left .panel:first-child{grid-row:1}.left .panel:not(:first-child){display:none}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}nav .button{font-size:11px;padding:8px 3px;text-align:center}nav .button span{display:none}.right{display:grid;grid-template-columns:1fr 1fr;gap:9px}.right .panel:last-child{display:none}.welcome{grid-template-columns:30% minmax(0,1fr);gap:10px}.character-slot{min-height:190px}footer{flex-wrap:wrap}.system-strip{font-size:8px}.masthead p{letter-spacing:1px;font-size:10px}}
@media(max-width:400px){.welcome{grid-template-columns:1fr}.character-slot{min-height:110px}.right{grid-template-columns:1fr}h1{font-size:27px}nav{grid-template-columns:repeat(2,1fr)}}