/* Astrid's fika clearing. Shares the accepted lesson interior: dark ink, warm gold, Fraunces/DM Sans. */
.fika-studio{background:#0c1524;border-block:1px solid rgba(255,255,255,.18)}
.fika-wrap{max-width:1150px;margin:auto;padding:90px 32px}
.fika-heading h2{font-size:clamp(36px,5vw,62px);margin:10px 0 18px}
.fika-heading>p{max-width:600px;font-size:18px}
.fika-work{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}
.fika-main{min-width:0}
#fika-board{position:relative;aspect-ratio:600/420;width:100%;border-radius:14px;overflow:hidden;background:#dfe6cf;touch-action:none;user-select:none;-webkit-user-select:none}
#fika-board>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.fika-item{position:absolute;transform:translate(-50%,-50%);width:max(46px,12.5%);aspect-ratio:60/44;min-height:0;padding:2px;border:2px solid transparent;border-radius:10px;background:rgba(255,255,255,.0);touch-action:none;cursor:grab;z-index:3}
.fika-item svg{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(40,30,10,.35))}
.fika-item:hover{background:rgba(255,255,255,.25)}
.fika-item[aria-pressed=true]{border-color:#c9a227;background:rgba(255,248,220,.55);box-shadow:0 0 0 2px #14100a}
.fika-item.dragging{cursor:grabbing;z-index:5}
#fika-board[data-phase=pack] .fika-item{cursor:pointer;border-color:#f5f0e6;border-style:dashed}
#fika-board[data-phase=leave] .fika-item{cursor:default}
#fika-basket{position:absolute;right:3%;bottom:4%;width:17%;pointer-events:none;z-index:2}
#fika-basket svg{width:100%;height:auto;display:block}
.basket-strip{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#101d30}
.basket-strip h3{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#e4c463;margin:0 0 10px}
#basket-row{display:flex;flex-wrap:wrap;gap:8px}
#basket-row .hint{margin:4px 0}
.basket-thing{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:10px;font-size:14px;text-align:left;background:#152237;color:#f5f0e6}
.basket-thing svg{width:44px;height:32px;flex:none}
.basket-thing b{font-weight:500;color:#e4c463}
.basket-thing:disabled{opacity:1;cursor:default}
.fika-tools{display:flex;flex-direction:column;gap:14px}
.fika-tools p{margin:0}
#fika-step{font-family:Fraunces,Georgia,serif;font-size:28px;color:#fff;margin:0}
#fika-status{min-height:78px;font-size:17px}
.tool-group{display:flex;flex-direction:column;gap:10px}
#move-tools .arrows{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#move-tools .arrows button{padding:0;min-height:46px;font-size:20px}
#move-label{font-weight:700}
.fika-actions{display:flex;gap:9px;flex-wrap:wrap}
.fika-actions button{flex:1}
#compare-panel{margin-top:30px;border-top:1px solid rgba(255,255,255,.18);padding-top:22px}
#compare-title{font-size:clamp(28px,4vw,40px);margin:0 0 14px}
#compare-scenes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.mini{margin:0}
.mini-board{position:relative;aspect-ratio:600/420;border-radius:10px;overflow:hidden;background:#dfe6cf}
.mini-board>svg{position:absolute;inset:0;width:100%;height:100%}
.mini-board>div{position:absolute;right:3%;bottom:4%;width:17%}
.mini-board>div svg{width:100%;height:auto}
.mini-item{position:absolute;transform:translate(-50%,-50%);width:12.5%}
.mini-item svg{width:100%;height:auto;display:block}
.mini figcaption{margin-top:8px;font-size:14px;color:#e4c463;font-weight:700}
#leave-note{font-size:17px;margin-top:16px}
.fika-reflection{border-top:1px solid rgba(255,255,255,.18);margin-top:46px;padding-top:22px;max-width:780px}
.fika-reflection p{font-size:18px}
.fika-story{display:flex;gap:24px;align-items:center;margin:44px 0 0}
.fika-story img{width:170px;height:170px;object-fit:cover;border-radius:8px}
.fika-story blockquote{font-family:Fraunces,Georgia,serif;font-size:25px;margin:0;color:#fff}
.fika-story figcaption{font-size:14px;margin-top:10px;color:#a6b4c6}
@media(max-width:760px){.fika-wrap{padding:48px 18px}.fika-work{grid-template-columns:1fr;gap:20px}.fika-heading>p{font-size:16px}#fika-status{min-height:0;font-size:16px}#fika-step{font-size:24px}.fika-story{align-items:start;gap:16px}.fika-story img{width:96px;height:96px}.fika-story blockquote{font-size:20px}.fika-actions button{font-size:14px;padding:12px 8px}}
@media(max-width:360px){.basket-thing{font-size:13px;padding-right:8px}.basket-thing svg{width:38px;height:28px}}
@media(prefers-reduced-motion:reduce){.fika-item{transition:none}}
#out-row{display:flex;flex-wrap:wrap;gap:8px}.out-thing{font-size:14px;padding:8px 14px;border-radius:10px;background:#152237}.out-thing[aria-pressed=true]{border-color:#c9a227;border-width:2px}

.dialog-head{flex-wrap:wrap}#move-tools{margin-top:12px}@media(min-width:761px){#move-tools{max-width:360px}}
#fika-basket{pointer-events:auto;cursor:pointer}