canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:pixelated}
body{margin:0;padding:0;background-color:#080808;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23080808'/%3E%3Crect width='1' height='1' x='0' y='0' fill='%230f0f0f' opacity='1'/%3E%3Crect width='1' height='1' x='2' y='2' fill='%230f0f0f' opacity='1'/%3E%3C/svg%3E");color:#ccbbdd;font-family:"Times New Roman",Georgia,serif;cursor:default}
#wrap{position:relative;z-index:1;width:780px;margin:0 auto;padding:8px 0;border:2px solid #332244;background:#090909}
a{color:#00ccaa;text-decoration:underline}
a:hover{color:#00ffcc;background:#001a14}
a:visited{color:#007755}

/* NETSCAPE WINDOW STYLE */
.win{background:#1a0a2e;border-top:2px solid #6633aa;border-left:2px solid #6633aa;border-right:2px solid #110020;border-bottom:2px solid #110020;margin-bottom:7px}
.win-title{background:linear-gradient(90deg,#2d0a5e 0%,#1a0535 50%,#0d0020 100%);padding:3px 7px;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:11px;color:#cc99ff;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3d1f6e;user-select:none}
.win-title .wcontrols{color:#440066;font-size:10px;letter-spacing:2px}
.win-body{padding:9px 11px;font-size:13px;line-height:1.7;color:#bbaacc}
.win-body p{margin:0 0 7px}
.win-body p:last-child{margin:0}

/* SIDEBAR WIN */
.swin{background:#100818;border-top:2px solid #336655;border-left:2px solid #336655;border-right:2px solid #0a1a14;border-bottom:2px solid #0a1a14;margin-bottom:7px}
.swin-title{background:linear-gradient(90deg,#0a2a1e 0%,#061510 100%);padding:3px 7px;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px;color:#00aa88;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1a4433;user-select:none}
.swin-title .wcontrols{color:#0a3322;font-size:10px;letter-spacing:2px}
.swin-body{padding:7px 9px;font-size:11px;line-height:1.65;color:#779988}

/* GOLDEN WIN */
.gwin{background:#12100a;border-top:2px solid #776633;border-left:2px solid #776633;border-right:2px solid #1a1408;border-bottom:2px solid #1a1408;margin-bottom:7px}
.gwin-title{background:linear-gradient(90deg,#2a2010 0%,#1a1408 100%);padding:3px 7px;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:11px;color:#aa8833;letter-spacing:2px;border-bottom:1px solid #332810;user-select:none}

hr{border:none;border-top:1px solid #2d1f4e;margin:6px 0}

/* MARQUEE */
.marquee-wrap{background:#050505;border-top:1px solid #1a0a2e;border-bottom:1px solid #1a0a2e;padding:3px 0;overflow:hidden;margin-bottom:7px}
marquee{font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px;color:#331a4e;letter-spacing:1px}

/* HEADER */
#header{text-align:center;padding:12px 14px}
#header h1{font-family:"Times New Roman",Georgia,serif;font-size:26px;color:#cc88ff;margin:0 0 4px;font-weight:bold;letter-spacing:3px}
#header .sub{font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px;color:#556644;letter-spacing:3px;margin-top:2px}
#header .skulls{font-size:14px;color:#6633aa;letter-spacing:5px;margin:5px 0 2px}
#header .gold{color:#aa8833;font-size:11px;letter-spacing:2px;margin-top:4px;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace}

#page-title{font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:16px;color:#cc99ff;margin:0 0 6px;letter-spacing:2px}
#page-subtitle{font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:11px;color:#779988;margin:0 0 10px}

#retro-banner{background:#101010;border:1px dashed #334433;padding:6px 10px;margin-bottom:7px;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px;color:#88cc99;letter-spacing:1px;text-align:center}
#retro-banner a{color:#88ddaa;text-decoration:none}
#retro-banner a:hover{text-decoration:underline}

/* NAV */
#topnav{background:#0d0d0d;border-top:2px solid #333;border-left:2px solid #333;border-right:2px solid #111;border-bottom:2px solid #111;padding:4px 8px;margin-bottom:7px;display:flex;gap:2px;align-items:center}
.navbtn{font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:11px;color:#aaa;text-decoration:none;padding:2px 8px;border-top:1px solid #555;border-left:1px solid #555;border-right:1px solid #222;border-bottom:1px solid #222;background:#1a1a1a;letter-spacing:1px}
.navbtn:hover{background:#2a2a2a;color:#fff;text-decoration:none}
.navbtn.active{background:#111;border-top:1px solid #222;border-left:1px solid #222;border-right:1px solid #555;border-bottom:1px solid #555;color:#fff;text-decoration:none}
.navsep{color:#333;margin:0 4px;font-size:14px}

/* MAIN LAYOUT */
#main{display:table;width:100%;border-collapse:separate;border-spacing:7px 0}
#content{display:table-cell;width:510px;vertical-align:top}
#sidebar{display:table-cell;width:250px;vertical-align:top}

/* WORKLIST */
.worklist{list-style:none;margin:0;padding:0}
.worklist li{padding:6px 0;border-bottom:1px solid #1a0a2e;font-size:12px;display:flex;gap:8px;align-items:flex-start}
.worklist li:last-child{border-bottom:none}
.wimg{width:44px;height:44px;background:#0a0015;border:1px solid #2d1f4e;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#330044;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;text-align:center;line-height:1.3}
.winfo{}
.wtitle{color:#cc88ff;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;display:block;font-size:12px}
.wrole{color:#664488;font-size:11px;display:block}
.wyear{color:#443355;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px}

.now-item{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #0a1a14}
.now-item:last-child{border:none;margin:0;padding:0}
.now-type{font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:9px;color:#226644;letter-spacing:1px;text-transform:uppercase}
.now-val{font-size:11px;color:#558866}

.img-slot{background:#0a0010;border:1px inset #2d1f4e;display:flex;align-items:center;justify-content:center;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px;color:#2d1f4e;text-align:center;line-height:1.6}

.counter{text-align:center;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px;color:#226644;border:2px inset #1a3a2a;background:#050f0a;padding:5px;letter-spacing:1px}
.counter-num{color:#00aa77;font-size:15px;font-weight:bold;display:block;letter-spacing:4px;margin:2px 0}

.blink{animation:bl 1s step-end infinite}
@keyframes bl{50%{opacity:0}}
.stargif{display:inline-block;animation:sp 4s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

#footer{text-align:center;padding:7px;font-family:"Courier New", "Lucida Console", "DejaVu Sans Mono", monospace;font-size:10px;color:#220033;border-top:2px solid #1a0a2e;margin-top:4px;letter-spacing:1px;background:#050505}
#footer a{color:#335544;font-size:10px}

.accent-cyan{color:#00ccaa}
.accent-gold{color:#aa8833}
.accent-purple{color:#9955cc}
.page-link{display:inline-block;margin:4px 0;font-size:11px}