@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--bg:#f6efe6;--bg-deep:#efe4d5;--surface:#ffffffd6;--soft-panel:#fffaf5db;--surface-text:#fffaf5;--text-strong:#171717;--text-soft:#6c645a;--border:#201c1714;--accent:#e9573e;--accent-strong:#b9412d;--accent-shell:#e9573e1f;--panel-shadow:#52371c14 0 18px 44px, #52371c0f 0 4px 14px;color:var(--text-strong);background:radial-gradient(circle at top left, #ff7a591f, transparent 20%), radial-gradient(circle at top right, #0ea5e914, transparent 24%), linear-gradient(180deg, var(--bg), var(--bg-deep));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}#root{width:100%;min-height:100svh}h1,h2,h3{color:var(--text-strong);font-family:Sora,sans-serif}h1{letter-spacing:-.06em;font-size:clamp(42px,6vw,72px);line-height:.98}h2{letter-spacing:-.04em;font-size:28px;line-height:1.1}h3{letter-spacing:-.03em;font-size:22px;line-height:1.15}p{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #e9573e80}.play-shell{place-items:center;min-height:100svh;padding:24px;display:grid;overflow-x:hidden}.play-panel{border:1px solid var(--border);width:min(100%,880px);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#e9573e24,#0000 24%),radial-gradient(circle at 100% 100%,#0ea5e914,#0000 28%),#ffffffd1;border-radius:32px;gap:24px;padding:28px;display:grid}.play-panel-wide{width:min(100%,1380px)}.top-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.mode-tabs{background:#1717170d;border-radius:14px;gap:0;width:fit-content;padding:4px;display:flex}.mode-tab{min-height:38px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:700;transition:background .16s,color .16s;display:inline-flex}.mode-tab:hover{color:var(--text-strong)}.mode-tab-active{color:var(--accent-strong);background:#ffffffe6;box-shadow:0 1px 4px #17171714}.admin-actions{opacity:.54;justify-content:flex-end;align-items:center;gap:6px;min-width:0;transition:opacity .16s;display:flex}.admin-actions:hover,.admin-actions:focus-within{opacity:1}.admin-action-button{min-height:26px;color:var(--text-soft);cursor:pointer;background:#ffffff80;border:1px solid #17171714;border-radius:8px;padding:0 8px;font-size:11px;font-weight:750}.admin-action-button:hover{color:var(--text-strong);border-color:#17171724}.admin-action-button:disabled{cursor:progress;opacity:.58}.admin-status{max-width:160px;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.custom-controls{gap:14px;min-width:0;display:grid}.custom-dropdowns{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.custom-field{min-width:140px;flex:180px;gap:6px;min-inline-size:0;display:grid}.custom-field label{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.custom-field select,.metric-combobox input{width:100%;min-height:42px;color:var(--text-strong);cursor:pointer;background:#ffffffc7;border:1px solid #1717171a;border-radius:12px;padding:0 12px;font-size:14px;font-weight:600;transition:border-color .16s}.custom-field select:focus,.metric-combobox input:focus{border-color:var(--accent);outline:none}.custom-field select:disabled{opacity:.5;cursor:not-allowed}.custom-metric-field,.metric-combobox{position:relative}.metric-combobox input{cursor:text;padding-right:38px}.metric-combobox-clear{width:26px;height:26px;color:var(--text-soft);cursor:pointer;background:#17171714;border:0;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:inline-grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.metric-combobox-clear:hover{color:var(--accent-strong);background:#e9573e24}.metric-search-menu{z-index:20;background:#fffffffa;border:1px solid #1717171a;border-radius:14px;max-height:320px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #17171724}.metric-search-group{gap:4px;display:grid}.metric-search-group+.metric-search-group{border-top:1px solid #17171714;margin-top:8px;padding-top:8px}.metric-search-group-title{z-index:1;color:var(--text-soft);background:#fffffffa;padding:6px 8px 5px;font-size:12px;font-weight:850;position:sticky;top:-6px}.metric-search-option{width:100%;color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 10px;display:grid}.metric-search-option:hover,.metric-search-option:focus-visible,.metric-search-option-active{background:#e9573e1f;outline:none}.metric-search-option span,.metric-search-option small,.metric-search-option code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-search-option span{font-size:13px;font-weight:800}.metric-search-option small{color:var(--text-soft);grid-column:1/2;font-size:12px;font-weight:650}.metric-search-option code{max-width:120px;color:var(--text-soft);grid-area:1/2/span 2;align-self:center;font-size:11px}.metric-search-empty{color:var(--text-soft);padding:10px;font-size:13px;font-weight:650}.custom-actions{align-items:center;gap:12px;display:flex}.custom-filter-field,.custom-filter-dropdown{position:relative}.custom-filter-summary{width:100%;min-height:42px;color:var(--text-strong);cursor:pointer;background:#ffffffc7;border:1px solid #1717171a;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 12px;list-style:none;display:grid}.custom-filter-summary::-webkit-details-marker{display:none}.custom-filter-summary:after{content:"⌄";color:var(--text-soft);font-size:18px;line-height:1}.custom-filter-dropdown[open] .custom-filter-summary:after{transform:rotate(180deg)}.custom-filter-summary span,.custom-filter-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-filter-summary span{font-size:14px;font-weight:700}.custom-filter-summary small{color:var(--text-soft);grid-column:1/2;font-size:12px;font-weight:650}.custom-filter-panel{z-index:30;background:#fffffff5;border:1px solid #17171712;border-radius:18px;gap:10px;max-height:min(380px,58svh);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 50px #17171729}.custom-filter-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.custom-filter-head label,.custom-filter-group legend{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.custom-filter-clear{min-height:28px;color:var(--text-soft);background:#1717170f;border:0;border-radius:999px;padding:0 9px;font-size:12px;font-weight:800}.custom-filter-sections{gap:14px;display:grid}.custom-filter-section{gap:10px;min-width:0;display:grid}.custom-filter-section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.custom-filter-section h4{color:var(--text-strong);margin:0;font-size:13px;font-weight:900}.custom-filter-groups{gap:10px;display:grid}.custom-filter-group{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.custom-filter-options{gap:6px;display:grid}.custom-filter-option{min-height:36px;color:var(--text-soft);background:#ffffffd1;border:1px solid #17171714;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.custom-filter-option input{width:15px;height:15px;accent-color:var(--accent)}.custom-filter-option-active{color:var(--accent-strong);background:#e9573e21;border-color:#e9573e5c}.custom-filter-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-filter-empty{color:var(--text-soft);background:#1717170a;border-radius:14px;padding:12px;font-size:13px}.custom-error{color:#dc2626;font-size:13px;font-weight:600}.custom-loading-hint{color:var(--text-soft);font-size:14px}.honor-wall{gap:18px;display:grid}.honor-wall-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.honor-wall-head h1{color:var(--text-strong);margin:0;font-size:30px;line-height:1.1}.honor-group-list{gap:16px;display:grid}.honor-group{gap:12px;display:grid}.honor-subtabs{scrollbar-width:thin;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.honor-subtab{min-height:38px;color:var(--text-soft);cursor:pointer;background:#ffffffb8;border:1px solid #17171714;border-radius:999px;flex:none;padding:0 14px;font-weight:850}.honor-subtab-active{color:#f8fafc;background:#111;border-color:#111111d1}.honor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dream-matrix-wrap{gap:12px;display:grid}.dream-matrix-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dream-matrix-caption{gap:4px;min-width:0;display:grid}.dream-matrix-caption strong{color:#111;font-size:18px;font-weight:900}.dream-matrix-caption span{color:var(--text-soft);font-size:13px;line-height:1.5}.dream-matrix-metric-toggle{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.dream-matrix-scroll{background:#ffffffc7;border:1px solid #11111114;border-radius:18px;overflow:auto}.dream-matrix-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1120px}.dream-matrix-table th,.dream-matrix-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #11111114;border-right:1px solid #11111114;padding:10px 12px;font-size:13px}.dream-matrix-table thead th{z-index:2;color:#f8fafc;background:#111;font-weight:900;position:sticky;top:0}.dream-matrix-table tbody th{z-index:1;color:#111;text-align:center;background:#f8fafc;padding:8px;font-weight:800;position:sticky;left:0}.dream-matrix-table thead th:first-child{z-index:3;left:0}.dream-matrix-table thead th:nth-child(2){z-index:3}.dream-matrix-table tbody td:nth-child(2),.dream-matrix-table thead th:nth-child(2){color:#111;background:#fff7ed;font-weight:800}.dream-matrix-player-head{gap:2px;display:grid}.dream-matrix-player-head strong{font-size:13px}.dream-matrix-player-head span{color:#f8fafcb8;font-size:11px;font-weight:700}.dream-matrix-duel-cell{font-weight:850}.dream-matrix-duel-content{gap:2px;line-height:1.15;display:grid}.dream-matrix-duel-main{display:block}.dream-matrix-duel-games{color:#1111119e;font-size:11px;font-weight:800;display:block}.dream-matrix-hero-avatar{object-fit:contain;width:auto;max-width:56px;height:28px;margin:0 auto;display:block}.dream-matrix-hero-fallback{background:#94a3b852;border-radius:8px;width:28px;height:28px;margin:0 auto;display:block}.honor-card{background:linear-gradient(145deg,#ffffff0f,#0000 32%),#111;border:1px solid #ffffff1f;border-radius:18px;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 16px 34px #1717172e}.honor-card-title{gap:4px;display:grid}.honor-card-title span{color:#f8fafc;font-size:18px;font-weight:900}.honor-card-title small{color:#f8fafc94;font-size:12px;font-weight:700}.honor-champion{background:linear-gradient(135deg,#facc1547,#b453092e),#facc1514;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:70px;padding:14px;display:grid}.honor-medal{color:#422006;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:999px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:950;display:inline-grid;box-shadow:0 0 0 3px #facc1529}.honor-champion div{gap:4px;min-width:0;display:grid}.honor-champion strong,.honor-champion span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.honor-champion strong{color:#fff;font-size:20px;font-weight:950}.honor-champion div .honor-leader-value{color:#fde68a;font-size:18px;font-weight:900}.honor-runners{gap:8px;display:grid}.honor-runner{background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:grid}.honor-runner-2{background:linear-gradient(135deg,#e2e8f02e,#94a3b814)}.honor-runner-3{background:linear-gradient(135deg,#b4530938,#92400e14)}.honor-runner span,.honor-runner em{color:#f8fafcc7;font-style:normal;font-weight:800}.honor-runner-2 span{color:#e2e8f0}.honor-runner-3 span{color:#fbbf24}.honor-runner strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.honor-empty{color:#f8fafc99;margin:0;font-weight:700}.hero-wall{gap:12px;display:grid}.hero-wall-controls{gap:8px;display:grid}.hero-wall-view-toggle{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.hero-wall-groups{gap:18px;display:grid}.hero-wall-group{gap:10px;display:grid}.hero-wall-group-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-wall-group-head h2{color:var(--text-strong);margin:0;font-size:18px;font-weight:950}.hero-wall-group-head span{color:var(--text-soft);font-size:12px;font-weight:800}.hero-wall-grid{grid-template-columns:repeat(auto-fill,minmax(70px,92px));justify-content:start;gap:8px;display:grid}.hero-wall-card{background:linear-gradient(145deg, #ffffff14, transparent 34%), linear-gradient(160deg, var(--hero-wall-card-bg-strong,#111), var(--hero-wall-card-bg,#111));border:1px solid #ffffff1a;border-color:var(--hero-wall-card-border,#ffffff1a);color:#f8fafc;cursor:pointer;min-width:0;min-height:96px;box-shadow:0 12px 24px #1717172e, 0 0 20px var(--hero-wall-card-glow,transparent);border-radius:12px;grid-template-rows:auto 1fr;align-content:stretch;gap:4px;padding:5px;display:grid}.hero-wall-card:hover{background:linear-gradient(145deg, #ffffff24, transparent 36%), linear-gradient(160deg, var(--hero-wall-card-bg-strong,#111), var(--hero-wall-card-bg,#111));border-color:#fafafa66}.hero-wall-avatar{aspect-ratio:16/9;object-fit:cover;background:#111;border-radius:8px;width:100%;box-shadow:0 0 0 1px #ffffff14}.hero-wall-avatar-empty{display:block}.hero-wall-name{color:#f8fafc;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;line-height:1.1;overflow:hidden}.hero-wall-leaders{align-content:center;gap:0;min-width:0;display:grid}.hero-wall-leaders span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-height:12px;padding:0 1px;font-size:10px;font-weight:900;line-height:1.1;overflow:hidden}.hero-wall-leaders span:first-child{color:#fde68a}.hero-wall-leaders span:nth-child(2){color:#e2e8f0}.hero-wall-leaders span:nth-child(3){color:#fbbf24}.hero-wall-leaders .hero-wall-leader-empty{opacity:0}.hero-network-demo{grid-template-columns:1fr;align-items:stretch;display:grid}.hero-network-stage{background:#ffffffb8;border:1px solid #17171714;border-radius:8px;align-content:center;place-items:center;gap:10px;min-width:0;min-height:min(940px,100svh - 210px);display:grid;overflow:hidden}.hero-network-svg{width:min(100%,1040px);height:auto;max-height:calc(100svh - 290px);display:block}.hero-network-orbit{fill:none;stroke:#17171714;stroke-width:1px}.hero-network-orbit-outer{stroke:#1717172e;stroke-width:2px}.hero-network-link{fill:none;stroke-linecap:round;opacity:.13;pointer-events:none}.hero-network-link-active{opacity:.78;filter:drop-shadow(0 3px 7px #1717172e)}.hero-network-hero{cursor:pointer}.hero-network-hero circle:first-child{fill:#ffffffd6}.hero-network-hero-active circle:first-child{fill:#ffffffeb}.hero-network-player circle{stroke:#fff;stroke-width:3px;opacity:.56;filter:drop-shadow(0 8px 14px #17171733)}.hero-network-player-active circle{opacity:.98}.hero-network-player text{fill:var(--text-strong);paint-order:stroke;stroke:#ffffffe6;stroke-width:4px;stroke-linejoin:round;font-size:13px;font-weight:950}.hero-network-player-name{font-size:15px!important}.hero-network-player-value{text-anchor:middle;fill:#fff!important;stroke:none!important;font-size:10px!important}.hero-network-player-games{text-anchor:middle;opacity:.9;fill:#fff!important;stroke:none!important;font-size:8px!important;font-weight:900!important}.hero-network-caption{color:var(--text-soft);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;font-weight:850;display:flex}.hero-network-caption strong{color:var(--text-strong);font-size:24px;font-weight:950}.hero-network-empty-heroes{gap:6px;width:min(100%,1040px);padding:0 16px 14px;display:grid}.hero-network-empty-heroes>span{color:var(--text-soft);font-size:12px;font-weight:900}.hero-network-empty-heroes div{flex-wrap:wrap;gap:6px;display:flex}.hero-network-empty-heroes div span{min-height:24px;color:var(--text-soft);background:#17171708;border:1px solid #17171714;border-radius:999px;padding:0 8px;font-size:11px;font-weight:850;line-height:22px}.draft-player-row{grid-template-columns:auto minmax(160px,260px) auto;align-items:center;gap:10px;display:grid}.draft-player-row label,.draft-player-row span{color:var(--text-soft);font-size:13px;font-weight:900}.draft-player-row select{min-height:40px;color:var(--text-strong);font:inherit;background:#ffffffd6;border:1px solid #1717171a;border-radius:14px;padding:0 12px;font-weight:900}.draft-hero-card{opacity:.8;cursor:default;position:relative;overflow:hidden}.draft-hero-card-signature{opacity:1;border-color:#ffd76a;box-shadow:0 12px 24px #1717172e,0 0 0 2px #8a5a12,0 0 0 4px #ffd76aeb,inset 0 0 0 1px #ffffd2b8,inset 0 0 18px #ffbe4047,0 0 22px #ffb0208c}.draft-hero-card-signature:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(135deg,#0000 0 28%,#ffffdc6b 34%,#0000 42% 100%),linear-gradient(45deg,#75460a47,#0000 30%,#ffd95b38 58%,#0000 76%);animation:3.2s ease-in-out infinite signature-shine;position:absolute;inset:0}.draft-hero-card-signature>*{z-index:1;position:relative}@keyframes signature-shine{0%{opacity:0;transform:translate(-80%)}28%{opacity:.8}56%,to{opacity:0;transform:translate(80%)}}.draft-card-meta{color:#f8fafc;text-align:center;align-content:center;place-items:center;gap:1px;min-width:0;display:grid}.draft-card-meta strong{color:#fde68a;font-size:13px;font-weight:950;line-height:1}.draft-card-meta span{color:#f8fafcdb;font-size:10px;font-weight:900;line-height:1.1}.play-topline,.play-stats,.question-meta,.question-control-row,.question-actions,.question-feedback,.view-toggle,.filter-row,.filter-chip-row,.browser-toolbar,.browser-meta,.browser-detail-head,.browser-detail-tags,.browser-json-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.play-topline{justify-content:space-between}.play-kicker{color:var(--accent-strong);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.play-stats span,.tag{min-height:34px;color:var(--text-soft);background:#1717170d;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.play-heading{gap:12px;display:grid}.play-heading-browser h1{max-width:none}.play-heading h1{max-width:12ch;margin:0;font-size:clamp(36px,6vw,68px)}.play-heading p,.play-footer p{color:var(--text-soft)}.question-stage{gap:16px;display:grid}.filter-panel{background:var(--soft-panel);border:1px solid #1717170f;border-radius:20px;gap:14px;padding:18px;display:grid}.lab-panel{background:#ffffffb3;border:1px solid #1717170f;border-radius:24px;gap:16px;padding:20px;display:grid}.lab-header,.lab-chip-row,.lab-recipe-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lab-header{justify-content:space-between}.lab-title{margin:6px 0 0;font-size:24px}.lab-field{min-width:min(100%,220px)}.lab-dropdown{position:relative}.lab-trigger{text-align:left;justify-content:flex-start}.lab-dropdown-menu{z-index:10;background:#fffffff5;border:1px solid #1717171a;border-radius:18px;width:min(420px,90vw);max-height:320px;padding:14px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 20px 60px #1717171f}.lab-checkbox-row{border-bottom:1px solid #1717170f;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 0;display:grid}.lab-checkbox-row:last-child{border-bottom:0}.lab-checkbox-row span{gap:4px;display:grid}.lab-checkbox-row small,.lab-recipe-row p{color:var(--text-soft)}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lab-card{background:var(--soft-panel);border:1px solid #1717170f;border-radius:20px;gap:12px;min-height:240px;padding:18px;display:grid}.lab-card h3{margin:0}.lab-recipe-list{gap:12px;display:grid}.lab-recipe-row{background:#ffffffd6;border:1px solid #1717170f;border-radius:16px;gap:8px;padding:14px;display:grid}.lab-recipe-row strong,.lab-recipe-row p{margin:0}.filter-field{gap:8px;display:grid}.filter-field label{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.filter-chip-row{gap:10px}.filter-chip{min-height:34px;color:var(--text-soft);background:#ffffffc7;border:1px solid #17171714;border-radius:999px;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.filter-chip-active{color:var(--accent-strong);background:#e9573e24;border-color:#e9573e52}.browser-stage{gap:16px;display:grid}.tag{color:var(--accent-strong);background:#e9573e1f}.tag-subject{color:#7c3aed;background:#8b5cf624}.tag-filter{color:var(--accent-strong);background:#e9573e1f}.tag-objective{color:#0284c7;background:#0ea5e91f}.tag-button{font:inherit;cursor:pointer;text-align:left;border:0}.tag-button:disabled{cursor:default}.tag-explained{white-space:normal;max-width:min(760px,100%);line-height:1.45}.metric-explain-button{color:#0369a1;min-height:28px;font:inherit;cursor:pointer;background:#0ea5e914;border:1px solid #0284c733;border-radius:999px;place-items:center;padding:0 10px;font-size:13px;font-weight:900;display:inline-grid}.metric-explanation-modal{width:min(100%,480px)}.metric-explanation-text{color:var(--text-main);margin:0;font-size:16px;line-height:1.7}.tag-query{color:#15803d;background:#16a34a1f}.tag-sort{color:#a16207;background:#eab30829}.tag-muted{color:var(--text-soft);background:#1717170d}.tag-source-combo{color:#a16207;background:#eab30824}.tag-source-explore{color:#0d9488;background:#14b8a624}.question-meta{align-items:stretch;gap:12px;display:grid}.question-meta-overview{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.question-meta-list{flex-wrap:wrap;gap:8px;min-width:0;margin:0;display:flex}.question-card{color:var(--surface-text);background:radial-gradient(circle at 0 0,#ffffff24,#0000 26%),linear-gradient(145deg,#191f31,#2c1e17 80%);border-radius:28px;gap:18px;padding:28px;display:grid}.question-card h2{color:var(--surface-text);overflow-wrap:anywhere;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.08}.question-card-empty{align-content:center;min-height:280px}.question-detail,.question-insight,.question-metric-subtitle{color:#fffaf5bd}.question-metric-subtitle{margin:-8px 0 0;font-size:18px;font-weight:800}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice-button{min-height:88px;color:var(--surface-text);text-align:left;overflow-wrap:anywhere;background:#ffffff0d;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:10px;padding:18px;font-weight:700;transition:transform .16s,border-color .16s,background .16s;display:flex}.choice-hero-avatar{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.tag-item-avatar,.detail-item-avatar,.prompt-item-avatar{object-fit:cover;border-radius:5px;flex-shrink:0;width:22px;height:22px}.detail-item-avatar{border-radius:6px;width:26px;height:26px}.prompt-item-avatar{vertical-align:-.12em;border-radius:10px;width:44px;height:44px}.entity-label{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;display:inline-flex}.choice-button:hover:enabled{border-color:#fff6;transform:translateY(-2px)}.choice-correct{color:#fff;background:#16a34a;border-color:#86efac;box-shadow:0 0 0 3px #86efac47,0 12px 28px #16a34a57}.choice-wrong{color:#fff;background:#dc2626;border-color:#fca5a5;box-shadow:0 0 0 3px #fca5a547,0 12px 28px #dc262657}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:800;transition:transform .16s,border-color .16s,opacity .16s;display:inline-flex}.button:hover:enabled{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:var(--accent);color:#fff}.button-ghost{color:var(--text-strong);background:#1717170d;border-color:#17171714}.question-control-row{justify-content:space-between}.question-feedback{background:#1717170d;border:1px solid #17171714;border-radius:14px;padding:4px}.feedback-button{min-height:38px;color:var(--text-soft);background:0 0;border:0;border-radius:10px;padding:0 14px;font-weight:800}.feedback-button:hover:enabled,.feedback-button-active{color:#fff;background:#171717}.answer-panel,.play-footer{background:var(--soft-panel);border:1px solid #1717170f;border-radius:20px;padding:18px}.answer-title{color:var(--text-strong);margin-bottom:8px;font-weight:800}.answer-scope-note{color:var(--text-soft);margin-top:10px;font-size:13px;font-weight:600}.view-toggle{justify-content:flex-start}.browser-toolbar{justify-content:space-between}.browser-search{min-height:48px;color:var(--text-strong);background:#ffffffc7;border:1px solid #1717171a;border-radius:14px;flex:280px;padding:0 16px}.browser-select{flex:0 0 180px}.browser-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;min-height:640px;display:grid}.browser-table-panel,.browser-detail,.browser-detail-card,.browser-json-panel{gap:12px;display:grid}.browser-table-panel,.browser-detail{min-height:0}.browser-table-panel,.browser-detail-card,.browser-json-panel,.browser-empty{background:var(--soft-panel);border:1px solid #1717170f;border-radius:24px;padding:20px}.browser-table-wrap{background:#ffffffb3;border:1px solid #17171714;border-radius:18px;max-height:72svh;overflow:auto}.browser-table{border-collapse:collapse;width:100%}.browser-table th,.browser-table td{text-align:left;vertical-align:top;border-bottom:1px solid #17171714;padding:14px 12px}.browser-table th{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;background:#f7f2ef;font-size:12px;position:sticky;top:0}.browser-table tbody tr{cursor:pointer;transition:background .16s}.browser-table tbody tr:hover{background:#e9573e0d}.browser-row-active{background:#e9573e1a}.browser-cell-stack{gap:4px;display:grid}.browser-cell-stack strong,.browser-cell-stack span,.browser-player-card p,.browser-player-card span{margin:0}.browser-cell-stack span{color:var(--text-soft);font-size:13px}.browser-player-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.browser-player-card{background:#ffffffc7;border:1px solid #1717170f;border-radius:18px;gap:6px;padding:14px;display:grid}.browser-empty{min-height:200px;color:var(--text-soft);place-items:center;display:grid}.browser-empty-detail{min-height:100%}.browser-json-panel{min-height:0}.browser-json{color:#e8edf8;white-space:pre-wrap;word-break:break-word;background:#151823;border-radius:20px;max-height:48svh;margin:0;padding:18px;font-size:13px;line-height:1.5;overflow:auto}.debug-table-wrap{background:#ffffffb3;border:1px solid #17171714;border-radius:16px;margin-top:14px;overflow:hidden}.debug-card-list{display:none}.debug-table-tags{border-bottom:1px solid #17171714;flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.debug-table-tags span{min-height:26px;color:var(--accent-strong);background:#e9573e1a;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;line-height:26px}.debug-table-toolbar{color:var(--text-soft);border-bottom:1px solid #17171714;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.debug-table-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.debug-scope-toggle{background:#ffffffb8;border:1px solid #1717171a;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.debug-scope-toggle button,.debug-table-toggle{min-height:30px;color:var(--text-strong);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px}.debug-scope-toggle button:hover,.debug-table-toggle:hover{color:#15803d}.debug-scope-toggle .debug-scope-active{color:#fff;background:#111;box-shadow:0 8px 18px #11111129}.debug-table{border-collapse:collapse;width:100%;font-size:13px}.debug-table th,.debug-table td{text-align:left;border-bottom:1px solid #1717170f;padding:10px 12px}.debug-table th{color:var(--text-soft);letter-spacing:.04em;background:#f7f2ef;font-size:12px;font-weight:700}.debug-sort-button{width:100%;min-height:30px;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:inline-flex}.debug-sort-button span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.debug-sort-button span:last-child{opacity:.52;font-size:12px}.debug-sort-button-active span:last-child{opacity:1}.debug-table tbody tr:last-child td{border-bottom:0}.debug-col-subject{align-items:center;gap:6px;display:flex}thead .debug-col-subject{display:table-cell}.debug-hero-avatar{object-fit:cover;border-radius:4px;flex-shrink:0;width:24px;height:24px}.debug-inline-hero{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.debug-row-answer{background:#16a34a1a;font-weight:700}.debug-row-choice{background:#16a34a12}.debug-row-choice .debug-col-subject,.debug-row-choice .debug-col-objective,.debug-row-choice .debug-col-query{background:#16a34a14}.debug-row-answer .debug-col-subject,.debug-row-answer .debug-col-objective,.debug-row-answer .debug-col-query{background:#16a34a29}.debug-col-subject{background:#8b5cf60f}.debug-col-filter{background:#e9573e0f}.debug-col-objective{background:#0ea5e90f}.debug-col-query{background:#16a34a0f}thead .debug-col-subject{color:#7c3aed;background:#8b5cf626}thead .debug-col-filter{color:var(--accent-strong);background:#e9573e26}thead .debug-col-objective{color:#0284c7;background:#0ea5e926}thead .debug-col-query{color:#15803d;background:#16a34a26}.competition-entry{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.competition-mode-button{min-width:160px}.competition-select{min-height:42px;color:var(--text-strong);cursor:pointer;background:#ffffffc7;border:1px solid #1717171a;border-radius:12px;flex:0 200px;padding:0 12px;font-size:14px;font-weight:600}.competition-playing{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.competition-player-tag{color:#7c3aed;background:#8b5cf624;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.competition-score-tag{color:#15803d;background:#16a34a1f;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.competition-finished{gap:16px;display:grid}.competition-message{color:#a16207;background:#eab3081f;border-radius:14px;margin:0;padding:12px 16px;font-size:14px;font-weight:700}.leaderboard-wrap{background:#ffffffb3;border:1px solid #17171714;border-radius:18px;overflow:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-size:13px}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #1717170f;padding:12px 14px}.leaderboard-table th{color:var(--text-soft);letter-spacing:.04em;background:#f7f2ef;font-size:12px;font-weight:700}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-row-highlight{background:#8b5cf61a;font-weight:700}.competition-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1717176b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.competition-modal{background:#fffaf5;border-radius:28px;gap:18px;width:min(100%,560px);max-height:min(760px,100svh - 40px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 80px #17171738}.competition-modal-head,.competition-leaderboard-head,.competition-leaderboard-row{align-items:center;display:flex}.competition-modal-head{justify-content:space-between;gap:16px}.competition-modal-head h2,.competition-leaderboard-head h3{margin:0}.competition-modal-close{width:40px;height:40px;color:var(--text-strong);background:#1717170f;border:0;border-radius:14px;place-items:center;font-size:26px;line-height:1;display:inline-grid}.competition-form{gap:12px;display:grid}.competition-form label{gap:6px;display:grid}.competition-form label span{color:var(--text-soft);letter-spacing:.04em;font-size:12px;font-weight:800}.competition-form input,.competition-form select{width:100%;min-height:46px;color:var(--text-strong);background:#ffffffdb;border:1px solid #1717171a;border-radius:14px;padding:0 13px;font-weight:650}.competition-leaderboard{gap:10px;display:grid}.competition-leaderboard-head{justify-content:space-between;gap:12px}.competition-leaderboard-head span{color:var(--text-soft);font-size:13px;font-weight:700}.competition-leaderboard-list{gap:8px;display:grid}.competition-leaderboard-row{background:#ffffffb8;border:1px solid #1717170f;border-radius:14px;grid-template-columns:44px minmax(0,1fr) 64px 52px;align-items:center;gap:8px;min-height:46px;padding:0 10px;display:grid}.competition-rank{color:var(--text-soft);font-size:12px;font-weight:900}.competition-leaderboard-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.competition-leaderboard-row span:nth-of-type(2){color:#15803d;text-align:right;font-weight:900}.competition-leaderboard-row small{color:var(--text-soft);text-align:right;font-weight:800}.competition-empty{color:var(--text-soft);text-align:center;background:#1717170a;border-radius:14px;padding:16px}@media (width<=720px){:root{--bg:#fbfaf7;--bg-deep:#f1ece4;--panel-shadow:#52371c0f 0 10px 28px, #52371c0d 0 2px 8px}body{background:var(--bg)}.play-shell{background:var(--bg);padding:0;display:block}.play-panel{width:100%;min-height:auto;padding:max(12px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom));box-shadow:none;background:0 0;border:0;border-radius:0;align-content:start;gap:16px;overflow:hidden}.play-topline{align-items:start}.top-bar{gap:8px;display:grid}.honor-grid{grid-template-columns:1fr}.honor-wall-head{align-items:flex-start}.mode-tabs{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #17171712;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:5px;display:grid;position:sticky;top:0;box-shadow:0 8px 24px #52371c14}.mode-tab{white-space:nowrap;border-radius:12px;min-height:42px;padding:0 8px;font-size:15px}.hero-wall-grid{grid-template-columns:repeat(4,minmax(0,min(84px,25vw - 12px)));justify-content:start;gap:8px}.hero-network-demo{grid-template-columns:1fr}.hero-network-stage{min-height:auto}.hero-network-panel,.hero-network-svg{max-height:none}.draft-wall{gap:12px}.hero-wall-view-toggle{justify-content:flex-start;align-items:flex-start}.hero-wall-view-toggle .honor-subtab{flex:none;min-height:42px;padding:0 14px}.draft-wall .hero-wall-view-toggle{grid-template-columns:max-content max-content;justify-items:start;width:fit-content;display:grid}.draft-wall .hero-wall-card{min-height:96px}.admin-actions{justify-content:flex-end;padding-inline:2px}.competition-entry,.competition-playing,.custom-actions,.question-control-row,.question-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.competition-entry,.competition-playing,.custom-actions,.question-control-row{grid-template-columns:1fr}.competition-select,.button{width:100%}.competition-modal-backdrop{align-items:end;padding:0}.competition-modal{width:100%;max-height:88svh;padding:18px 14px max(18px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0;gap:16px;box-shadow:0 -18px 60px #17171738}.competition-modal-head h2{font-size:24px}.competition-modal-close{border-radius:13px;width:38px;height:38px}.competition-form input,.competition-form select{min-height:48px;font-size:15px}.competition-leaderboard-head h3{font-size:18px}.competition-leaderboard-row{grid-template-columns:34px minmax(0,1fr) 56px 42px;gap:6px;min-height:44px;padding:0 8px;font-size:13px}.competition-player-tag,.competition-score-tag{justify-content:center}.choice-grid{grid-template-columns:1fr;gap:10px}.question-stage{gap:12px;min-width:0}.question-card{background:#171923;border-radius:24px;gap:14px;padding:18px 16px;box-shadow:0 14px 34px #17171724}.question-card h2{font-size:clamp(24px,8vw,32px);line-height:1.16}.question-detail,.question-insight,.question-metric-subtitle{font-size:14px}.choice-button{background:#ffffff14;border-radius:18px;min-height:62px;padding:13px 14px;font-size:15px}.choice-hero-avatar{width:32px;height:32px}.question-meta{gap:10px}.tag{min-height:30px;padding:0 10px;font-size:12px}.answer-panel{background:#fff;border:0;border-radius:24px;gap:12px;padding:16px;font-size:14px;display:grid;box-shadow:0 10px 28px #52371c14}.answer-title{color:#15803d;background:#16a34a1a;border-radius:999px;align-items:center;width:fit-content;min-height:30px;margin-bottom:0;padding:0 10px;font-size:13px;display:inline-flex}.browser-layout,.lab-grid{grid-template-columns:1fr}.browser-table-wrap{max-height:40svh}.custom-dropdowns{grid-template-columns:1fr;gap:10px;display:grid}.custom-field{min-width:0}.custom-field label{font-size:11px}.custom-field select,.metric-combobox input{background-color:#ffffffeb;border-radius:14px;min-height:48px;font-size:15px}.metric-search-menu{border-radius:16px;max-height:48svh;margin-top:8px;position:static}.custom-filter-summary{background-color:#ffffffeb;border-radius:14px;min-height:48px}.custom-filter-panel{background:#fffffff5;border-radius:18px;max-height:50svh;margin-top:8px;padding:12px;position:static}.custom-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.custom-filter-option{border-radius:14px;justify-content:flex-start;min-height:42px;padding:0 10px;font-size:13px}.custom-filter-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-error{text-align:center}.debug-table-wrap{border-radius:18px;width:100%;margin-top:0;display:block;overflow:hidden}.debug-card-list{display:none}.debug-table-tags{gap:6px;padding:10px}.debug-table-tags span{min-height:24px;padding:0 7px;font-size:11px;line-height:24px}.debug-table-toolbar{flex-direction:column;align-items:flex-start;padding:9px 10px;font-size:11px}.debug-table-actions{justify-content:flex-start}.debug-scope-toggle button,.debug-table-toggle{min-height:28px;padding:0 10px}.debug-table{table-layout:fixed;width:100%;font-size:11px}.debug-table th,.debug-table td{vertical-align:middle;padding:9px 6px;line-height:1.25}.debug-table th{letter-spacing:0;font-size:10px}.debug-table th:first-child,.debug-table td:first-child{text-align:center;width:30px;padding-left:8px;padding-right:4px}.debug-table .debug-col-filter{display:none}.debug-table .debug-col-subject{gap:5px;width:auto;max-width:none;overflow:hidden}.debug-table td.debug-col-subject{align-items:center;display:flex}.debug-table td.debug-col-subject img{width:22px;height:22px}.debug-table td.debug-col-subject{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.debug-table .debug-col-objective{overflow-wrap:anywhere;text-align:right;width:72px}.debug-table .debug-col-query{overflow-wrap:anywhere;text-align:right;width:52px}thead .debug-col-subject{display:table-cell}.debug-row-answer{position:relative}.debug-row-answer td:first-child{color:#15803d;font-weight:900}.debug-hero-avatar{border-radius:5px;width:22px;height:22px}.debug-table,.debug-table tbody,.debug-table thead{min-width:0}.leaderboard-table{min-width:520px}}@media (width<=420px){.play-shell{padding:0}.play-panel{border-radius:0;padding:12px}.question-meta{gap:9px}.question-card{padding:16px}.question-card h2{font-size:clamp(22px,7.2vw,29px)}.button{border-radius:12px;min-height:44px}.debug-table th,.debug-table td{padding-left:5px;padding-right:5px}.debug-table .debug-col-objective{width:64px}.debug-table .debug-col-query{width:46px}}