/* Game-reference theme: outlined HUD typography, card frames and shop warmth. */
@font-face{font-family:GameDisplay;src:url('/assets/lilita-one.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#2d2937;--muted:#665e62;--green:#5c4691;--lime:#ffe06a;--paper:#f1e4c9;--line:#c9b99f;--white:#fffaf0;--radius:14px;--frame:#302d3b;--display:GameDisplay,'Arial Rounded MT Bold','Trebuchet MS',sans-serif;--money:#a3ed50}
body{background:linear-gradient(180deg,#f4e9d3,#eee0c2);color:var(--ink)}
h1,h2,h3,.brand,.button,.menu-button,.badge,nav a,.mini-result strong,.lab-form legend{font-family:var(--display);font-weight:400;letter-spacing:.005em}
h1{letter-spacing:.005em;line-height:1.08}h2{letter-spacing:.005em}h3{letter-spacing:.01em}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#9d6122}.topbar{background:#211e2b;color:#efe6ce;border-bottom:1px solid #554d62}.topbar a{color:var(--lime);font-weight:700}.site-header{background:#363340;border-bottom:4px solid #211e2b;box-shadow:0 4px 0 #a69677}.header-inner{min-height:88px}.brand{color:white;font-size:1.45rem;letter-spacing:.01em;text-shadow:2px 2px 0 #15121c}.brand em{font-family:inherit;color:var(--lime);font-size:.83rem;letter-spacing:.16em}.brand-icon{width:39px;height:48px;background:#8f71c2;color:#ffdf68;border:3px solid #201b2c;font-size:1.8rem;box-shadow:3px 3px 0 #171322,inset 0 0 0 2px #cbb6e5;transform:rotate(-7deg)}nav{gap:8px}nav a{font-size:1rem;color:#f5f0e5;padding:9px 15px;border:2px solid transparent;border-radius:8px;text-shadow:1px 2px #22202a}nav a:hover,nav a[aria-current=page]{color:white;background:#5a526c;border-color:#25212f;text-decoration:none;box-shadow:inset 0 2px #857996}nav .nav-tool{background:#ffce4f;border:2px solid #201d27;color:#302535;box-shadow:0 4px 0 #a66e24,inset 0 2px #fff0a4;text-shadow:none;margin-left:8px}nav .nav-tool:hover{background:#ffe381;color:#302535}.menu-button{color:#fff;background:#615373;border:2px solid #211b2b;box-shadow:0 3px 0 #171322;font-size:1.08rem}.eyebrow{color:#715333;font-weight:800;letter-spacing:.09em}.button{font-size:1.08rem;background:#ffcf54;color:#302637;border:3px solid var(--frame);border-radius:9px;padding:12px 21px;box-shadow:0 5px 0 #282132,inset 0 2px 0 #fff4b7;transition:transform .15s,box-shadow .15s}.button:hover{background:#ffe482;transform:translateY(-2px);box-shadow:0 7px 0 #282132,inset 0 2px 0 #fff4b7}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #282132}.button.secondary{background:#eee6d8;color:#302637;border-color:var(--frame);box-shadow:0 5px 0 #282132,inset 0 2px white}.button.secondary:hover{background:#fff9e8}.actions{gap:15px}.hero{position:relative;isolation:isolate;grid-template-columns:1.05fr 1fr;gap:40px;margin-top:32px;padding:48px 38px 36px;border:4px solid #302d3a;border-radius:18px;background:linear-gradient(90deg,rgba(28,25,34,.91),rgba(30,26,32,.56)),url('/assets/shop.jpg') center/cover;box-shadow:0 7px 0 #ad9370,inset 0 0 0 2px #8d7965;color:white}.hero .eyebrow{color:#ffe083;font-size:.78rem;max-width:440px}.hero h1{font-size:clamp(2.8rem,4.5vw,4.15rem);color:#fff7da;text-shadow:0 4px 0 #15121b,3px 0 0 #15121b,-3px 0 0 #15121b,0 -3px 0 #15121b,3px 3px 0 #15121b,-3px 3px 0 #15121b;line-height:1.05;margin-bottom:20px}.hero p{color:#f0eadf;font-size:1rem;line-height:1.7}.hero figure{padding:10px;background:#e5c75f;border:3px solid #252131;border-radius:12px;box-shadow:5px 7px 0 #1b1724;transform:rotate(2deg);margin:8px 0 10px}.hero img{height:250px;object-fit:cover;border:3px solid #4f3c57;border-radius:6px}.hero .photo-label{left:auto;right:4px;top:-25px;border:3px solid #2b2333;background:#ad79dc;color:#fff9e9;box-shadow:0 3px #2b2333;transform:rotate(4deg);font-family:var(--display);font-size:1rem;padding:4px 12px;text-shadow:1px 2px #3c2358;letter-spacing:.015em}.hero figcaption{color:#3c3240;font-size:.73rem;padding:6px 0 0;font-weight:600}.hero figcaption a{color:#3c3240}.hero .button.secondary{background:#78609c;color:white;text-shadow:1px 2px #342544;box-shadow:0 5px 0 #201929,inset 0 2px #bca1d4}.hero .actions .button{padding:11px 15px;font-size:1rem;gap:12px}.version-strip{background:#eee9dc;border:3px solid #454050;box-shadow:0 4px #c1ac88;padding:14px 19px;margin-top:26px;border-radius:10px;color:#3f364a}.version-strip a{color:#5c3a7c}.badge{background:#ffe16b;color:#42332d;border:2px solid #4d3945;border-radius:6px;padding:3px 9px;font-size:.84rem;box-shadow:0 2px #c2a56c}.section{padding:42px 0}.section-head h2{font-size:2rem;color:#40344d}.section-head a{color:#694489}.grid{gap:23px}.guide-card{background:#fff6de;border:3px solid #463950;border-radius:14px;padding:20px;box-shadow:0 5px 0 #b29b76,inset 0 0 0 5px #e2c768;overflow:hidden}.guide-card:before{content:"";height:7px;background:var(--card-color,#8665ad);position:absolute;top:0;left:0;right:0}.guide-card:nth-child(3n+2){--card-color:#438aaf;box-shadow:0 5px 0 #b29b76,inset 0 0 0 5px #aacbce}.guide-card:nth-child(3n){--card-color:#c56542;box-shadow:0 5px 0 #b29b76,inset 0 0 0 5px #e5ba7b}.guide-card:hover{border-color:#35263f;transform:translateY(-5px)}.card-top{color:#68513d;padding-top:9px}.card-top>span:first-child{font-size:.75rem;letter-spacing:.025em}.card-number{font-family:var(--display);background:var(--card-color,#8665ad);color:white;border:2px solid #49394f;border-radius:6px;padding:1px 7px;font-size:1rem;text-shadow:1px 1px #34253e}.guide-card h3{font-size:1.55rem;line-height:1.15;margin-top:19px;color:#3d2f48}.guide-card p{color:#6a5b55}.card-bottom{border-top:2px solid #e0cd9d;padding-top:12px;font-size:.78rem;color:#705d50}.tool-feature{background:#464557;border:4px solid #2e293c;box-shadow:0 6px #b6a17d,inset 0 2px #828194;border-radius:14px}.tool-copy .eyebrow{color:#efd789}.tool-copy h2{color:white;text-shadow:2px 3px #252132;font-size:2.7rem}.tool-copy p{color:#e9e5ee}.tool-copy .button{border-color:#24202e;box-shadow:0 5px #24202e}.tool-preview{background:#2b2b37;border:3px solid #24212e;box-shadow:inset 0 2px #636474;border-radius:12px;margin:25px;padding:24px}.tool-preview .label{color:#d4c8e3;letter-spacing:.04em}.mini-row{border-color:#575260}.mini-result strong{color:var(--money);font-size:2.8rem;text-shadow:2px 3px #101511}.tool-preview .small{color:#c2bdc9}.ad-slot{background:#e9dcc5;border:2px dashed #b7a586;color:#74654e;box-shadow:none}.ad-slot span{color:#77674f}.video-list{border-top:3px solid #a78f71}.video-row{border-color:#c9b695}.video-row h3{font-size:1.35rem;color:#4a3655}.video-play{background:#aa7cca;color:white;border:2px solid #4b3455;box-shadow:0 3px #b3a083}.video-row .badge{background:#f4e2b9}.site-footer{background:#393442;color:#eee6d8;border-top:5px solid #b18e56;box-shadow:0 -3px #282431}.site-footer p,.footer-bottom{color:#c9becc}.footer-bottom{border-color:#645a6b}.footer-links a{color:#f0dfb3}.breadcrumbs{color:#75614f}.article-heading .eyebrow,.page-intro .eyebrow{color:#7c4e2f}.article-heading h1,.page-intro h1{color:#493650;text-shadow:0 2px #fff6de;line-height:1.08}.article-heading .lead,.page-intro p{color:#705e58}.meta{color:#80674f}.article-body{background:#fffaf0;border:2px solid #bfa785;border-radius:13px;padding:30px;box-shadow:0 5px #d2bd97}.article-body h2{color:#50365e;font-size:1.7rem}.article-body p,.article-body li{color:#4d4644}.article-body a{color:#684092}.answer{background:#f9eabe;border:2px solid #c7a14e;border-left:6px solid #9a70b7;border-radius:9px;box-shadow:0 3px #ebd49c}.answer strong{color:#6b4084}.sources{border-color:#d4bfa0}.toc{border:3px solid #4c3b58;border-radius:11px;background:#efe5d4;padding:19px;box-shadow:0 4px #bda47c}.toc .eyebrow{color:#67457d}.toc a{color:#64535f}.toc a:hover{color:#724197}.toc .side-tool{background:#dccde8;border:2px solid #b6a2c5;padding:17px}.side-tool a{color:#593377}.search-controls input{background:#fffbef;border:2px solid #af9671;box-shadow:inset 0 3px #eee1c7}.search-controls .small,.result-count{color:#79634d}.source-item,.empty-state{background:#fff8e7;border:2px solid #bca27e;box-shadow:0 3px #d7c29e}.source-item h2{margin-top:13px;font-size:1.45rem}.source-item .url{color:#70468f}.notice{background:#f8edcf;border:2px solid #d2b683;color:#65533f;border-radius:9px}.lab-form fieldset{background:#f9f2e2;border:3px solid #6b5c76;box-shadow:0 5px #c1aa85;padding:25px;border-radius:12px}.lab-form legend{background:#75608e;border:2px solid #3b2e4b;border-radius:7px;color:#fff7e4;padding:5px 16px;font-size:1.18rem;text-shadow:1px 2px #382d44}.input-grid label{color:#5d4d59}.input-grid input{background:#fffdf5;border:2px solid #b8a8bf;box-shadow:inset 0 2px #e7e1eb;font-size:1.05rem;border-radius:7px}.form-actions{padding-top:8px;gap:17px}.results{background:#393b45;border:4px solid #292631;box-shadow:0 6px #b9a27c,inset 0 2px #757683;border-radius:14px}.results h2{color:var(--money);font-size:2.4rem;text-shadow:2px 3px #171922}.results p{color:#e0dce5}.results td,.results th{border-color:#62606d}.results th{color:#efe0b4}.formula-grid article{border-top:4px solid #9b75ad}.formula-grid h2{color:#51395e}.prose h2{color:#583e64}.prose{background:#fff9eb;padding:28px;border:2px solid #c3ad89;border-radius:12px;margin-top:18px}.video-detail{background:#fff7e5;border:2px solid #baa07c;border-radius:12px;padding:26px;margin:20px 0;box-shadow:0 4px #d0ba94}.video-detail h2{font-size:1.7rem;margin-top:18px;color:#563963}.chips a{background:#e9dbf1;border:2px solid #b9a0ca;color:#553b6e}.chips a:hover{background:#dfc7ed}.error{border:2px solid #ba7463}#csv-text{border:2px solid #bda5c5}.small{color:#75634f}
@media(min-width:1000px){.article-grid{grid-template-columns:minmax(0,790px) 260px;gap:35px}}
@media(max-width:1000px){.hero{gap:26px;padding:32px 26px}.hero h1{font-size:3.2rem}.hero img{height:230px}.hero .actions{flex-wrap:wrap}.hero .actions .button{font-size:.92rem;padding:10px 11px}.header-inner{gap:15px}nav a{padding:8px 10px}}
@media(max-width:760px){.header-inner{min-height:77px}.brand{font-size:1.25rem}.brand-icon{width:33px;height:42px;font-size:1.6rem}nav{gap:10px;padding-bottom:18px}nav a{background:#4b4359;border-color:#27212f}nav .nav-tool{margin-left:0}.hero{grid-template-columns:1fr;margin-top:25px;padding:30px 23px 22px;gap:30px;background-position:35% center}.hero h1{font-size:3.5rem}.hero figure{transform:none;margin:6px 0}.hero img{height:auto;aspect-ratio:16/9}.hero .actions .button{font-size:1rem;padding:11px 13px}.hero .photo-label{font-size:.95rem;top:-21px;right:0}.version-strip{margin-top:23px}.section-head h2{font-size:1.85rem}.article-body{padding:23px}.article-grid{gap:26px}.toc{padding:18px}.article-heading h1{font-size:2.7rem}.tool-copy h2{font-size:2.5rem}.tool-preview{margin:0 22px 23px}.results h2{font-size:2rem}.prose{padding:22px}.site-footer{margin-top:38px}.footer-bottom{gap:12px}}
@media(max-width:460px){.hero{padding:28px 18px 20px}.hero h1{font-size:2.8rem}.hero .actions{flex-direction:column;gap:14px}.hero .actions .button{width:100%;font-size:1.08rem}.hero figcaption{font-size:.71rem;line-height:1.5}.guide-card{padding:23px}.article-body{padding:20px}.article-heading h1{font-size:2.35rem}.article-body h2{font-size:1.5rem}.input-grid{gap:15px}.lab-form fieldset{padding:20px 15px}.form-actions .button{font-size:1rem;padding:10px 14px}.video-detail{padding:22px}.tool-preview{padding:18px}.mini-row{font-size:.82rem}.mini-result strong{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}