:root{--bg:#f8f9fa;--bg-elev:#fff;--paper:#fff;--ink:#202122;--ink-soft:#54595d;--accent:#c00;--gold:#b8860b;--rule:#a2a9b1;--rule-light:#eaecf0;--link:#36c;--safe:#14866d;--font-body:Georgia,"Times New Roman",Times,serif;--font-ui:Arial,Helvetica,sans-serif;--font-mono:"Courier New",Courier,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;border:none;background:none}.shell{max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.masthead,.shell{background:var(--paper)}.masthead{padding:10px 16px 8px;border-bottom:1px solid var(--rule);position:-webkit-sticky;position:sticky;top:0;z-index:10}.masthead-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.brand{font-family:Linux Libertine,Georgia,Times New Roman,serif;font-weight:700;font-size:22px;letter-spacing:0;color:var(--ink)}.brand .dot{color:var(--accent)}.puzzle-no{color:var(--ink-soft)}.puzzle-no,.streak-badge{font-family:var(--font-ui);font-size:11px}.streak-badge{color:#7a5800;background:#fffbf0;border:1px solid #c8a000;border-radius:2px;padding:2px 7px}.mission{margin:12px 16px 0;padding:12px 14px;background:#f8f9fa;border:1px solid var(--rule);border-left:3px solid var(--link);display:flex;flex-direction:column;gap:4px}.mission-label{font-family:var(--font-ui);font-size:10px;letter-spacing:.05em;color:var(--ink-soft);text-transform:uppercase}.mission-path{font-family:var(--font-ui);font-size:17px;font-weight:700;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mission-path,.mission-start{color:var(--ink)}.mission-arrow{color:var(--ink-soft);font-weight:400}.mission-target{color:var(--gold)}.tracker{margin:10px 16px 0;display:flex;align-items:center;gap:10px}.tracker-pips{display:flex;gap:4px;flex:1 1}.pip{flex:1 1;height:5px;background:var(--rule-light);border:1px solid var(--rule);border-radius:0;transition:background .2s}.pip.used{background:var(--accent);border-color:var(--accent)}.pip.target-step{background:var(--gold);border-color:var(--gold)}.tracker-time{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.tracker-count{white-space:nowrap}.breadcrumbs,.tracker-count{font-family:var(--font-ui);font-size:12px;color:var(--ink-soft)}.breadcrumbs{margin:10px 16px 0;padding:8px 12px;background:#f8f9fa;border:1px solid var(--rule);line-height:1.6;word-break:break-word}.breadcrumbs strong{color:var(--ink);font-weight:700}.breadcrumbs .arrow{color:var(--ink-soft);margin:0 4px}.game-controls{display:flex;align-items:center;gap:8px;margin:10px 16px 0}.back-btn{display:inline-flex;align-items:center;gap:4px;margin:0;padding:4px 12px;background:#f8f9fa;border:1px solid var(--rule);border-radius:2px;color:var(--link);font-family:var(--font-ui);font-size:13px;cursor:pointer;transition:background .1s}.back-btn:hover{background:var(--rule-light);text-decoration:underline}.hint-btn{display:inline-flex;align-items:center;padding:4px 12px;background:#fffbf0;border:1px solid #c8a000;border-radius:2px;color:#7a5800;font-family:var(--font-ui);font-size:13px;cursor:pointer;transition:background .1s}.hint-btn:hover{background:#fff3cc}.hint-btn:disabled{opacity:.6;cursor:default}.hint-banner{margin:8px 16px 0;padding:8px 12px;background:#fffbf0;border:1px solid #c8a000;border-left-width:3px;font-family:var(--font-ui);font-size:13px;color:#3a2800}.hint-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--link);text-decoration:underline;cursor:pointer}.hint-link:hover{color:#2a4b8d}.hint-label{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7a5800;margin-right:8px}.article{margin:14px 16px 0;background:var(--paper);color:var(--ink);padding:0 0 32px;flex:1 1}.article-title{font-family:Linux Libertine,Georgia,Times New Roman,serif;font-weight:400;font-size:28px;line-height:1.2;border-bottom:1px solid var(--rule);padding-bottom:4px;margin-bottom:16px;color:var(--ink)}.article-rule{display:none}.article-content{font-family:var(--font-body);font-size:15px;line-height:1.65}.article-content p{margin-bottom:.8em}.article-content h2{font-family:var(--font-body);font-size:20px;font-weight:400;margin:20px 0 8px;padding-bottom:2px;border-bottom:1px solid var(--rule);color:var(--ink)}.article-content h3{font-family:var(--font-body);font-size:17px;font-weight:700;margin:14px 0 6px}.article-content h4,.article-content h5,.article-content h6{font-family:var(--font-body);font-weight:700;margin:12px 0 4px}.article-content ol,.article-content ul{margin:0 0 .8em 2em}.article-content li{margin-bottom:.2em}.article-content figure,.article-content img{display:none}.article-content blockquote{margin:1em 2em;font-style:italic}.article-content table{display:none}.article-content a.wikilink{color:var(--link);text-decoration:underline;cursor:pointer;transition:color .1s}.article-content a.wikilink:active,.article-content a.wikilink:hover{color:#2a4b8d}.article-content a.wikilink.target-link{background:rgba(184,134,11,.2);color:#7a5800;font-weight:700;text-decoration:underline;padding:0 2px;animation:pulse-gold 1.6s ease-in-out infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 0 rgba(184,134,11,.4)}50%{box-shadow:0 0 0 4px rgba(184,134,11,0)}}.loading{text-align:center;padding:60px 20px;font-family:var(--font-ui);color:var(--ink-soft);font-size:14px}.loading:after{content:"";display:inline-block;width:8px;text-align:left;animation:dots 1.2s steps(4) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.error-banner{margin:12px 16px;padding:8px 12px;background:#fef6f6;border:1px solid #c00;font-family:var(--font-ui);font-size:13px;color:var(--accent)}.result-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-card{background:var(--paper);color:var(--ink);padding:28px 24px;max-width:440px;width:100%;border:1px solid var(--rule);box-shadow:0 4px 20px rgba(0,0,0,.15);text-align:center;position:relative;animation:rise .3s ease}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.result-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:16px;color:var(--ink-soft);cursor:pointer;line-height:1;padding:4px}.result-close:hover{color:var(--ink)}.view-results-btn{display:block;margin:14px 16px 0;padding:6px 14px;background:#f8f9fa;border:1px solid var(--rule);border-radius:2px;font-family:var(--font-ui);font-size:13px;color:var(--link);cursor:pointer;text-decoration:underline}.view-results-btn:hover{background:var(--rule-light)}.result-eyebrow{font-family:var(--font-ui);font-size:11px;letter-spacing:.1em;color:var(--ink-soft);text-transform:uppercase;margin-bottom:6px}.result-headline{font-family:Linux Libertine,Georgia,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1;margin-bottom:6px;border-bottom:1px solid var(--rule);padding-bottom:10px}.result-headline.win{color:var(--safe)}.result-headline.lose{color:var(--accent)}.result-sub{font-family:var(--font-body);font-size:15px;font-style:italic;color:var(--ink-soft);margin:12px 0 18px}.result-pips{display:flex;gap:4px;justify-content:center;margin-bottom:18px;font-size:24px}.result-path{text-align:left;font-family:var(--font-ui);font-size:12px;color:var(--ink-soft);background:#f8f9fa;border:1px solid var(--rule);padding:8px 10px;margin-bottom:18px;line-height:1.7;word-break:break-word}.result-path strong{color:var(--ink);font-weight:700}.result-section-label{font-family:var(--font-ui);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);text-align:left;margin-top:14px;margin-bottom:4px}.result-streak{display:inline-block;margin:6px auto 0;padding:3px 10px;background:#fffbf0;border:1px solid #c8a000;border-radius:2px;color:#7a5800;font-weight:700}.result-comeback,.result-streak{font-family:var(--font-ui);font-size:12px}.result-comeback{margin-top:12px;color:var(--ink-soft);font-style:italic}.btn-row{display:flex;gap:8px}.btn{flex:1 1;padding:10px 14px;font-family:var(--font-ui);font-size:13px;cursor:pointer;transition:background .1s;border-radius:2px;font-weight:700}.btn:active{transform:translateY(1px)}.btn-primary{background:#36c;color:#fff;border:1px solid #2a55b3}.btn-primary:hover{background:#2a55b3}.btn-secondary{background:#f8f9fa;color:var(--ink);border:1px solid var(--rule)}.btn-secondary:hover{background:var(--rule-light)}.copied-toast{position:absolute;top:-36px;left:50%;transform:translateX(-50%);background:var(--safe);color:#fff;padding:5px 12px;font-family:var(--font-ui);font-size:12px;border-radius:2px;animation:toast 1.8s ease;pointer-events:none}@keyframes toast{0%{opacity:0;transform:translate(-50%,6px)}15%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.help-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--rule);background:#f8f9fa;font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s,color .1s}.help-btn:hover{background:var(--rule-light);color:var(--ink)}.how-to-card{text-align:left}.how-to-card-title{font-family:Linux Libertine,Georgia,Times New Roman,serif;font-size:28px;font-weight:400;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:8px;margin-bottom:16px}.how-to-rules{display:flex;flex-direction:column;gap:14px}.how-to-rule{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-ui);font-size:13px;color:var(--ink-soft);line-height:1.5}.how-to-rule strong{color:var(--ink)}.how-to-icon{flex-shrink:0;width:28px;height:28px;border:1px solid var(--rule);background:#f8f9fa;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px;font-family:var(--font-ui);font-weight:700;color:var(--ink-soft);margin-top:1px}@media (max-width:480px){.article-title{font-size:22px}.mission-path{font-size:15px}.result-headline{font-size:30px}.shell{border-left:none;border-right:none}}@supports (padding:max(0px)){.masthead{padding-top:max(10px,env(safe-area-inset-top))}}