:root{color-scheme:light;--bg:#f5f7f9;--ink:#17212b;--muted:#607080;--line:#d9e1e8;--panel:#ffffff;--accent:#d84f37;--accent-2:#197278;--shadow:0 16px 38px rgba(23,33,43,0.08)}.actionLink{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--accent-2);background:#fff;text-decoration:none;font-weight:600}.actionLink:hover{background:#eef7f6}.trainingPage{position:relative;width:100%;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.trainingTopbar{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:12px;align-items:flex-start;min-width:0;z-index:5;pointer-events:none}.trainingTopbar>*{pointer-events:auto}.trainingExit{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px;color:#fff;text-decoration:none;text-shadow:0 1px 4px #000a}.trainingExit strong{font-size:20px}.trainingBack{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font-size:13px}.trainingPackPicker{display:grid;gap:3px;min-width:0;flex:1 1;max-width:min(300px,calc(50vw - 196px));margin-left:auto;padding:8px 10px;background:#17212bdb;border-radius:6px}.trainingPackPicker label{font-size:10px;color:#cbd8df}.trainingPackPicker select{width:100%;min-width:0;min-height:30px;font-size:13px;background:transparent;border:0;color:#fff;padding:0;border-radius:0}.trainingPackPicker option{color:var(--ink);background:#fff}.trainingScopeLabel{display:none}.trainingIconButton{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;background:#fff;border-color:var(--line);color:var(--ink);border-radius:4px}.trainingIconButton:hover{background:#edf3f5}.trainingDockBar .trainingIconButton,.trainingTopbar .trainingIconButton{background:#17212bdb;border:0;color:#fff}.trainingDockBar .trainingIconButton:hover,.trainingTopbar .trainingIconButton:hover{background:#27343ded}.trainingArena{position:relative;min-height:0;overflow:hidden;background:#20272b}.trainingPanorama{position:absolute;inset:0;z-index:0}.trainingProgress{position:absolute;top:86px;right:16px;padding:8px 12px;background:#17212bdb;color:#fff;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none;z-index:2}.trainingMapDock{position:absolute;right:16px;bottom:36px;width:min(320px,calc(100% - 32px));height:min(260px,calc(100% - 140px));display:grid;grid-template-rows:minmax(0,1fr) 44px;background:transparent;border:0;border-radius:0;overflow:hidden;box-shadow:none;z-index:4}.trainingMapDock.expanded{width:min(660px,max(360px,55vw),calc(100% - 32px));height:min(520px,calc(100% - 140px))}.trainingDockBar{position:absolute;top:8px;right:8px;z-index:2}.trainingDockBar>span{display:none}.trainingDockBar>div{display:flex;gap:4px}.trainingGuessMap{width:100%;height:100%;min-height:0;opacity:.86}.trainingMapDock.expanded .trainingGuessMap{opacity:1}.trainingDockActions{display:flex;align-items:stretch;padding:0;border:0}.trainingSubmit{flex:1 1;min-width:0;min-height:44px;background:var(--accent-2);border-color:var(--accent-2);border-radius:0}.trainingSubmit:disabled{cursor:not-allowed}.trainingResult{position:absolute;left:16px;top:64px;display:grid;gap:6px;width:min(330px,calc(45vw - 40px));padding:14px 16px;background:#fff;border-radius:6px;box-shadow:0 4px 20px #0003;overflow-wrap:anywhere;z-index:3}.trainingResult strong{font-size:26px}.trainingResult small{font-size:12px;font-weight:400;color:var(--muted)}.trainingResult>span{font-size:13px}.trainingStreetState{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:#fff;background:#20272b;text-align:center;z-index:1}.trainingStreetState p{max-width:480px;overflow-wrap:anywhere}.trainingPageState{min-height:0;padding:120px 32px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:#dfe7eb;overflow:auto}.trainingPageState h1{font-size:28px;line-height:1.2}.trainingSummary{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:12px 0}.trainingSummary dt{font-size:12px;color:var(--muted)}.trainingSummary dd{font-size:22px;font-weight:600;margin:6px 0 0}.trainingReplay{background:var(--accent-2);border-color:var(--accent-2)}.trainingCompass{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:220px;height:40px;display:flex;align-items:center;background:#17212ba8;border-radius:6px;color:#fff;z-index:6}.trainingCompass button{min-width:32px;width:32px;height:32px;min-height:32px;padding:0;background:transparent;border:0}.trainingCompassTape{position:relative;flex:1 1;height:36px;overflow:hidden}.trainingCompassTape>span{position:absolute;top:8px;height:20px;width:1px;background:#ffffff80;font-size:11px}.trainingCompassTape>span.major{top:10px;height:18px;width:28px;background:none;color:#fff;text-align:center;transform:translateX(-50%);font-weight:700}.trainingCompassNeedle{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #e8ba63}@media (hover:hover) and (pointer:fine){.trainingMapResizeButton{display:none}}@media (min-width:701px) and (max-height:500px){.trainingProgress{top:64px;left:50%;right:auto;transform:translateX(-50%)}}@media (max-width:700px){.trainingTopbar{top:10px;left:10px;right:10px;gap:8px}.trainingExit strong{display:none}.trainingExit{min-width:32px;padding:4px}.trainingPackPicker{max-width:none}.trainingPackPicker select{font-size:12px}.trainingMapDock{right:10px;bottom:64px;width:min(310px,calc(100% - 20px));height:min(270px,47%)}.trainingMapDock.expanded{width:calc(100% - 20px);height:min(480px,58%,calc(100% - 370px))}.trainingResult{top:184px;left:10px;width:calc(100% - 20px);padding:8px 12px;gap:3px}.trainingResult strong{font-size:22px}.trainingProgress{top:140px;right:10px}.trainingCompass{top:88px;width:210px}.trainingPageState{padding:100px 20px 20px}}@media (min-width:481px) and (max-width:700px) and (max-height:500px){.trainingPackPicker{max-width:calc(50vw - 146px)}.trainingCompass{top:10px;width:170px}.trainingProgress{top:60px;left:50%;right:auto;transform:translateX(-50%)}.trainingResult{top:60px;width:min(270px,calc(40vw - 20px))}.trainingMapDock{bottom:36px;width:min(280px,calc(100% - 20px));height:calc(100% - 134px)}.trainingMapDock.expanded{width:min(55vw,calc(100% - 20px));height:calc(100% - 134px)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.importButton,button{border:1px solid #bd3d28;background:var(--accent);color:#fff;min-height:40px;padding:0 14px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button:disabled{cursor:wait;opacity:.65}button.ghost{border-color:var(--line)}button.ghost,select{background:#fff;color:var(--ink)}select{min-height:38px;padding:0 12px}select,textarea{border:1px solid var(--line);border-radius:7px}textarea{padding:10px 12px;resize:vertical}.shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.layout,.metrics,.panelHeader,.topbar{display:flex;gap:16px}.topbar{align-items:flex-end;justify-content:space-between;margin-bottom:22px}h1,h2,p{margin:0}h1{font-size:clamp(30px,5vw,56px);line-height:.98;letter-spacing:0}h2{font-size:18px}p,span,td,th{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.analysisTabs{display:inline-flex;gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.analysisTabs button{min-height:36px;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);padding:0 10px;font-size:13px}.analysisTabs button:last-child{border-right:0}.analysisTabs button.active{background:var(--accent-2);color:#fff}.statusLine{min-height:22px;color:var(--muted);font-size:13px;margin:-10px 0 14px}.importButton input{display:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.confusionPanel,.mapPanel,.metrics article,.sidePanel,.tablePanel,.trainingPanel,.trainingWorkspace{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metrics article{padding:16px}.metrics span{display:block;font-size:13px;margin-bottom:6px}.metrics strong{display:block;font-size:clamp(20px,3vw,31px);line-height:1.05;overflow-wrap:anywhere}.layout{margin-bottom:16px}.layout,.layout.bottom{align-items:flex-start}.mapLayout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:stretch}.mapSidebarSlot{position:relative;min-width:0}.mapSidebarSlot>.sidePanel{position:absolute;inset:0;max-height:none;min-height:0}.mapPanel,.tablePanel{flex:1 1 auto;min-width:0}.sidePanel,.trainingPanel{flex:0 0 360px;display:flex;flex-direction:column;overflow:hidden}.sidePanel{max-height:620px}.trainingPanel{max-height:500px}.panelHeader{align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.panelHeader.compact{min-height:68px}.mapPanel>.panelHeader{align-items:flex-start;flex-wrap:wrap;gap:12px}.mapPanel>.panelHeader>div:first-child{flex:1 1 260px}.mapHeaderControls{flex:1 1 520px;min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.mapHeaderControls select{max-width:100%;min-width:0}.playedMapFilter{width:260px;text-overflow:ellipsis}.mistakeNotebook{margin:0 0 16px;background:var(--panel);border-top:2px solid var(--accent-2);border-bottom:1px solid var(--line);min-width:0}.mistakeNotebook>.panelHeader{flex-wrap:wrap}.mistakeNotebook .panelHeader p{margin-top:4px;font-size:13px;overflow-wrap:anywhere}.notebookControls,.notebookPagination,.notebookPagination>div,.notebookSelection,.notebookToolbar,.scoreThreshold{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.notebookControls{max-width:100%}.scoreThreshold{font-size:13px}.scoreThreshold input{width:88px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:6px}.scoreThreshold input[aria-invalid=true]{border-color:var(--accent)}.notebookError{color:#b8322a;padding:12px 16px 0}.notebookPagination,.notebookToolbar{padding:12px 16px;justify-content:space-between;font-size:13px}.notebookTable input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-2);cursor:pointer}.notebookTable td:nth-child(3){max-width:290px;overflow-wrap:anywhere}.mistakeNotebook button:disabled{cursor:not-allowed}.dateFilterHost{position:relative;flex:0 0 auto}button.dateFilterButton.active{background:var(--accent-2);border-color:#145f64;color:#fff}.dateFilterPopover{position:absolute;top:calc(100% + 8px);right:0;z-index:1100;width:300px;padding:14px;display:grid;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 42px rgba(23,33,43,.18)}.dateFilterPopover label{display:grid;gap:6px;color:var(--muted);font-size:13px}.dateFilterPopover input[type=date]{min-height:40px;width:100%;padding:0 10px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:7px}.dateFilterActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#mistakeMap{width:100%;aspect-ratio:1100/560;min-height:360px;background:#e6edf1;border-radius:0 0 8px 8px;overflow:hidden}#mistakeMap,.googleMapHost{position:relative}.mapStatusBar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:6px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.mapHoverLabel{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mapPointLegend{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.mapPointLegend i{width:8px;height:8px;border-radius:50%}.mapPointLegend .answer{background:var(--accent)}.mapPointLegend .area{background:var(--accent-2)}.mapPointLegend .guess{background:#26343c;margin-left:6px}@media (max-width:480px){.mapStatusBar{flex-wrap:wrap}.mapHoverLabel{flex-basis:100%}}.mapStatusBar label{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;cursor:pointer}.mapStatusBar input{accent-color:var(--accent-2)}.mapViewToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px}.mapViewToolbar label{display:inline-flex;align-items:center;gap:6px}.mapViewToolbar input[type=number]{width:72px;min-height:30px;border:1px solid var(--line);border-radius:4px;padding:4px}.mapViewToolbar input[type=checkbox]{accent-color:var(--accent-2)}.mapVisibleCount{margin-left:auto;white-space:nowrap}.mapClearRound{min-height:26px;font-size:11px;padding:0 8px}.sidePanel>.panelHeader{flex-shrink:0}.confusionPairsBody,.naturalAreasBody{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.confusionPairList,.naturalAreaList{flex:1 1 auto;min-height:0;overscroll-behavior:contain}.confusionPairList{display:grid;grid-auto-rows:max-content;align-content:start;gap:8px;padding:12px;overflow-y:auto}.confusionPairPagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;flex-shrink:0;border-top:1px solid var(--line);font-size:12px}.confusionPairPagination button{padding:0;width:34px;min-height:34px}.confusionPairPagination button:disabled{cursor:not-allowed}.confusionPairReset{padding:10px 12px 0;flex-shrink:0}.confusionPairButton{display:grid;justify-content:stretch;text-align:left;gap:5px;padding:12px;min-width:0;width:100%;background:#ffffff;color:var(--ink);border:1px solid var(--line);white-space:normal;font-size:12px}.confusionPairButton strong{display:flex;align-items:flex-start;gap:8px;min-width:0;overflow-wrap:anywhere;font-size:13px}.confusionPairButton.active{border-color:var(--accent-2);background:#eef7f7;box-shadow:inset 3px 0 0 var(--accent-2)}.confusionPairButton.selected:not(.active){border-color:#795299;box-shadow:inset 2px 0 0 var(--primary-text)}.confusionPairButton:hover{border-color:var(--accent-2)}.confusionPairButton small{color:var(--muted)}.pairCoordinates{display:block;margin:3px 0 0 26px;font-size:11px}.pairBadge{flex:0 0 18px;width:18px;height:18px;text-align:center;background:var(--accent-2);color:white;border-radius:3px;font-size:11px;line-height:18px}.pairBadge.second{background:var(--accent)}@media (max-width:480px){.mapViewToolbar .analysisTabs{width:100%}.mapViewToolbar .analysisTabs button{flex:1 1;padding:0 6px;font-size:11px}}.mapLoadState,.streetViewState{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;color:var(--muted);background:rgba(246,249,251,.94);text-align:center}.mapLoadState strong,.streetViewState strong{color:var(--ink);font-size:18px}.mapLoadState.error,.streetViewState:not(.loading){background:rgba(255,247,244,.96)}.googleMapTooltip{display:grid;gap:3px;min-width:120px;color:#17212b;font:13px/1.35 Arial,sans-serif}.googleMapTooltip strong{font-size:14px}.mapLegend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 16px 14px;border-top:1px solid var(--line);font-size:13px}.mapLegend span{display:inline-flex;align-items:center;gap:6px}.mapLegend i{width:14px;height:14px;display:inline-block;border:1px solid rgba(23,33,43,.16);border-radius:3px}.googlePointMarker{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(23,33,43,.35);transform:translate(-50%,-50%);pointer-events:none}.googlePointMarker.clickable{cursor:pointer;pointer-events:auto}.googlePointMarker.answer{width:16px;height:16px;background:var(--accent)}.googlePointMarker.guess{background:var(--ink)}.answerMarker,.guessMarker{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(23,33,43,.35)}.answerMarker{background:var(--accent)}.guessMarker{background:var(--ink)}.queue,.trainingStack,.weakList{padding:10px;display:grid;gap:10px;overflow:auto;align-content:start}.confusionItem,.queueItem,.quizCard,.weakItem{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.weakItem button{width:100%;margin-top:10px;background:var(--accent-2);border-color:#145f64}.weakItem.selected{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2)}.naturalMetrics{display:grid;gap:4px;font-size:13px}.naturalMetrics span{display:block}.queueTop,.weakTop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.queueTop strong,.weakTop strong{overflow-wrap:anywhere}.bar{height:9px;background:#edf2f6;border-radius:999px;overflow:hidden;margin:10px 0 8px}.bar span{display:block;height:100%;background:var(--accent)}.packList{display:grid;gap:8px;max-height:180px;overflow:auto}.packButton{min-height:54px;align-items:flex-start;flex-direction:column;background:#fff;border-color:var(--line);color:var(--ink);text-align:left}.packButton.active{border-color:#145f64;background:#eef5f5}.coordPair span,.packButton span,.quizResult span{font-size:12px}.quizCard{display:grid;gap:10px}.choiceGrid,.confusionGrid,.coordPair,.quizActions{display:grid;gap:8px}.choiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.choiceButton{background:#fff;border-color:var(--line);color:var(--ink);min-height:38px}.choiceButton.selected{background:var(--accent-2);border-color:#145f64;color:#fff}.quizResult{display:grid;gap:4px;border-radius:7px;padding:10px;border:1px solid var(--line)}.quizResult.good{background:#edf7f0;border-color:#b8d8c0}.quizResult.bad{background:#fff1ec;border-color:#f0c2b5}.quizActions{grid-template-columns:1fr 1fr}.confusionPanel{margin-top:16px;overflow:hidden}.collapsiblePanel{margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);min-width:0}.collapsibleHeading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;min-height:62px}.collapsibleHeading::-webkit-details-marker{display:none}.collapsibleHeading:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}.collapsibleHeading h2{font-size:18px}.collapseChevron{flex:0 0 20px;transform:rotate(-90deg)}.collapsiblePanel[open]>.collapsibleHeading .collapseChevron{transform:rotate(0)}.collapsiblePanel[open]>.collapsibleHeading{border-bottom:1px solid var(--line)}.collapseCount{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.collapseActions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.collapseActions .actionLink{min-height:32px;padding:5px 10px;font-size:12px}.collapsiblePanel .embeddedNotebook{margin:0;border:0}.collapsiblePanel .layout.bottom{margin:0}.collapsiblePanel .tablePanel,.collapsiblePanel .trainingPanel{border:0;border-radius:0;box-shadow:none}.analysisPairArea{display:grid;gap:4px}.analysisPairArea strong{display:flex;align-items:flex-start;gap:8px}.analysisPairArea .naturalAreaDetail{margin-left:26px}.analysisPage{max-width:1440px;margin:0 auto;padding:24px;min-height:100dvh}.analysisPageHeader{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:18px}.analysisPageHeader h1{font-size:26px;line-height:1.2}.analysisPageHeader>span{margin-left:auto;font-size:13px}.analysisPageTabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:16px}.analysisPageTabs a{padding:12px 16px;text-decoration:none;color:var(--muted);font-size:14px;border-bottom:2px solid transparent}.analysisPageTabs a[aria-current=page]{border-bottom-color:var(--accent-2);color:var(--accent-2);font-weight:600}.analysisFilters{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.analysisFilters label{display:grid;gap:6px;font-size:12px;min-width:0;flex:1 1 140px}.analysisFilters input,.analysisFilters select{width:100%;min-width:0;min-height:38px}.analysisSearch>div{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;padding-left:10px;border-radius:4px}.analysisSearch input{border:0}.analysisSearch svg{flex-shrink:0}.analysisFilterActions{display:flex;gap:8px;align-items:end}.analysisFilterError{width:100%;color:#b63d2e}.analysisResults .confusionGrid{padding:16px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.analysisResults .confusionItem{align-content:start}.analysisResults .confusionItem>.actionLink{align-self:end}.analysisPagination{justify-content:space-between;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line)}.analysisPagination,.analysisPagination>div{display:flex;align-items:center;gap:12px}.analysisPagination button{width:36px;min-height:36px;padding:0}@media (max-width:850px){.analysisResults .confusionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.analysisPage{padding:16px}.analysisPageHeader h1{font-size:22px;width:100%}.analysisPageHeader>span{margin-left:0}.analysisPageTabs a{padding:10px 8px;font-size:12px}.analysisResults .confusionGrid{grid-template-columns:minmax(0,1fr)}.collapsibleHeading{padding:12px}.collapseActions{width:100%;margin-left:30px}}.confusionGrid{padding:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.confusionItem{display:grid;gap:8px}.trainingWorkspace{margin-bottom:16px;overflow:hidden}.streetTraining{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;padding:12px}.streetTrainerSurface{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-template-rows:auto minmax(360px,55vh) auto;gap:10px;min-width:0}.trainerControls,.trainerHeader{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center}.trainerHeader h2{font-size:17px}.trainerHeaderActions{display:flex;align-items:center;gap:8px}.trainerHeaderActions>span{border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;white-space:nowrap}.guessMapPane,.streetViewPane{position:relative;min-height:360px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#e6edf1}.embeddedStreetView,.trainerGuessMap{width:100%;height:100%;min-height:360px}.streetViewState .streetViewButton{margin-top:6px}.streetViewButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:7px;border:1px solid #bd3d28;background:var(--accent);color:#fff;text-decoration:none}.subtleLink{color:var(--muted);font-size:13px}.trainerStatus{display:grid;gap:3px}.trainerStatus strong{font-size:22px}.trainerButtons{display:flex;gap:8px}.tableWrap{overflow:auto;max-height:420px}table{width:100%;border-collapse:collapse;min-width:760px}td,th{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{background:#fafcfd;position:sticky;top:0}td strong,th{color:var(--ink)}.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef5f5;color:#145f64;font-size:12px}.emptyState,.emptyTable{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--muted)}.emptyState strong{color:var(--ink)}.emptyState.compact{min-height:130px}.metaDrawer{position:fixed;top:0;right:0;z-index:1200;width:min(50vw,620px);height:100vh;background:var(--panel);border-left:1px solid var(--line);box-shadow:-24px 0 48px rgba(23,33,43,.16);display:flex;flex-direction:column}.metaHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.metaHeader span{display:block;font-size:12px;margin-bottom:5px}.metaBody{padding:14px;display:grid;gap:14px;overflow:auto}.metaCategoryGroup{display:grid;gap:10px}.metaCategoryGroup h3{margin:4px 0 0;font-size:14px;color:var(--ink)}.metaEntry{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.metaEntry img{display:block;width:100%;max-height:320px;object-fit:cover;background:#e6edf1}.metaEntry p{padding:12px;color:var(--ink);white-space:pre-wrap}.metaSource{display:flex;align-items:baseline;gap:8px;padding:10px 12px;border-top:1px solid var(--line);font-size:12px}.metaSource span{flex-shrink:0;color:var(--muted)}.metaSource a{min-width:0;overflow-wrap:anywhere;color:var(--accent)}.metaForm{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fafcfd}.metaForm h3{margin:0;font-size:16px}.metaForm label{display:grid;gap:6px;color:var(--muted);font-size:13px}.metaForm input{min-height:38px;border:1px solid var(--line);border-radius:7px;padding:0 10px}@media (max-width:1000px){.mapLayout{grid-template-columns:minmax(0,1fr)}.mapSidebarSlot>.sidePanel{position:static;height:600px;max-height:75vh}.layout,.topbar{flex-direction:column}.topbar{align-items:stretch}.actions{justify-content:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mapPanel,.sidePanel,.tablePanel,.trainingPanel{flex-basis:auto;width:100%}.streetTrainerSurface,.streetTraining{grid-template-columns:1fr}.streetTrainerSurface{grid-template-rows:auto minmax(320px,50vh) minmax(320px,50vh) auto}.confusionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.notebookControls{width:100%}.notebookPagination>div,.notebookSelection{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.notebookPagination>div{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.shell{width:min(100% - 20px,1480px);padding-top:18px}.metrics{grid-template-columns:1fr}.panelHeader{align-items:flex-start;flex-direction:column}.mapHeaderControls,.mapPanel>.panelHeader>div:first-child{flex:0 0 auto;width:100%}.dateFilterHost,.playedMapFilter{width:100%}.dateFilterPopover{left:0;right:auto;width:min(100%,320px)}.importButton,button,select{width:100%}.metaDrawer{width:100vw}.choiceGrid,.confusionGrid,.quizActions{grid-template-columns:1fr}.trainerButtons,.trainerControls,.trainerHeaderActions{align-items:stretch;flex-direction:column}}.selectedRoundPanel{padding:0 14px 16px;border-bottom:1px solid #d6dfe4}.selectedRoundPanel .panelHeader{padding-left:0;padding-right:0}.selectedRoundMetrics{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:10px 0}.selectedRoundMetrics strong{color:#197278;font-size:18px}.selectedRoundPanel dl{margin:0;display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;font-size:13px}.selectedRoundPanel dt{color:#586777}.selectedRoundPanel dd{margin:0;overflow-wrap:anywhere}.selectedRoundPanel small{display:block;color:#586777;margin-top:3px}.answerPointCanvas:focus-visible{outline:2px solid #197278;outline-offset:-2px}.naturalAreaDetail{display:block;color:#586777;font-size:12px;line-height:1.5;overflow-wrap:anywhere}