@font-face{font-family:KalamRecord;src:url('../lavagna/fonts/kalam-regular.ttf') format('truetype');font-display:swap}
.unlock-section,.record-section{padding:20px;min-width:0}
.unlock-section .section-head,.record-section .section-head{margin-bottom:12px}
.quotidiano{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 12px;font-size:13px;color:var(--notte)}
.unlock-strip,.unlock-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.unlock-grid{margin-top:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.unlock-card{display:grid;align-content:start;gap:5px;min-width:0;min-height:150px;padding:7px;text-align:left;border:2px solid var(--notte);border-radius:10px;background:#fff;color:var(--notte)}
button.unlock-card{cursor:pointer}.unlock-card.is-locked{background:#dce2e2;color:#3c4a51}
.unlock-art{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;border-radius:6px;background:var(--cielo)}
.unlock-art img{width:100%;height:100%;object-fit:cover}.is-locked .unlock-art img{filter:grayscale(1);opacity:.45}
.unlock-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:25px}
.unlock-card strong{font-size:12px}.unlock-card small{font-size:10px;line-height:1.35}
.record-section .school-frame{padding:10px 10px 0;border:3px solid #5b3119;background:linear-gradient(95deg,#6d3d22,#b37c4b 6%,#60351c 17%,#96623a 50%,#573119 82%,#ba8250 94%,#67391d)}
.record-section .school-surface{position:relative;padding:20px;overflow:hidden;border:4px solid #163128;background:radial-gradient(circle at 23% 18%,#31554a77,transparent 36%),radial-gradient(circle at 77% 75%,#31544759,transparent 40%),#102b25;color:#f1ead9;font-family:KalamRecord,'Chalkboard SE',cursive}
.record-section .school-surface:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,#f9f6d8 0 .5px,transparent .7px),repeating-linear-gradient(145deg,transparent 0 9px,#d9f6db13 10px 11px);background-size:11px 11px,100% 100%}
.record-section .chalk-tray{position:relative;height:22px;border-top:2px solid #3b2519;background:linear-gradient(#7a4b2a,#57321e 65%,#412718)}
.record-section .chalk-stick{position:absolute;bottom:7px;left:12%;width:50px;height:8px;border-radius:8px;background:#f1ead9}.record-section .chalk-coral{left:21%;background:#ffb5aa}.record-section .chalk-blue{left:30%;background:#a9dbef}
.record-leaders{display:flex;flex-wrap:wrap;gap:5px 20px;color:#ffe49a}.record-leaders p{margin:0 0 10px}
.record-table{display:grid}.record-row{display:grid;grid-template-columns:minmax(100px,1fr) repeat(3,minmax(58px,.3fr));align-items:center;gap:8px;min-height:62px;border-bottom:1px dashed #f1ead977}.record-heading{min-height:34px;color:#a9dbef}.record-row strong{font-size:24px;color:#b9e5c4}.record-player{display:flex;align-items:center;gap:10px;min-width:0;font-size:20px}.record-player .viso,.record-player .generic-avatar{width:44px;height:44px;flex:none;border:2px solid #f1ead9;border-radius:50%}
@media(max-width:700px){.unlock-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.unlock-strip .unlock-card{min-width:126px;scroll-snap-align:start}.unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-section .school-surface{padding:10px}.record-row{gap:4px;grid-template-columns:minmax(70px,1fr) repeat(3,55px)}.record-row strong{font-size:19px}.record-player{font-size:15px}.record-player .viso,.record-player .generic-avatar{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.unlock-strip{scroll-behavior:auto}}
/* Lobby 12/10 (Daniele: «sembrano vuote, cosi' bianche»): Connessi e Sblocchi sul feltro blu notte delle porte, Record sulla lavagna della Lavagnetta. */
.panel.presence-hub,.panel.unlock-section{padding:20px;color:#f1ead9;background:radial-gradient(ellipse at 80% 0,#2d3b66 0,transparent 60%),linear-gradient(165deg,#26335c,#18213e 58%,#0e1428);box-shadow:var(--ombra);--cream:#f1ead9;--muted:#c3cbe0;--gold:#ffd23f;--gold-light:#ffd23f}
.panel.record-section{color:#f1ead9;border-color:#765b3d;background:radial-gradient(ellipse at 25% 30%,#2b5146,#142a25);box-shadow:inset 0 0 0 5px #765b3d,inset 0 0 38px #061b1680,var(--ombra);--cream:#f1ead9;--muted:#cfd8c9}
.presence-hub h2,.unlock-section h2,.record-section h2{color:#f1ead9}
.unlock-section .tutti-trofei,.unlock-section .quotidiano{color:#f1ead9}
.unlock-section .quotidiano span:first-child{color:#ffd23f}
.presence-hub .presence-list p{margin:0;color:#c3cbe0}
.record-section h2{font-family:"Chalkboard SE","Bradley Hand","Comic Sans MS",cursive;letter-spacing:.04em}
.presence-hub h2{font:700 27px/1.1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}