:root{--ink:#17272d;--muted:#566a70;--navy:#143d4b;--navy2:#255865;--paper:#faf6e9;--cream:#ece6d5;--line:#a9b6b8;--red:#993737;--gold:#c29a3d;--green:#3f7458;--white:#fff;--shadow:0 18px 50px #09232c42;font-family:Inter,Arial,sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#d8e0e0}button,input,select{font:inherit}button,.button-link{min-height:44px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f0b83f;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}h1{font:700 clamp(1.9rem,4vw,3.4rem)/1.03 Georgia,serif;letter-spacing:-.025em;margin:.25rem 0 1rem}h2,h3{font-family:Georgia,serif}p{line-height:1.58}.eyebrow{font:800 .73rem/1.35 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#416269;margin:0 0 .5rem}.primary,.secondary,.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #0c2d37;padding:.72rem 1rem;font-weight:800;text-decoration:none}.primary{background:var(--navy);color:#fff;box-shadow:3px 3px 0 #071f27}.secondary{background:#fff;color:var(--navy)}.wide{width:100%;margin-top:1rem}.back{display:inline-block;color:#075a79;text-decoration:none;font-weight:800;margin-bottom:1.2rem}.boot-screen{min-height:100dvh;background:#007c7d;display:grid;place-items:center;padding:1rem 1rem 60px;position:relative}.boot-screen:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,#ffffff18,transparent 46%),repeating-linear-gradient(0deg,#00000007 0 1px,transparent 1px 4px)}.boot-brand{align-self:start;margin-top:3vh;text-align:center;color:#fff;z-index:1}.boot-brand img{width:min(520px,75vw);max-height:32vh;object-fit:contain;filter:drop-shadow(8px 10px 0 #004848)}.boot-brand p{font:800 .8rem ui-monospace,monospace;letter-spacing:.14em}.win-dialog{z-index:2;background:#c0c0c0;border:3px outset #fff;box-shadow:12px 12px 0 #004646}.win-dialog>header{display:flex;justify-content:space-between;background:#000080;color:#fff;padding:.45rem .55rem;font:700 .82rem Tahoma,Arial,sans-serif}.win-dialog>header b{background:#c0c0c0;color:#111;border:2px outset #fff;padding:.15rem .4rem}.login-dialog{position:absolute;bottom:64px;width:min(720px,calc(100% - 2rem));max-height:68vh;overflow:auto}.dialog-body{display:grid;grid-template-columns:72px 1fr;gap:1rem;padding:1.2rem 1.2rem 0}.dialog-body>img{width:66px;height:66px;object-fit:contain;background:#fff;border:1px solid #777}.dialog-body h1{font:700 1.35rem Tahoma,Arial,sans-serif}.login-form{padding:1.2rem}.login-form>label{display:grid;gap:.4rem;font-weight:800}.login-form input[type=text],.login-form input[name=name]{min-height:48px;padding:.7rem;border:2px inset #fff}.login-form fieldset{margin:1rem 0}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.role-grid label{position:relative}.role-grid input{position:absolute;opacity:0}.role-grid span{display:block;background:#eee;border:2px outset #fff;padding:.7rem}.role-grid input:checked+span{border:3px solid #000080;background:#fff}.taskbar{position:absolute;left:0;right:0;bottom:0;height:48px;background:#c0c0c0;border-top:3px outset #fff;display:flex;align-items:center;justify-content:space-between;padding:.35rem .6rem;z-index:2}.taskbar strong{border:2px outset #fff;padding:.35rem .9rem}.intro-screen{min-height:100dvh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#173f4c,#789497)}.intro-panel{width:min(920px,100%);min-height:min(760px,calc(100dvh - 2rem));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--paper);border:1px solid #263f45;box-shadow:var(--shadow);padding:clamp(1.2rem,5vw,3.5rem)}.intro-panel>.scene{width:min(430px,78%);max-height:270px;object-fit:contain}.intro-panel>p{max-width:690px}.intro-points{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.intro-points article{display:grid;background:#e9efed;border:1px solid #a9b8b6;padding:.9rem}.app-shell{min-height:100dvh;display:grid;grid-template:68px 1fr/225px 1fr;background:linear-gradient(135deg,#446e73,#91a7a5)}.topbar{grid-column:1/-1;display:grid;grid-template-columns:225px 1fr auto;background:var(--navy);color:#fff;z-index:20}.brand{display:flex;align-items:center;gap:.65rem;background:#0d303c;color:#fff;text-decoration:none;padding:.45rem 1rem}.brand img{width:49px;height:49px;object-fit:contain;background:#fff;border-radius:50%}.location{display:grid;align-content:center;padding:0 1rem;min-width:0}.location small{color:#c1d5d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.economy{display:flex;align-items:center;margin-right:.6rem}.economy span{display:grid;place-items:center;border-left:1px solid #55747c;padding:.35rem .8rem;font-weight:900}.economy small{font-size:.57rem;color:#c9dadd}.sidebar{background:#173e4be8;padding:.8rem;display:grid;align-content:start;gap:.3rem}.sidebar a{position:relative;display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;padding:.45rem;border-left:4px solid transparent}.sidebar a.active{background:#ffffff18;border-left-color:var(--gold)}.sidebar img{width:42px;height:42px;border-radius:50%;background:#fff;object-fit:contain}.sidebar b{margin-left:auto;background:var(--red);border-radius:99px;padding:.1rem .4rem}.workspace{min-width:0;margin:1rem;background:#e9eded;border:1px solid #b5c1c2;box-shadow:var(--shadow);padding:clamp(1rem,3vw,2rem);overflow:auto}.flash{background:#fff1b8;border-left:6px solid var(--gold);padding:1rem;margin-bottom:1rem}.hero-panel{display:grid;grid-template-columns:1fr minmax(250px,40%);gap:2rem;align-items:center;background:var(--paper);border:1px solid #b9b19e;padding:clamp(1.2rem,4vw,2.5rem);position:relative;overflow:hidden}.hero-panel:before{content:'';position:absolute;top:-28px;left:38%;width:150px;height:34px;background:#ded2b5aa;transform:rotate(-4deg)}.hero-panel>img{width:100%;max-height:290px;object-fit:contain}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.module-grid a{min-height:140px;display:grid;place-items:center;align-content:center;gap:.45rem;background:var(--navy);color:#fff;border:1px solid #76959c;text-decoration:none;padding:.8rem}.module-grid img{width:62px;height:62px;border-radius:50%;background:#fff;object-fit:contain}.module-grid small{color:#cbdde0;text-align:center}.success-card{display:flex;gap:1rem;align-items:center;background:#f3e7b6;border:1px solid #b89942;margin-top:1rem;padding:1rem}.success-card img{width:86px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-bottom:2px solid #2a4d56;margin-bottom:1rem}.page-head>span{font:800 .72rem ui-monospace,monospace;padding-bottom:1rem}.mail-list{border:1px solid #9caaad}.mail-list>a{display:grid;grid-template-columns:48px minmax(135px,20%) 1fr auto;gap:.8rem;align-items:center;background:#eef1f1;color:var(--ink);text-decoration:none;border-bottom:1px solid #c0c9ca;padding:.65rem}.mail-list>a.unread{background:#fff;border-left:5px solid #17627a}.mail-list img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff}.mail-list span{display:grid;min-width:0}.mail-list small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-list em{font:800 .66rem ui-monospace,monospace}.mail-reader,.task-shell{max-width:1060px;margin:auto}.mail-reader{background:#fff;border:1px solid #b2c0c2;padding:clamp(1rem,4vw,2.4rem)}.mail-reader>header{display:grid;grid-template-columns:76px 1fr;gap:1rem;border-bottom:1px solid #c0cbcc}.mail-reader>header img{width:68px;height:68px;border-radius:50%;object-fit:cover}.mail-copy{font:1.06rem/1.7 Georgia,serif;padding:1.5rem 0;max-width:70ch}.reply-box{border-top:1px solid #bbc6c7;margin-top:1rem;padding-top:1rem}.reply-box button{width:100%;text-align:left;background:#f7f7f2;border:1px solid #9daeb0;padding:.8rem;margin:.3rem 0}.sent{border-left:5px solid var(--green);background:#e4f0e7;padding:1rem}.empty-state{text-align:center}.empty-state img{width:min(300px,75%)}.julreg-head img{width:min(240px,55vw);max-height:64px;object-fit:contain}.julreg-head>span{background:#f2db91;padding:.5rem;margin-bottom:.7rem}.case-list{display:grid;gap:.8rem}.case-list article{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;align-items:center;background:var(--paper);border:1px solid #b5ad99;padding:1rem}.case-list article>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}.case-list article.done{border-left:7px solid var(--green);background:#edf5ee}.case-list article.locked{opacity:.58}.case-list a{color:#075a79;font-weight:800}.knowledge-card{margin-top:1rem;background:#fff;border:1px solid #b1bfc1;padding:1rem}.knowledge-card article{display:grid;gap:.2rem;background:#edf4f3;border-left:4px solid #40777b;padding:.75rem;margin-top:.5rem}.knowledge-card small{color:var(--muted)}.task-head{display:flex;justify-content:space-between;gap:1.5rem;background:var(--paper);border:1px solid #b6ad98;padding:clamp(1rem,3vw,2rem);margin-bottom:1rem}.task-head>span{align-self:start;background:var(--navy);color:#fff;font:800 .68rem ui-monospace,monospace;padding:.55rem}.task-stage{background:#f9fbfa;border:1px solid #adbbbc;padding:clamp(1rem,3vw,1.6rem);margin-bottom:1rem}.task-stage.locked{opacity:.7}.stage-title{display:grid;grid-template-columns:42px 1fr auto;gap:.8rem;align-items:start;border-bottom:1px solid #c4cfcf;margin-bottom:1rem;padding-bottom:.8rem}.stage-title>b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}.stage-title h2{margin:.1rem 0}.stage-title p{margin:0}.stage-title em{font:800 .68rem ui-monospace,monospace;background:#e5d7aa;padding:.4rem}.stage-title em.done{background:#b9dec5}.lock-note{background:#e2e7e7;border-left:5px solid #798f94;padding:1rem}.recovery-map{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.recovery-map article{min-height:150px;display:grid;gap:.4rem;background:#ecf0ef;border:1px solid #a9b6b7;padding:1rem}.recovery-map article.found{background:#e2efe6;border-color:#679078}.recovery-map small{font:800 .65rem ui-monospace,monospace}.broken{color:#8c2e2e;font-weight:900}.source-grid,.weave-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.source-grid.five{grid-template-columns:repeat(5,1fr)}.source-grid article,.weave-grid article{display:flex;flex-direction:column;background:#f8f2e1;border:1px solid #aea486;padding:.8rem}.source-grid article.used,.weave-grid article.used{border-bottom:6px solid var(--green)}.weave-grid article.review{border-bottom:6px solid var(--gold)}.source-grid img{width:66px;height:66px;object-fit:contain;align-self:center}.source-grid h3,.weave-grid h3{margin:.35rem 0}.source-grid form,.weave-grid form{margin-top:auto}.source-grid button,.weave-grid button{width:100%;padding:.65rem}.source-grid mark,.markers mark{display:inline-block;background:#efd77d;padding:.25rem .4rem;margin:.2rem}.status-ok{color:#2d694b;margin-top:auto}.evidence-tray{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:#213f47;color:#fff;padding:.8rem;margin-top:1rem}.evidence-tray span{background:#f1d77b;color:#243035;padding:.35rem}.date-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.date-compare button{display:grid;text-align:left;gap:.35rem;background:#f5f0e3;border:2px solid #a29a87;padding:1rem}.date-compare button.selected{border:4px solid var(--gold)}.date-compare strong{font:700 2.6rem Georgia,serif}.weave-grid article{min-height:360px}.weave-grid select{width:100%;min-height:44px;margin:.35rem 0;padding:.4rem}.link-status{font-size:.76rem;background:#fff0b8;padding:.5rem}.history-panel{background:#173e4a;color:#fff;padding:1rem}.history-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.history-buttons button{background:#e9eeee;border:1px solid #81979b}.history-buttons button.selected{background:#f0c659;border:3px solid #fff}.history-lines p{display:grid;grid-template-columns:90px 18px 1fr;gap:.7rem;align-items:center;margin:.5rem 0}.history-lines i{width:14px;height:14px;border-radius:50%;background:#627b81}.history-lines i.lit{background:#f1c34f;box-shadow:0 0 0 5px #f1c34f2e}.route-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.7rem;align-items:center}.route-map form{min-height:200px;display:grid;gap:.35rem;background:#edf1ef;border:2px solid #9eadaa;padding:1rem}.route-map form.next{border:3px dashed var(--gold)}.route-map form.visited{background:#dfede3;border-color:#679078}.route-map button{margin-top:auto}.center-form{text-align:center;margin-top:1rem}.comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.comparison article{background:#e7ecec;border:1px solid #9eacad;padding:1rem}.comparison article.human{background:#f5edcf;border-color:#b49a4b}.task-close{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#e3e8e7;border:1px solid #aebbbb;padding:1.1rem}.task-close.ready{background:#dcecdf;border-color:#73a083}.task-close p{display:grid;margin:0}.task-close span{color:var(--muted)}.help{background:#e6eff0;border:1px solid #93aaad;padding:.8rem;margin-top:1rem}.help summary{font-weight:900;min-height:44px;cursor:pointer}.help p{margin-bottom:0}.social-grid{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;gap:1rem}.neighbour-list,.social-composer,.social-log{background:#fff;border:1px solid #aebbbc;padding:1rem}.neighbour-list article{display:grid;grid-template-columns:14px 1fr;background:#f0f3f3;border:1px solid #bcc6c6;padding:.7rem;margin:.4rem 0}.neighbour-list i{width:11px;height:11px;border-radius:50%;background:#3f9d62;margin-top:.2rem}.neighbour-list i.quiet{background:#b38b35}.neighbour-list strong,.neighbour-list small,.neighbour-list em{grid-column:2}.neighbour-list em{font-size:.72rem;color:var(--muted)}.social-composer label{display:grid;gap:.35rem}.social-composer select{min-height:44px;padding:.4rem}.social-choice,.anon{display:flex!important;grid-template-columns:24px 1fr!important;gap:.6rem!important;align-items:center;background:#f8f5ea;border:1px solid #b6ad98;padding:.55rem;margin:.35rem 0}.social-choice input,.anon input{width:22px;height:22px}.social-choice span,.anon span{display:grid}.social-choice small,.anon small{color:var(--muted)}.safety{font-size:.78rem;color:var(--muted)}.social-log{grid-column:1/-1}.social-log article{display:flex;align-items:center;gap:.8rem;border-left:4px solid #42787b;background:#edf4f3;padding:.6rem;margin:.4rem 0}.social-log p{display:grid;flex:1;margin:0}.player-card,.profiles article{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #aebbbc;padding:1rem}.player-card img{width:100px;height:100px;border-radius:50%;object-fit:cover}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.profiles img{width:82px;height:82px;border-radius:50%;object-fit:cover}.profiles h2{margin:0}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.shop-grid article{display:grid;grid-template-rows:110px auto 1fr auto;background:var(--paper);border:1px solid #b5ab94;padding:1rem}.shop-grid article.owned{background:#e1eee5}.shop-grid img{width:100%;height:100px;object-fit:contain}.shop-grid button{width:100%;background:var(--navy);color:#fff;border:0}.settings{max-width:700px;display:grid;gap:1rem;background:#fff;border:1px solid #aebbbc;padding:1rem}.toggle{display:flex;gap:.8rem;align-items:center;background:#edf2f2;padding:.8rem}.toggle input{width:24px;height:24px}.toggle span{display:grid}.day-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.day-links a{background:#eef1f1;border:1px solid #87999b;padding:.65rem;color:var(--ink)}.danger{background:#fff;color:#8e2929;border:1px solid #a63c3c;padding:.7rem}.mobile-nav{display:none}
@media(max-width:1050px){.app-shell{grid-template-columns:88px 1fr}.topbar{grid-template-columns:88px 1fr auto}.brand strong,.sidebar span{display:none}.sidebar a{justify-content:center}.sidebar b{position:absolute;right:1px}.source-grid.five{grid-template-columns:repeat(3,1fr)}.source-grid,.weave-grid{grid-template-columns:1fr 1fr}.shop-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.app-shell{display:block;padding:60px 0 74px}.topbar{position:fixed;top:0;left:0;right:0;height:60px;grid-template-columns:58px 1fr auto}.brand{padding:.35rem}.brand img{width:44px;height:44px}.location{padding:0 .4rem}.location small{display:none}.economy{margin:0}.economy span{font-size:.78rem;padding:.25rem .4rem}.economy small{font-size:.47rem}.sidebar{display:none}.workspace{margin:0;min-height:calc(100dvh - 134px);border:0;box-shadow:none;padding:1rem}.mobile-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:70px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #86999c}.mobile-nav a{position:relative;display:grid;place-items:center;align-content:center;color:var(--ink);text-decoration:none;font-size:.62rem}.mobile-nav a.active{border-top:4px solid var(--navy)}.mobile-nav img{width:30px;height:30px;object-fit:contain}.mobile-nav b{position:absolute;top:2px;right:14%;background:var(--red);color:#fff;border-radius:50%;padding:.1rem .35rem}.hero-panel,.case-card{grid-template-columns:1fr}.hero-panel>img{max-height:190px}.module-grid{grid-template-columns:1fr 1fr}.page-head{align-items:start}.page-head>span{max-width:45%;text-align:right}.mail-list>a{grid-template-columns:44px 1fr auto}.mail-list>a>span:nth-of-type(1),.mail-list>a>span:nth-of-type(2){grid-column:2}.mail-list em{grid-column:3;grid-row:1/3}.case-list article{grid-template-columns:58px 1fr}.case-list article>a,.case-list article>em{grid-column:2}.task-head{display:block}.task-head>span{display:inline-block}.stage-title{grid-template-columns:38px 1fr}.stage-title em{grid-column:2}.recovery-map,.route-map,.comparison{grid-template-columns:1fr}.recovery-map>i,.route-map>i{transform:rotate(90deg);justify-self:center}.source-grid,.source-grid.five,.weave-grid{grid-template-columns:1fr}.date-compare{grid-template-columns:1fr}.task-close{display:grid}.task-close form,.task-close button{width:100%}.social-grid{grid-template-columns:1fr}.social-log{grid-column:auto}.profiles{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr 1fr}.intro-points{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}.login-dialog{max-height:72vh}.boot-brand img{width:230px}.dialog-body{grid-template-columns:52px 1fr}.dialog-body>img{width:48px;height:48px}}
@media(max-width:420px){.shop-grid{grid-template-columns:1fr}.economy span:first-child{display:none}.module-grid{gap:.5rem}.page-head{display:block}.page-head>span{display:block;max-width:none;text-align:left}.history-buttons{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}