.fraction-quest-card-art{position:relative;height:145px;overflow:hidden;border:4px solid #315d56;border-radius:16px;background:linear-gradient(#8cd0d7 0 48%,#cde1a5 49% 100%);box-shadow:inset 0 -18px 30px rgba(40,83,67,.12)}.quest-mountain{position:absolute;left:12px;top:22px;color:#6e9180;font-size:62px;transform:scaleX(1.5) rotate(45deg)}.quest-path{position:absolute;left:38px;bottom:-20px;width:74px;height:120px;border-radius:50%;border:18px solid #ead39d;transform:rotate(-24deg)}.quest-hero,.quest-chest{position:absolute;font-style:normal}.quest-hero{left:30px;bottom:17px;font-size:28px}.quest-chest{right:15px;top:18px;font-size:34px;color:#f5c84d;text-shadow:0 2px #886f25}.fraction-quest-card-art i{position:absolute;right:10px;bottom:10px;padding:7px 9px;border-radius:10px;background:#fff;color:#315d56;font:800 19px 'Fraunces',serif}
.fraction-quest-shell{--quest-gold:#e7b64e;--quest-blue:#4d91a0}.quest-level-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.quest-level-picker button{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid #bdcbc7;border-radius:14px;background:linear-gradient(145deg,#fffdf8,#eef4f1);color:var(--ink);box-shadow:0 8px 18px rgba(38,74,69,.1);cursor:pointer;transition:.18s}.quest-level-picker button:hover{transform:translateY(-2px)}.quest-level-picker button[aria-pressed=true]{border-color:#315d56;background:linear-gradient(135deg,#315d56,#1d4944);color:#fff}.quest-level-picker b{font:700 19px 'Fraunces',serif}.quest-level-picker span{margin:3px 0;font-weight:800}.quest-level-picker small{opacity:.76}.quest-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:22px;align-items:start}.quest-sidebar,.quest-board-card{border:1px solid #c7d5d1;border-radius:19px;background:linear-gradient(145deg,#fffdf8,#edf4f1);box-shadow:0 12px 27px rgba(38,74,69,.11)}.quest-sidebar{position:sticky;top:96px;padding:20px}.quest-story h2{margin:4px 0;font:700 24px 'Fraunces',serif}.quest-story p:last-child{color:#5e716b;line-height:1.5}.quest-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0}.quest-stats span{display:flex;flex-direction:column;padding:9px;border-radius:10px;background:#fff;color:#647771;font-size:10px}.quest-stats span:first-child{grid-column:1/-1}.quest-stats b{color:#315d56;font-size:16px}.quest-stats span:first-child b{color:#c55c52;letter-spacing:3px}.quest-inventory{padding-top:12px;border-top:1px solid #d4dfdb}.quest-inventory>div{display:flex;gap:7px;flex-wrap:wrap}.quest-item{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d6c18d;border-radius:10px;background:#fff5cf;font-size:20px;animation:item-pop .35s ease}.empty-pack{color:#71817c;font-size:11px;line-height:1.4}.quest-board-card{padding:clamp(16px,3vw,27px);overflow:hidden}.quest-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.quest-toolbar h2{margin:4px 0;font:700 28px 'Fraunces',serif}.quest-toolbar button,.quest-actions button{padding:10px 13px;border:1px solid #b8c8c3;border-radius:10px;background:#fff;color:#315d56;font-weight:800;cursor:pointer}.quest-map{--quest-progress:0;position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:18px 2px 16px;padding:14px 4px 7px}.quest-route{position:absolute;left:10%;right:10%;top:35px;height:7px;border-radius:9px;background:linear-gradient(to right,#e7b64e 0 calc(var(--quest-progress)*25%),#cfdbd7 calc(var(--quest-progress)*25%) 100%)}.quest-map>span{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;color:#80918c;font-size:10px}.quest-map>span i{display:grid;place-items:center;width:44px;height:44px;border:3px solid #cad7d3;border-radius:50%;background:#fff;font-style:normal;font-size:21px}.quest-map>span b{margin-top:4px}.quest-map>span.done i{border-color:#d4a73e;background:#fff4cb}.quest-map>span.current{color:#315d56}.quest-map>span.current i{border-color:#315d56;box-shadow:0 0 0 5px #dcebe5}.quest-hero-token{position:absolute;z-index:4;left:calc(10% + var(--quest-progress)*20%);top:-4px;transform:translateX(-50%);font-size:20px;transition:left .65s cubic-bezier(.3,1.4,.5,1)}.quest-message{padding:12px 14px;border-left:4px solid var(--quest-gold);border-radius:9px;background:#fff8df;color:#4d625b;font-weight:700}.quest-scene{display:grid;place-items:center;min-height:205px;margin:14px 0;border:1px dashed #b8cbc5;border-radius:16px;background:linear-gradient(#ddf2f1,#f7f0d5);overflow:hidden}.scene-wrap{width:100%;padding:18px;text-align:center}.scene-wrap h3{margin:0 0 12px;font:700 23px 'Fraunces',serif}.fraction-model-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.fraction-bar{display:grid;grid-template-columns:repeat(var(--den),1fr);width:min(260px,75vw);height:62px;border:4px solid #315d56;border-radius:9px;overflow:hidden;background:#fff}.fraction-bar i{border-right:2px solid #315d56;background:#fff}.fraction-bar i:last-child{border:0}.fraction-bar i.filled{background:#efb95c}.fraction-expression{font:800 26px 'Fraunces',serif;color:#315d56}.quest-illustration{font-size:62px;filter:drop-shadow(0 8px 6px rgba(40,70,60,.15))}.quest-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quest-choice{min-height:67px;padding:10px;border:2px solid #b9c9c4;border-radius:13px;background:#fff;color:#315d56;font:800 21px 'Fraunces',serif;box-shadow:0 5px 10px rgba(38,74,69,.08);cursor:pointer}.quest-choice:hover:not(:disabled){transform:translateY(-2px);border-color:#d7a53c}.quest-choice.correct{border-color:#3d8b63;background:#ddf3e4;color:#246443}.quest-choice.wrong{border-color:#cf7568;background:#fbe2dc;color:#9b4036;animation:quest-shake .22s linear 2}.quest-choice:disabled{cursor:default}.quest-actions{display:flex;justify-content:center;gap:9px;margin-top:13px}.quest-actions .quest-continue{background:#315d56;color:#fff}.quest-actions [data-quest-hint-count]{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:50%;background:#e8f1ed;font-size:10px}.quest-help{margin-top:10px;padding:11px;border-radius:9px;background:#e4efeb;color:#50665f;font-size:12px}.quest-help strong{color:#315d56}.quest-finish{text-align:center;padding:20px}.quest-finish .treasure-open{font-size:82px;animation:treasure-bounce .8s ease infinite alternate}.quest-finish h3{font:700 31px 'Fraunces',serif;margin:8px}.quest-finish p{color:#5b7069}.quest-board-card.quest-won{box-shadow:0 0 0 6px #f3d483,0 18px 36px rgba(38,74,69,.18)}@keyframes item-pop{from{transform:scale(.2) rotate(-20deg)}to{transform:scale(1)}}@keyframes quest-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes treasure-bounce{to{transform:translateY(-7px) rotate(3deg)}}
@media(max-width:820px){.quest-layout{grid-template-columns:1fr}.quest-sidebar{position:static}.quest-story{display:none}.quest-stats{grid-template-columns:repeat(3,1fr);margin:0 0 10px}.quest-stats span:first-child{grid-column:auto}.quest-inventory{padding-top:8px}.quest-sidebar{padding:12px}}@media(max-width:560px){.quest-level-picker{display:flex;overflow-x:auto;padding-bottom:5px}.quest-level-picker button{flex:0 0 170px}.quest-map>span b{display:none}.quest-map>span i{width:38px;height:38px;font-size:18px}.quest-route{top:32px}.quest-hero-token{top:0}.quest-choices{grid-template-columns:1fr}.quest-scene{min-height:180px}.quest-toolbar h2{font-size:23px}.quest-toolbar button{font-size:11px}.quest-stats b{font-size:13px}}
