:root{--ink:#223c48;--paper:#fff8e8;--green:#278276;--yellow:#ffdf50;--line:#223c4838}body{background-color:var(--paper);background-image:radial-gradient(#d7bc791f 1.5px,transparent 1.5px);background-size:18px 18px}header{border-bottom:3px solid var(--ink)}.logo{font-weight:900}.btn,.navbtn{border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:13px}.btn:hover,.navbtn:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink)}.btn:active,.navbtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.primary{background:#ffdc54;color:var(--ink);border-color:var(--ink)}h1{font-weight:900;letter-spacing:-2.5px;text-shadow:2px 3px 0 #fff}h1 span:after{height:55%;bottom:-1px;border-radius:14px;transform:rotate(-3deg);border:2px solid var(--ink)}.hero .eyebrow{display:inline-flex;background:#fff;border:2px solid var(--ink);padding:9px 12px;border-radius:25px;box-shadow:3px 3px 0 #f3a575;transform:rotate(-2deg)}.sun{background:#ffdc54;opacity:1;border:3px solid var(--ink);box-shadow:12px 12px 0 #efbe6d55}.orbit{border:2px dashed #61978e}.sticker{border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink)}.sticker.one{background:#ffc6d6}.sticker.two{background:#c6ebf2}.trading-card{outline:2px solid var(--ink)}.ribbon{background:#d9eee1;border:2px solid var(--ink);border-radius:14px;padding:21px 16px;box-shadow:4px 5px 0 #223c48}.card{border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:20px;background:#fffefa}.card:nth-child(4n+2){transform:rotate(1deg)}.card:nth-child(4n+3){transform:rotate(-1deg)}.card:hover{transform:translateY(-6px) rotate(-2deg)}.card-art{border:1.5px solid var(--ink);border-radius:13px}.badge{border:1.5px solid var(--ink);border-radius:7px;background:#fff6d7}.save{border:1.5px solid var(--ink)}.tool-panel,.scan-box,.calc{border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:20px}.tool-tabs .tab,.tabs .tab{border:2px solid var(--ink);color:var(--ink);background:white;box-shadow:2px 3px 0 var(--ink)}.tool-tabs .tab.active,.tabs .tab.active{background:#addcd2;color:var(--ink);transform:translateY(-2px)}.adventure{padding:40px 0 10px}.adventure h2{font-size:36px}.adventure .tool-panel{background:#fffefa}.tool-output{border:2px solid var(--ink);background:#ddf0e7!important}.scan-box{background:#c7e8e1}.calc{background:#fff0b9}.journey{background:#b4daf0;color:var(--ink);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink)}.journey p{color:#3e6576}.upload{background:#fff9e6;border:2px dashed var(--ink)}.result{border:1.5px solid #223c4840}.field-note{font-size:11px;color:var(--muted);line-height:1.7}.quest-list{display:grid;gap:10px;margin:20px 0}.quest-row{display:flex;gap:10px;align-items:center;padding:13px;border:2px solid var(--ink);border-radius:12px;background:#fff}.quest-row .details{flex:1;min-width:0;overflow-wrap:anywhere}.quest-row small{display:block;margin-top:5px;color:#6d7c7d;font-size:11px}.quest-row button{border:1px solid var(--ink);border-radius:8px;background:#fff4ce;padding:8px;cursor:pointer;font-size:11px}.quest-row b{font-size:13px}.quest-photo{display:block;max-width:100%;max-height:220px;border:2px solid var(--ink);border-radius:12px;margin:15px auto}.quest-check{display:flex;align-items:flex-start;gap:12px;padding:13px;background:#f1f4e6;border-radius:12px;margin-top:10px!important;color:var(--ink)!important;line-height:1.6;font-size:12px!important}.quest-check input{width:19px!important;min-width:19px;height:19px;margin:0!important;accent-color:var(--green)}.garage .fields{grid-template-columns:1fr 1fr}.garage button,.garage input{font-size:17px!important;min-height:48px}.quest-status{display:inline-block;padding:4px 7px;border-radius:6px;background:#ffdf75;font-size:10px}.quest-total{font-size:42px;font-family:Outfit;font-weight:800}.quest-compact{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quest-compact .btn{font-size:11px;padding:10px 14px}.journal-table{overflow-x:auto}dialog{border:3px solid var(--ink);box-shadow:8px 9px 0 #223c4877}@media(max-width:720px){h1{font-size:54px!important}.adventure h2{font-size:29px}.ribbon{padding:18px 12px}.tool-panel{padding:18px}.tool-tabs .tab{font-size:10px}.quest-total{font-size:35px}.hero-art{margin-top:10px}.hero .eyebrow{font-size:10px}.sticker.one{right:5px}.tool-metrics{grid-template-columns:1fr 1fr}.tool-panel table{min-width:300px}}