@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;600&display=swap";:root{--parchment:#f4e4c1;--ink:#3b2a1a;--ink-light:#6b5a4a;--ocean:#2a6f8f;--gold:#c9a84c;--gold-bright:#f0c040}*{box-sizing:border-box;margin:0;padding:0}.map-screen{background:url(/map_bg.png) 50%/cover no-repeat fixed;flex-direction:column;width:100vw;height:100vh;font-family:EB Garamond,serif;display:flex;position:relative;overflow:hidden auto}.map-screen:before{content:"";-webkit-backdrop-filter:blur(3px);z-index:0;pointer-events:none;background:#ffffff80;position:fixed;inset:0}.logo-wrap{z-index:2;text-align:center;padding:20px 16px 10px;position:relative}.logo{filter:drop-shadow(0 4px 6px #0000004d);width:80%;max-width:280px}.compact-stats{z-index:2;justify-content:center;gap:15px;margin-top:10px;margin-bottom:10px;padding:0 16px;display:flex;position:relative}.compact-stat-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #3b2a1a33;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;display:flex;box-shadow:0 2px 8px #00000026}.stat-chip{background:#ffffffd9;border:1px solid #3b2a1a33;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:flex;box-shadow:0 2px 4px #0000001a}.stat-label{text-transform:uppercase;color:var(--ink-light);font-family:Inter,sans-serif;font-size:.65rem;font-weight:600}.stat-val{color:var(--ink);font-size:.85rem;font-weight:700}.island-map{z-index:2;flex:1;width:90%;max-width:900px;min-height:600px;margin:0 auto;position:relative}.bridge{z-index:2;object-fit:cover;transform-origin:50%;filter:drop-shadow(0 4px 4px #0000004d);height:24px;position:absolute}.bridge.dimmed{filter:drop-shadow(0 4px 4px #0000004d)grayscale()opacity(.5)}.island-node{z-index:3;cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.island-node.locked{filter:grayscale(80%)brightness(.8);cursor:default}.island-img{filter:drop-shadow(0 10px 10px #0000004d);transition:transform .2s}.island-node:not(.locked):active .island-img{transform:scale(.95)}.island-deco{z-index:4;pointer-events:none;position:absolute}.level-dot-wrap{z-index:5;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot-img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:100%;height:100%;position:absolute}.dot-num{z-index:1;color:#fff;text-shadow:1px 1px 2px #000c;font-family:Cinzel Decorative,serif;font-size:1.1rem;font-weight:700;position:relative}.lock-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:32px;height:32px}.stars-img{z-index:6;filter:drop-shadow(0 2px 4px #00000080);width:60px;position:absolute;bottom:-15px}.island-title{color:var(--ink);text-align:center;z-index:7;background:#f4e4c1e6;border:1px solid #3b2a1a4d;border-radius:12px;max-width:220px;margin-top:10px;padding:6px 12px;font-family:Cinzel Decorative,serif;font-size:.8rem;line-height:1.2;box-shadow:0 4px 6px #0003}.drawer-bg{z-index:999;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drawer{color:var(--ink);background:url(/img/panel_wood.png) top/cover no-repeat;border-radius:24px;width:90%;max-width:400px;max-height:85vh;padding:30px 24px 40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000080}.drawer-header-css{color:gold;text-align:center;letter-spacing:2px;text-shadow:1px 1px 2px #00000080;background-color:#2a6f8f;border:2px solid #ffd70080;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-family:Cinzel Decorative,serif;font-size:1.2rem;font-weight:700;box-shadow:0 4px 6px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.drawer-pill{background:#0003;border-radius:3px;width:48px;height:6px;margin:0 auto 16px}.drawer-header-img{filter:drop-shadow(0 4px 6px #0000004d);width:100%;max-width:200px;margin:0 auto 16px;display:block}.drawer-title{color:var(--ocean);text-align:center;margin-bottom:12px;font-family:Cinzel Decorative,serif;font-size:1.2rem;font-weight:900}.drawer-brief{color:var(--ink);text-align:center;margin-bottom:16px;font-family:EB Garamond,serif;font-size:1rem;font-weight:600;line-height:1.5}.drawer-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.drawer-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--ocean);background:#2a6f8f26;border:1px solid #2a6f8f4d;border-radius:4px;padding:4px 12px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.drawer-btn{letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:16px;font-family:Cinzel Decorative,serif;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 8px #0000004d}.drawer-btn.go{background:var(--ocean);color:#f4e4c1;border:2px solid #fff3}.drawer-btn.go:active{background:#1d5a75}.drawer-btn.revisit{color:#f4e4c1;background:#0003;border:2px solid #ffffff4d}.cert-area{z-index:2;flex-direction:column;align-items:center;margin:0 16px 40px;display:flex;position:relative}.win-banner{z-index:3;filter:drop-shadow(0 4px 8px #0006);width:100%;max-width:300px;margin-bottom:-20px}@media (width>=768px){.island-node{transform:scale(1.1)translate(-50%,-50%)}.drawer{max-width:480px}}.anim-dialog-container{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;padding-bottom:20px;display:flex;position:relative}.anim-avatar-container{z-index:2;background:#ffffffe6;border:3px solid #2a6f8f;border-radius:50%;justify-content:center;align-items:flex-end;width:150px;height:150px;margin-bottom:-20px;animation:.3s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 4px 12px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-avatar{object-fit:contain;width:120%;margin-bottom:-10px}.anim-dialog-box{z-index:1;background:#fffffff2;border:2px solid #2a6f8f;border-radius:16px;width:100%;min-height:140px;padding:32px 24px 24px;position:relative;box-shadow:0 8px 24px #00000026}.anim-speaker-name{color:#2a6f8f;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-family:Cinzel Decorative,serif;font-size:1.1rem}.anim-text{color:#3b2a1a;margin:0;font-family:EB Garamond,serif;font-size:1.2rem;line-height:1.6}.anim-next-indicator{color:#2a6f8f;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;animation:1s infinite fadeInOut;position:absolute;bottom:12px;right:20px}.anim-blink{margin-right:4px;display:inline-block}@keyframes fadeInOut{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.um-toggle-btn{cursor:pointer;z-index:1000;background:#ffffffd9;border:2px solid #2a6f8f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 8px #0003}.um-toggle-btn:hover{background:#fff;transform:scale(1.05)}.um-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.um-modal{background:#f4e4c1;border:2px solid #2a6f8f;border-radius:20px;width:90%;max-width:400px;padding:30px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 10px 30px #00000080}.um-title{color:#2a6f8f;text-align:center;border-bottom:1px solid #2a6f8f33;margin-bottom:24px;padding-bottom:12px;font-family:Cinzel Decorative,serif;font-size:1.5rem}.um-btn-group{flex-direction:column;gap:12px;display:flex}.um-btn{text-transform:uppercase;color:#2a6f8f;cursor:pointer;background:#ffffffb3;border:1.5px solid #2a6f8f;border-radius:12px;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .2s}.um-btn:hover{background:#2a6f8f1a}.um-btn.primary{color:#f4e4c1;background:#2a6f8f}.um-btn.primary:hover{background:#1d5a75}.um-btn.warning{color:#d35400;border-color:#d35400}.um-btn.warning:hover{background:#d354001a}.um-btn.danger{color:#c0392b;border-color:#c0392b}.um-btn.danger:hover{color:#fff;background:#c0392b1a;border-color:#0000}.um-stats-content{color:#3b2a1a;font-family:EB Garamond,serif;font-size:1.1rem}.um-stats-content p{margin-bottom:8px}:root{--td-bg:#f8fafc;--td-surface:#fff;--td-border:#e2e8f0;--td-text-main:#0f172a;--td-text-muted:#64748b;--primary:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#0ea5e9;--empty:#e2e8f0}.td-container{height:100vh;color:var(--td-text-main);background:url(/map_bg.png) 50%/cover no-repeat fixed;flex-direction:column;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.td-container:before{content:"";-webkit-backdrop-filter:blur(3px);z-index:0;background:#f8fafc80;position:absolute;inset:0}.td-header{background-color:var(--td-surface);border-bottom:1px solid var(--td-border);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.td-header-left{align-items:center;gap:16px;display:flex}.td-logo-icon{color:var(--primary);background:#eff6ff;border-radius:12px;padding:8px}.td-title{color:var(--td-text-main);margin:0;font-size:1.25rem;font-weight:700}.td-subtitle{color:var(--td-text-muted);margin:2px 0 0;font-size:.85rem}.td-btn-logout{color:var(--td-text-muted);border:1px solid var(--td-border);cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.td-btn-logout:hover{color:var(--danger);background-color:#f1f5f9;border-color:#cbd5e1}.td-layout{z-index:1;flex:1;display:flex;position:relative;overflow:hidden}.td-sidebar{background-color:var(--td-surface);border-right:1px solid var(--td-border);flex-direction:column;gap:8px;width:260px;padding:24px 16px;display:flex;overflow-y:auto}.td-nav-btn{color:var(--td-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.td-nav-btn:hover{color:var(--td-text-main);background-color:#f1f5f9}.td-nav-btn.active{color:var(--primary);background-color:#eff6ff;font-weight:600}.td-content{flex:1;padding:32px;overflow-y:auto}.td-content.heatmap-no-padding{padding:16px}.td-fade-in{animation:.3s fadeIn}.td-section-title{margin:0 0 4px;font-size:1.5rem}.td-section-subtitle{color:var(--td-text-muted);margin:0 0 24px;font-size:.95rem}.td-grid-2{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.td-card{background:var(--td-surface);border:1px solid var(--td-border);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.heatmap-full{background:0 0;width:100%;height:100%;padding:8px}.td-card-title{align-items:center;margin:0 0 20px;font-size:1.1rem;display:flex}.td-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.td-stat-card{background:var(--td-surface);border:1px solid var(--td-border);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 4px #00000005}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info{flex-direction:column;display:flex}.td-stat-value{color:var(--td-text-main);font-size:1.5rem;font-weight:700;line-height:1.2}.td-stat-label{color:var(--td-text-muted);font-size:.85rem}.td-ep-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.td-ep-label{width:100px;font-size:.9rem;font-weight:500}.td-ep-bar-wrap{background:var(--empty);border-radius:6px;flex:1;height:12px;overflow:hidden}.td-ep-bar{background:var(--primary);border-radius:6px;height:100%}.td-ep-pct{text-align:right;width:40px;color:var(--td-text-muted);font-size:.85rem;font-weight:600}.ai-insight-card{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#fde68a}.ai-insight-content h4{color:#b45309;margin:0 0 8px}.ai-insight-content p{color:#92400e;margin:0 0 16px;font-size:.95rem;line-height:1.5}.ai-rec-box{color:#78350f;background:#fff9;border-radius:8px;margin-bottom:12px;padding:12px;font-size:.9rem}.ai-rec-box ul{margin:8px 0 0;padding-left:20px}.ai-intervention{color:#991b1b;font-size:.9rem}.td-journey-list{flex-direction:column;gap:32px;display:flex}.td-journey-student{flex-direction:column;gap:12px;display:flex}.journey-name{color:var(--td-text-main);border-bottom:1px solid var(--td-border);margin:0;padding-bottom:8px;font-size:1.1rem}.journey-episode{align-items:center;gap:24px;display:flex}.journey-ep-title{width:80px;color:var(--td-text-muted);text-align:right;font-size:.85rem;font-weight:600}.journey-timeline{align-items:center;display:flex}.journey-node{background:#fff;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.journey-node.pass{border-color:var(--success);color:var(--success)}.journey-node.fail{border-color:var(--danger);color:var(--danger)}.journey-node.hint{border-color:var(--warning);color:var(--warning);background:#fef3c7}.journey-node.remedial{border-color:var(--danger);color:#fff;background:var(--danger)}.journey-node.complete{background:gold;border-color:gold}.journey-line{background:var(--td-border);width:40px;height:2px}.heatmap-legend{gap:24px;margin-bottom:24px;display:flex}.legend-item{color:var(--td-text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.hm-box{border-radius:4px;width:16px;height:16px}.heatmap-table-wrap{overflow-x:auto}.heatmap-table{border-collapse:separate;border-spacing:4px;width:100%}.heatmap-table th{text-align:center;color:var(--td-text-muted);padding:8px;font-size:.9rem;font-weight:500}.heatmap-table th:first-child{text-align:left}.hm-name{white-space:nowrap;text-overflow:ellipsis;width:220px;padding-right:16px;font-weight:500;overflow:hidden}.hm-cell{border-radius:6px;width:100%;height:32px;margin:0 auto}.hm-cell.correct,.hm-box.correct{background-color:var(--success)}.hm-cell.incorrect,.hm-box.incorrect{background-color:var(--danger)}.hm-cell.hint,.hm-box.hint{background-color:var(--warning)}.hm-cell.empty,.hm-box.empty{background-color:var(--empty)}.misc-list{flex-direction:column;gap:20px;display:flex}.misc-item{flex-direction:column;gap:6px;display:flex}.misc-header{justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}.misc-tag{color:var(--danger)}.misc-count{color:var(--td-text-muted)}.misc-bar-bg{background:var(--empty);border-radius:4px;width:100%;height:8px}.misc-bar{background:var(--danger);border-radius:4px;height:100%}.misc-desc{color:var(--td-text-muted);margin:4px 0 0;font-size:.85rem;font-style:italic}.misc-affected{color:var(--td-text-main);background:#f1f5f9;border-radius:6px;margin-top:4px;padding:8px;font-size:.85rem}.chart-sub{color:var(--td-text-muted);margin:-16px 0 20px;font-size:.85rem}.adaptive-flow-box{flex-direction:column;gap:16px;display:flex}.flow-item{flex-direction:column;gap:4px;display:flex}.flow-bar{border-radius:3px;height:6px}.flow-text{color:var(--td-text-muted);font-size:.85rem}.reflection-bars{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.ref-row{align-items:center;gap:12px;display:flex}.ref-label{width:80px;color:var(--td-text-muted);font-size:.85rem}.ref-bar-wrap{background:var(--empty);border-radius:4px;flex:1;height:8px}.ref-bar{background:var(--primary);border-radius:4px;height:100%}.ref-val{text-align:right;width:40px;font-size:.85rem;font-weight:700}.ref-summary{color:#1e3a8a;background:#eff6ff;border-radius:8px;padding:16px;font-size:.9rem;line-height:1.5}.awards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.award-card{border:1px solid var(--td-border);text-align:center;background:linear-gradient(#fff,#f8fafc);border-radius:16px;padding:24px;transition:transform .2s;box-shadow:0 4px 6px -1px #0000000d}.award-card:hover{transform:translateY(-5px)}.award-icon{margin-bottom:16px;font-size:3rem}.award-title{color:var(--td-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.9rem;font-weight:700}.award-student{color:var(--td-text-main);margin-bottom:4px;font-size:1.25rem;font-weight:700}.award-detail{color:var(--primary);font-size:.85rem;font-weight:500}