@import "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Oswald:wght@400;500;700&display=swap";:root{--text:#e8e6d9;--text-muted:#b7b3a6;--text-dim:#8d897c;--panel:#141618d9;--panel-edge:#ffffff14;--panel-border:#ffffff2e;--gold:#c2b280;--accent:#f5f2e8;--shadow:#00000073;--background:#0c0d10;--font-ui:"Oswald", "Jost", "Cinzel", "Times New Roman", serif;font:18px/1.5 var(--font-ui);letter-spacing:.5px;color:var(--text);background:var(--background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.load-state{min-height:100svh;color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;justify-content:center;align-items:center;font-size:14px;display:flex}body{min-height:100svh;color:var(--text);background-color:#0000;background-image:linear-gradient(#08090c4d,#04050680),radial-gradient(circle at top,#50565c33,#0000 65%),url(/background.webp);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}body[data-background="2"]{background-image:linear-gradient(#08090c4d,#04050680),radial-gradient(circle at top,#50565c33,#0000 65%),url(/background-2.webp)}.background-toggle{z-index:100;border:1px solid var(--panel-border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#00000073;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:border-color .2s,color .2s;display:flex;position:fixed;bottom:16px;right:16px}.background-toggle:hover{color:var(--text);border-color:#ffffff59}@media (width<=639px){.background-toggle{width:30px;height:30px;font-size:13px;bottom:10px;right:10px}}#root{justify-content:flex-start;align-items:stretch;min-height:100svh;padding:0;display:flex}.menu-shell{grid-template-rows:auto 1fr auto;gap:18px;width:100%;min-height:100svh;padding-top:24px;display:grid}.menu-header,.menu-tabs,.menu-footer,.menu-bumper,.button-hint,.button-glyph,.objectives-header,.panel-ornament,.quest-item,.quest-item.is-selected{text-transform:uppercase}.menu-header,.quest-menu{width:min(1080px,100%);margin:0 auto}.quest-menu{clip-path:polygon(10% 0%,90% 0%,100% 14%,100% 100%,0% 100%,0% 14%);background:#0a0c0e66;flex-direction:column;padding:22px 26px 28px;display:flex;position:relative}.quest-menu:before,.quest-menu:after{content:"";pointer-events:none;clip-path:inherit;border:1px solid #fff3;position:absolute;inset:0}.quest-menu:after{background-color:#0000;background-image:linear-gradient(90deg,#fff3,#0000),linear-gradient(#fff3,#0000),linear-gradient(-90deg,#fff3,#0000),linear-gradient(#fff3,#0000),linear-gradient(90deg,#fff3,#0000),linear-gradient(#0000,#fff3),linear-gradient(-90deg,#fff3,#0000),linear-gradient(#0000,#fff3);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:18px 1px,1px 18px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-color:#ffffff1a;inset:12px}.menu-header,.menu-footer{letter-spacing:2px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid;position:relative}.menu-header{padding:6px 0}.menu-header .menu-bumper{z-index:2;position:relative}.menu-header .menu-bumper:first-child{justify-self:end;margin-right:8px}.menu-header .menu-bumper:last-child{justify-self:start;margin-left:8px}.menu-header:after{content:"";background:#fff3;height:1px;position:absolute;bottom:-10px;left:0;right:0}.menu-bumper{border:1px solid var(--panel-border);font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:#00000073;justify-self:center;padding:0;transition:opacity .15s,border-color .15s}.menu-bumper:hover:not(:disabled){border-color:#ffffff59}.menu-bumper:disabled{opacity:.35;cursor:default}.menu-tabs{clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%);background:linear-gradient(90deg,#0c0e10e6 0%,#181a1ca6 45% 55%,#0c0e10e6 100%);border:1px solid #ffffff59;justify-content:center;gap:24px;padding:8px 18px;display:flex;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #fff3}.menu-tab{color:var(--text);font:inherit;letter-spacing:2px;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-weight:700}.menu-tab.is-active{color:var(--accent);position:relative}.menu-tab span:before,.menu-tab span:after{content:"◇";opacity:0;margin:0 8px;font-size:10px}.menu-tab.is-active span:before,.menu-tab.is-active span:after{opacity:.7}.menu-body{flex:1;grid-template-columns:minmax(220px,280px) 1fr;gap:28px;min-height:420px;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:inset 0 0 0 1px var(--panel-edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.quest-list{flex-direction:column;display:flex;position:relative}.quest-list:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff38 0 1px,#0000 1px 2px,#ffffff38 2px 3px);width:3px;position:absolute;top:-22px;bottom:-28px;right:0}.panel-left{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;background:0 0;border:none;flex:1;align-content:start;justify-items:end;gap:8px;padding:0 12px 0 0;display:grid;position:relative;overflow:hidden}.panel-left ul{width:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.panel-right{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;grid-template-columns:1fr;gap:18px;padding:0;display:grid}.quest-list ul,.objectives ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.quest-item{width:100%;color:var(--text);font:inherit;letter-spacing:2px;cursor:pointer;text-align:right;text-transform:uppercase;opacity:.85;background:0 0;border:none;justify-content:flex-end;align-items:center;padding:7px 6px;font-size:20px;transition:font-size .2s,letter-spacing .2s,color .2s,opacity .2s;display:flex;position:relative}.quest-item.is-selected{color:var(--accent);opacity:1;letter-spacing:2.5px;font-size:26px}.quest-item.is-selected:after{content:"";border-style:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent var(--accent);filter:drop-shadow(0 0 3px #f5f2e866);width:0;height:0;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.quest-title-row{justify-content:center;align-items:center;gap:18px;display:flex}.title-side-ornament{opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:contain;width:84px;height:18px}.title-side-ornament.left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='18' viewBox='0 0 84 18' fill='none'%3E%3Cpath d='M2 9H24' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M24 9L32 3L38 9L32 15L24 9Z' stroke='%23b7b3a6' stroke-width='1' fill='none'/%3E%3Cpath d='M38 9H46' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M46 9C50 3 58 3 62 9C58 15 50 15 46 9Z' stroke='%23b7b3a6' stroke-width='1' fill='none'/%3E%3Cpath d='M62 9H82' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M67 5L71 9L67 13' stroke='%23b7b3a6' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.title-side-ornament.right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='18' viewBox='0 0 84 18' fill='none'%3E%3Cpath d='M82 9H60' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M60 9L52 3L46 9L52 15L60 9Z' stroke='%23b7b3a6' stroke-width='1' fill='none'/%3E%3Cpath d='M46 9H38' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M38 9C34 3 26 3 22 9C26 15 34 15 38 9Z' stroke='%23b7b3a6' stroke-width='1' fill='none'/%3E%3Cpath d='M22 9H2' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M17 5L13 9L17 13' stroke='%23b7b3a6' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.objectives-ornament{opacity:.85;justify-content:center;gap:8px}.objectives-ornament .ornament-line-short{max-width:70px}.ornament-mark{color:var(--text-muted);font-size:10px;line-height:1}.ornament-line{background:linear-gradient(90deg, transparent, var(--panel-border), transparent);flex:1;height:1px}.quest-title{letter-spacing:3px;color:var(--text);text-transform:uppercase;text-align:center;margin:0;font-size:25px}.quest-description{text-transform:none;letter-spacing:.8px;color:var(--text);font-size:20px;line-height:1.7}.objectives{margin-top:8px}.objectives-ornament-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.objectives-ornament-line{background:linear-gradient(90deg, transparent, var(--panel-border), transparent);flex:1;height:1px}.objectives-ornament-mark{color:var(--text-muted);font-size:10px;line-height:1}.objectives-header{letter-spacing:3px;color:var(--text);justify-content:center;align-items:center;gap:16px;margin-bottom:12px;font-size:25px;display:flex}.objectives-header:before{content:"";opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14' fill='none'%3E%3Cpath d='M2 7H38' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M38 7L46 3L54 7L46 11Z' stroke='%23b7b3a6' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:64px;height:14px}.objectives-header:after{content:"";opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14' fill='none'%3E%3Cpath d='M10 7L18 3L26 7L18 11Z' stroke='%23b7b3a6' stroke-width='1' fill='none'/%3E%3Cpath d='M26 7H62' stroke='%23b7b3a6' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:64px;height:14px}.objectives li{text-transform:none;color:var(--text-muted);grid-template-columns:20px 1fr;align-items:start;gap:12px;padding:3px 0;font-size:18px;display:grid}.objective-icon,.status-completed .objective-text,.status-active .objective-text{color:var(--accent)}.status-pending .objective-icon{color:var(--text-dim)}.menu-footer{letter-spacing:2.5px;color:var(--text);background:#06080a94;grid-template-columns:1fr auto;align-items:start;width:100%;min-height:84px;padding:14px 24px 18px;font-size:11px;font-weight:700}.menu-footer:before{content:"";background:#ffffff2e;height:1px;position:absolute;top:-12px;left:0;right:0}.footer-controls{gap:28px;display:flex}.button-hint{align-items:center;gap:10px;font-weight:700;display:inline-flex}.button-glyph{border:1px solid var(--panel-border);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;line-height:1;display:flex}.icon-plus{position:relative}.icon-plus:before,.icon-plus:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-plus:before{width:10px;height:2px}.icon-plus:after{width:2px;height:10px}.footer-date{justify-self:end;font-weight:700}.footer-info-link{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;transition:color .2s}.footer-info-link:hover{color:var(--accent)}@media (width<=639px){.menu-shell{gap:8px;padding-top:12px}.quest-menu{clip-path:none;flex:1;width:auto;margin:0 12px;padding:12px 14px 16px}.menu-body{grid-template-columns:1fr;gap:0}[data-mobile-view=detail] .quest-list,[data-mobile-view=list] .quest-detail,.quest-list:after{display:none}.panel-left{padding:0;overflow:visible}.panel-left ul{flex-direction:column;gap:2px;transition:none;display:flex;transform:none!important}.quest-item{text-align:left;letter-spacing:1.5px;border-bottom:1px solid #ffffff0f;justify-content:flex-start;padding:10px 8px;font-size:16px}.quest-item.is-selected{font-size:17px}.quest-item.is-selected:after{display:none}.menu-header{grid-template-columns:auto 1fr;gap:8px}.menu-bumper{display:none}.menu-tabs{clip-path:none;width:100%;box-shadow:none;background:0 0;border:none;grid-column:1/-1;justify-content:space-evenly;gap:0;padding:4px 0}.menu-tab{letter-spacing:1.5px;padding:6px 14px 6px 0;font-size:13px}.back-button{color:var(--text-muted);font:inherit;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 0 16px;font-size:13px;display:flex}.quest-title{letter-spacing:2px;font-size:20px}.quest-description{font-size:15px}.objectives-header{gap:10px;font-size:20px}.objectives-header:before,.objectives-header:after{width:32px}.objectives li{font-size:14px}.menu-footer{grid-template-columns:1fr;gap:6px;min-height:auto;padding:10px 14px 14px}.footer-date{opacity:.6;letter-spacing:1px;justify-self:start;font-size:10px}}.back-button{display:none}.load-state-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.landing{justify-content:center;align-items:center;width:100%;min-height:100svh;padding:32px 16px;display:flex}.landing-panel{clip-path:polygon(6% 0%,94% 0%,100% 8%,100% 100%,0% 100%,0% 8%);background:#0a0c0e66;flex-direction:column;gap:24px;width:min(700px,100%);padding:40px 48px;display:flex;position:relative}.landing-panel:before,.landing-panel:after{content:"";pointer-events:none;clip-path:inherit;border:1px solid #fff3;position:absolute;inset:0}.landing-panel:after{background-color:#0000;background-image:linear-gradient(90deg,#fff3,#0000),linear-gradient(#fff3,#0000),linear-gradient(-90deg,#fff3,#0000),linear-gradient(#fff3,#0000),linear-gradient(90deg,#fff3,#0000),linear-gradient(#0000,#fff3),linear-gradient(-90deg,#fff3,#0000),linear-gradient(#0000,#fff3);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:18px 1px,1px 18px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-color:#ffffff14;inset:12px}.landing-title-row{justify-content:center;align-items:center;gap:18px;display:flex}.landing-title{letter-spacing:4px;color:var(--accent);text-align:center;text-transform:uppercase;margin:0;font-size:28px}.landing-subtitle{text-align:center;color:var(--text-muted);letter-spacing:1px;margin:0;font-size:17px}.landing-fields{flex-direction:column;gap:20px;display:flex}.landing-label{letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.landing-textarea{resize:vertical;font:inherit;letter-spacing:.3px;color:var(--text);border:1px solid var(--panel-border);background:#00000073;outline:none;width:100%;padding:12px 14px;font-size:15px;line-height:1.6;transition:border-color .2s}.landing-textarea:focus{border-color:#ffffff59}.landing-upload-link{font:inherit;letter-spacing:1px;text-transform:none;color:var(--text-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;font-weight:400;text-decoration:underline}.landing-upload-link:hover{color:var(--text-muted)}.landing-dropzone{border:1px dashed var(--panel-border);min-height:280px;color:var(--text-dim);letter-spacing:.3px;text-transform:none;text-align:center;cursor:pointer;background:#00000073;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;font-weight:400;transition:border-color .2s,color .2s;display:flex;position:relative}.landing-dropzone:hover{color:var(--text-muted);border-color:#ffffff59}.landing-dropzone-icon{color:var(--text-muted);font-size:28px}.landing-file-input{opacity:0;cursor:pointer;width:1px;height:1px;position:absolute;inset:0}.landing-file-chip{border:1px solid var(--panel-border);background:#00000073;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.landing-file-name{color:var(--text);letter-spacing:.3px;text-transform:none;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.landing-file-remove{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:24px;height:24px;font-size:16px;line-height:1}.landing-file-remove:hover{color:var(--text);border-color:#ffffff59}.landing-error{color:#c87070;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:14px}.landing-actions{align-items:center;gap:24px;display:flex}.landing-button{border:1px solid var(--panel-border);color:var(--accent);font:inherit;letter-spacing:3px;cursor:pointer;text-transform:uppercase;background:#141618cc;padding:14px 28px;font-size:15px;font-weight:700;transition:background .2s,border-color .2s}.landing-button:hover:not(:disabled){background:#282a2ccc;border-color:#ffffff59}.landing-button:disabled{opacity:.45;cursor:not-allowed}.landing-style-field{flex-direction:column;gap:8px;display:flex}.landing-style-toggle{border:1px solid var(--panel-border);width:fit-content;display:flex}.landing-style-btn{color:var(--text-muted);font:inherit;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:8px 20px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.landing-style-btn+.landing-style-btn{border-left:1px solid var(--panel-border)}.landing-style-btn span:before,.landing-style-btn span:after{content:"◇";opacity:0;margin:0 6px;font-size:9px}.landing-style-btn.is-active{color:var(--accent);background:#ffffff0f}.landing-style-btn.is-active span:before,.landing-style-btn.is-active span:after{opacity:.6}.landing-style-desc{color:var(--text-dim);letter-spacing:.5px;margin:0;font-size:13px}.landing-demo-link{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--panel-border);padding:13px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.landing-demo-link:hover{color:var(--accent);background:#ffffff0d;border-color:#ffffff59}.share-button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;padding:0}.share-button:hover .button-glyph{border-color:#ffffff59}@media (width<=639px){.landing{align-items:flex-start;padding:16px 12px}.landing-panel{clip-path:none;gap:18px;padding:20px 16px}.landing-title-row .title-side-ornament{display:none}.landing-title{letter-spacing:3px;font-size:20px}.landing-subtitle{font-size:15px}.landing-textarea{font-size:16px}.landing-style-toggle{width:100%}.landing-style-btn{text-align:center;flex:1}.landing-actions{flex-direction:column;align-items:stretch;gap:14px}.landing-button{text-align:center;width:100%}.landing-demo-link{text-align:center}}
