:root{font-family:Arial,Helvetica,sans-serif;color:#ddd7c8;background:#101617;font-synthesis:none;font-weight:400;--gold: #d1ac60;--muted: #8e948b;--line: #414438;--serif: QuestPrivate, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 12% 0,#28322c80,transparent 55%),radial-gradient(ellipse at 98% 50%,#182a2980,transparent 50%),#101617;min-height:100svh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.42}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d5b467;outline-offset:4px}button{transition:background .16s,border-color .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}p{line-height:1.6}a{color:inherit;text-decoration:none}.hud-shell{max-width:1440px;margin:auto;padding:0 max(38px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(38px,env(safe-area-inset-left))}.topbar{height:91px;border-bottom:1px solid #83866d26;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-family:var(--serif);font-size:21px;letter-spacing:2px;color:#eee4cc}.brand b{font-weight:500;color:var(--gold)}.brand-mark{display:grid;place-items:center;width:35px;height:40px;border:1px solid #987848;background:linear-gradient(135deg,#696045,#292b25 65%);color:#edc86e;font:700 32px Georgia;text-shadow:1px 2px #18120a;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.top-controls{display:flex;gap:13px;align-items:center}.connection{font-size:10px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:8px;margin-right:10px;color:#d2b66d}.connection i{width:6px;height:6px;border-radius:100%;background:currentColor}.connection.live{color:#88bfa0}.connection.live i{box-shadow:0 0 10px #72cda36b}.connection.offline{color:#b69183}.connection.preview{color:#999f99}.icon-button{background:transparent;border:0;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:#a4a997}.icon-button:hover{color:#ead19a;background:#eee8cc08}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:35px 0 26px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#9aa291;font-weight:700;margin:0 0 9px}.page-heading h1{font-size:38px;color:#e6e3d5;letter-spacing:-.6px;margin:0}.page-heading h1 span{color:var(--gold)}.add-button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;background:linear-gradient(#29342f,#202a27);border:1px solid #555a45;border-radius:3px;padding:10px 18px;font-size:12px;color:#d9c796}.project-tabs{display:flex;gap:5px;border-bottom:1px solid #58604a60;margin-bottom:26px}.project-tabs button{display:flex;gap:10px;align-items:center;position:relative;border:0;border-bottom:2px solid transparent;background:transparent;padding:15px 22px;font-size:13px;color:#899389;min-height:52px}.project-tabs button.selected{border-color:var(--gold);color:#e0c78c;background:linear-gradient(transparent,#b3944f0d)}.tab-dot{width:4px;height:4px;border-radius:100%;background:#dbb368;margin-left:14px}.quest-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:24px;align-items:start}.main-column,.journal-column{display:flex;flex-direction:column;gap:23px;min-width:0}.metal{background:linear-gradient(145deg,#242b26b0,#17201eeb);border:1px solid #52564394;box-shadow:inset 0 0 0 3px #0d17182b,0 5px 18px #00000015;border-radius:3px}.current-panel{position:relative;color:#423523;background:radial-gradient(ellipse at 45% 12%,#f0deaf,transparent 75%),repeating-linear-gradient(101deg,#c2a46f12 0px,#c2a46f12 1px,transparent 1px,transparent 4px),linear-gradient(110deg,#c7ad77,#e3ca91 20%,#dec28a 80%,#bca16d);border:1px solid #c3a166;border-radius:4px;padding:26px 32px 28px;box-shadow:0 0 0 3px #1a201a,0 0 0 4px #71623f,0 12px 28px #0004,inset 0 0 55px #7050272b;background-size:cover}.current-panel:before,.current-panel:after{content:"◆";position:absolute;color:#8b6d3f;font-size:11px;top:7px}.current-panel:before{left:8px}.current-panel:after{right:8px}.panel-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#82693c;margin-bottom:29px;font-weight:700;gap:12px}.panel-label>span:first-child{display:flex;align-items:center;gap:8px}.chapter-label{font-family:var(--serif);letter-spacing:.3px;font-size:12px}.quest-title-row{display:flex;align-items:center;gap:18px;margin-bottom:20px}.quest-marker{font:700 57px Georgia;color:#eab829;line-height:1;flex:0 0 46px;text-align:center;text-shadow:1px 2px 0 #7c561a,-1px -1px #fff1a5,0 3px 4px #58401b45}.quest-marker img{width:46px;height:58px;object-fit:contain}.quest-type{font-size:9px;letter-spacing:2px;color:#8b6a30;margin:0 0 7px;font-weight:700}.quest-title-row h2{font-size:30px;line-height:1.16;letter-spacing:-.6px;margin:0;color:#382d1c;text-shadow:0 1px #fff1c766}.quest-description{font-family:var(--serif);font-size:16px;line-height:1.65;color:#6b5537;margin:0 0 20px}.rule{height:20px;display:flex;align-items:center;justify-content:center;color:#8b734954;font-size:9px;gap:12px;margin:5px 0 17px}.rule:before,.rule:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#8b73494d);flex:1}.rule:after{transform:rotate(180deg)}.objectives-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.objectives-heading h3{font-size:20px;margin:0}.objectives-heading>span{font-size:10px;color:#846d47}.objective-list{list-style:none;padding:0;margin:0 0 24px}.objective{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #92744528;align-items:flex-start}.objective:last-child{border:0}.objective-check{height:44px;width:36px;flex:0 0 36px;display:grid;place-items:center;background:none;border:0;color:#8b774f;margin-top:-10px}.objective.active .objective-check>span{width:12px;height:12px;transform:rotate(45deg);background:#a67829;box-shadow:0 0 0 3px #ba913c2b}.objective.complete .objective-check{color:#5d743d}.objective-content{flex:1;min-width:0}.objective-title{display:block;font-size:14px;line-height:1.5}.objective.complete .objective-title{color:#7e7957;text-decoration:line-through;text-decoration-color:#7e795770}.objective.active .objective-title{color:#4e361a;font-weight:700}.active-label{font-size:8px;letter-spacing:1.2px;color:#93712e;display:block;margin-top:5px}.objective details{font-size:11px;margin-top:6px;color:#806947;line-height:1.5}.objective details summary{cursor:pointer;min-height:30px;display:flex;align-items:center;font-size:10px}.objective details p{margin:4px 0}.objective details code{font-size:9px;overflow-wrap:anywhere}.objective-block{background:none;border:0;color:#816944;min-height:44px;min-width:34px;margin-top:-10px;font-size:10px}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#856b40;margin-bottom:9px}.progress-label b{color:#5b482b;font-size:11px}.progress-track{height:12px;background:#77633b49;border:1px solid #7b673e6b;padding:2px;box-shadow:inset 0 1px 3px #66522c4d}.progress-track>div{height:100%;background:linear-gradient(#98a373,#6c8150 55%,#8c9a63);box-shadow:0 0 8px #4d623033;transition:width .6s ease}.quest-footer{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.parchment-button,.complete-button{min-height:44px;padding:10px 14px;border:1px solid #8c704e66;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.parchment-button{background:#f8e7bf26;color:#7c6440}.complete-button{background:linear-gradient(#666b45,#3c492f);color:#e4dcb8;border-color:#596141;box-shadow:inset 0 0 0 1px #b3ae7033,0 2px 3px #5d4c2726}.complete-button:disabled{background:#8c845555;color:#746441;box-shadow:none;opacity:.75}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading h2{font-size:18px;color:#d6c391;display:flex;align-items:center;gap:10px;margin:0}.section-heading h2 svg{color:#a39d78}.journal-panel{padding:20px 21px 8px}.section-hint{font-size:10px;color:#8e9588;margin:9px 0 6px}.count-badge{color:#aab09b;font-size:10px;background:#78816819;border:1px solid #67715a4d;padding:3px 7px;border-radius:3px}.mini-quest{display:flex;gap:13px;padding:18px 0;border-top:1px solid #75826820}.section-heading+.mini-quest{border:0}.section-hint+.mini-quest{border:0}.mini-marker{font:30px var(--serif);color:#b6b094;flex:0 0 22px;text-align:center;padding-top:2px}.mini-quest.next .mini-marker{color:#ccb96a}.mini-quest.blocked .mini-marker{color:#b18e69}.mini-quest.complete .mini-marker{color:#8ea47d}.mini-body{min-width:0}.mini-body h3{font-size:17px;color:#dcd8c2;line-height:1.3;margin:0 0 7px}.mini-body>p{font-size:11px;color:#909b8f;margin-bottom:9px;line-height:1.55}.mini-body>.blocked-reason{color:#b89c77}.small-count{font-size:10px;color:#909783}.mini-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.mini-actions button{display:inline-flex;gap:5px;align-items:center;background:none;border:0;border-bottom:1px solid #9e8c5940;padding:8px 0;min-height:38px;font-size:10px;color:#c6b275}.recent-section{padding:20px 23px 12px}.text-button{background:none;border:0;display:inline-flex;align-items:center;gap:4px;min-height:38px;color:#b5b599;font-size:11px}.empty-note{font-family:var(--serif);font-style:italic;font-size:14px;color:#869080;margin:17px 0 18px;line-height:1.6}.empty-current{text-align:center;padding:40px 10px;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8f7447}.empty-current h2{margin:20px 0 8px;font-size:29px;color:#4b3a25}.empty-current p{font-family:var(--serif);color:#79623f}.hud-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:31px;padding:18px 0 6px;border-top:1px solid #78836b20;font-size:9px;color:#798575}.hud-footer>span:first-child{display:flex;align-items:center;gap:6px;letter-spacing:1.3px}.hud-footer>span:nth-child(2){font:italic 13px var(--serif);color:#909885}.hud-footer button{border:0;background:none;min-height:40px;display:flex;gap:7px;align-items:center;font-size:10px;color:#909885}.preview-banner{padding:10px;text-align:center;background:#76653625;color:#ccb77e;font-size:10px;letter-spacing:1px}.error-banner,.connection-note{border:1px solid #b0885544;background:#80612a22;padding:14px 16px;font-size:12px;line-height:1.5;margin-bottom:20px;border-radius:3px}.error-banner{color:#ecbda7}.empty-realm{padding:25px;margin-bottom:22px}.empty-realm h2{color:var(--gold)}.primary,.secondary{min-height:46px;padding:12px 20px;border-radius:3px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px}.primary{color:#f1dfaf;background:linear-gradient(#746039,#544628);border:1px solid #ac8d52;box-shadow:inset 0 0 0 2px #3a341e55}.secondary{color:#d5cbaa;background:#2c342c;border:1px solid #65664e}.modal{color:#d4d6c9;width:min(550px,calc(100vw - 36px));max-height:calc(100svh - 60px);padding:25px 27px;box-shadow:0 25px 100px #000a}.modal::backdrop{background:#060c0dd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.modal-heading h2{margin:0;color:#dbc697;font-size:26px}.modal h3{font-size:19px;color:#d5c499}.modal p{font-size:13px}.modal label,.auth-card label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#bbbca5;margin-bottom:18px}.modal input:not([type=checkbox]):not([type=range]),.modal textarea,.modal select,.auth-card input{width:100%;border:1px solid #6d755648;border-radius:3px;background:#0c1514b0;color:#eee9d7;padding:13px 12px;font-size:14px;min-height:46px}.modal textarea{resize:vertical;min-height:94px}.modal .primary{width:100%}.muted{color:#8e9a8d;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row label{min-width:0}.form-error{color:#efb497}.modal .toggle-label{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 0}.toggle-label input{width:22px;height:22px;accent-color:#ac8c49}.activity-list article{display:flex;gap:13px;border-bottom:1px solid #76806930;padding:16px 0;font-size:13px}.activity-list article p{margin:5px 0;color:#9da592}.activity-list time{font-size:10px;color:#7e8c7c}.activity-symbol{color:#a0ac7a;padding-top:3px}.celebration{position:fixed;left:50%;bottom:max(40px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:15px;align-items:center;padding:18px 26px;background:linear-gradient(140deg,#273a2a,#1b281f);border:1px solid #b39b5b;color:#e2cc8c;box-shadow:0 0 50px #b9923922,0 10px 45px #0009;z-index:10;animation:appear .4s ease;font-family:var(--serif);text-align:center;max-width:90vw}.celebration small{display:block;font:11px Arial;color:#a9b295;margin-top:7px}.quest-celebration{font-size:26px;letter-spacing:3px;padding:26px 35px;border-color:#d5b669;text-shadow:0 0 16px #d1af4666}.auth-scene{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 24px}.auth-brand{text-align:center;margin-bottom:30px}.crest{width:58px;height:65px;display:grid;place-items:center;margin:0 auto 23px;font:700 49px Georgia;color:#e7c36e;text-shadow:1px 2px #493619;border:1px solid #ae8c4b;background:linear-gradient(140deg,#665a38,#292f25);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.auth-brand h1{font-size:47px;letter-spacing:1px;color:#e8dfc1;margin:13px 0 7px}.auth-brand>p:last-child{font:17px var(--serif);color:#9ca38d}.auth-card{max-width:420px;width:100%;padding:30px;text-align:center}.auth-card>svg{color:#b6a676}.auth-card h2{font-size:25px;color:#e0c995;margin:16px 0 12px}.auth-card>p{font-size:12px;color:#a3ab99}.auth-card form{text-align:left;margin-top:24px}.auth-card form .primary{width:100%}.auth-card small{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#83937e}.auth-scene footer{font-size:8px;letter-spacing:2px;color:#697663;margin-top:30px}.setup-note{padding:20px 0}.setup-note h3{font-size:19px;color:#c2b588}.setup-note p{font-size:13px;color:#97a18e}@keyframes appear{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(min-width:1300px){.hud-shell{padding-left:65px;padding-right:65px}.page-heading{padding-top:43px}.quest-layout{gap:29px}.current-panel{padding:30px 38px 31px}.quest-title-row h2{font-size:34px}.quest-description{font-size:17px}.objective-title{font-size:15px}.objective{padding:16px 0}}@media(max-width:900px){.hud-shell{padding-left:max(26px,env(safe-area-inset-left));padding-right:max(26px,env(safe-area-inset-right))}.quest-layout{grid-template-columns:minmax(0,1fr)}.journal-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.journal-column>section:first-child{grid-column:1/-1}.page-heading{padding-top:30px}.main-column{gap:22px}.current-panel{padding:28px 34px}.quest-title-row h2{font-size:32px}.objective-title{font-size:16px}.quest-description{font-size:17px}.current-panel .objective{padding:17px 0}.objective-list{margin-bottom:20px}.objective details summary{font-size:11px}.journal-panel{padding:22px}.mini-body h3{font-size:19px}.mini-body>p{font-size:12px}.hud-footer{margin-top:24px}.mini-actions button{min-height:44px}.chapter-label{font-size:13px}}@media(max-width:550px){.hud-shell{padding-left:16px;padding-right:16px}.topbar{height:73px}.brand{font-size:17px;gap:9px}.brand-mark{width:28px;height:33px;font-size:28px}.top-controls{gap:0}.connection{font-size:8px;gap:6px;margin-right:4px;letter-spacing:1px}.top-controls .icon-button{min-width:38px}.page-heading{padding:26px 0 19px}.page-heading h1{font-size:30px}.eyebrow{font-size:7px;letter-spacing:1.6px}.add-button{font-size:10px;padding:10px;gap:5px}.project-tabs button{padding:14px 16px;font-size:12px}.project-tabs{margin-bottom:22px}.current-panel{padding:23px 21px}.chapter-label{display:none}.panel-label{margin-bottom:24px}.quest-title-row{gap:12px}.quest-title-row h2{font-size:27px}.quest-marker{flex-basis:33px;font-size:48px}.quest-description{font-size:16px}.objective-title{font-size:14px}.objective-check{width:26px;flex-basis:26px}.objective-block{min-width:27px}.quest-footer{gap:7px}.quest-footer button{padding:10px;font-size:10px}.journal-column{display:flex}.hud-footer>span:nth-child(2){display:none}.hud-footer{gap:10px}.hud-footer>span:first-child{font-size:8px;letter-spacing:.9px}.quest-celebration{font-size:20px;letter-spacing:2px}.form-row{grid-template-columns:1fr}.auth-brand h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:901px)and (max-height:950px){.topbar{height:65px}.page-heading{padding:20px 0 15px}.page-heading h1{font-size:30px}.project-tabs{margin-bottom:18px}.project-tabs button{padding:10px 20px;min-height:46px}.current-panel{padding:20px 28px}.panel-label{margin-bottom:16px}.quest-title-row{margin-bottom:12px}.quest-title-row h2{font-size:27px}.quest-description{font-size:15px;line-height:1.5;margin-bottom:10px}.rule{margin:0 0 10px;height:14px}.objective{padding:8px 0}.objective details summary{min-height:22px}.objective-list{margin-bottom:14px}.quest-footer{margin-top:17px}.quest-layout{gap:20px}.journal-panel{padding-top:16px}.mini-quest{padding:12px 0}.journal-column{gap:16px}.quest-marker{font-size:48px}.recent-section{padding-top:14px}}