@layer components{.HocQda_board{background:var(--board-bg);box-shadow:inset 0 0 0 2px var(--board-rule)}.HocQda_dep{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;display:grid}.HocQda_board li+li{box-shadow:inset 0 2px 0 var(--board-rule)}.HocQda_dep[data-next=true]{background:var(--board-row);box-shadow:inset 4px 0 0 var(--accent)}.HocQda_dep:hover{background:var(--board-hover)}.HocQda_depNo{font-family:var(--font-num), var(--font-display), ui-monospace, monospace;text-align:center;font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.HocQda_depSt{font-family:var(--font-num), var(--font-display), ui-monospace, monospace;text-align:right;white-space:nowrap;font-size:22px;line-height:1}.HocQda_caps{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.3;display:block}.HocQda_toolbar{z-index:20;background:var(--bg);box-shadow:inset 0 -2px 0 var(--line);position:sticky;top:56px}.HocQda_seg{box-shadow:inset 0 0 0 2px var(--line-strong);display:inline-flex}.HocQda_seg>*{align-items:center;gap:6px;min-height:44px;display:inline-flex}.HocQda_seg>[aria-current=true]{background:var(--ink);color:var(--bg)}.HocQda_focusable:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.HocQda_tab{background:var(--surface-3);min-height:52px;box-shadow:inset 0 0 0 2px var(--line-strong);flex:none;align-items:center;gap:10px;display:flex}.HocQda_tab[aria-current=page]{background:var(--ink);color:var(--bg);box-shadow:inset 0 -4px 0 var(--accent)}.HocQda_lineDot{background:var(--c);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--ink);flex:none}.HocQda_tab[aria-current=page] .HocQda_lineDot{box-shadow:inset 0 0 0 2px var(--bg)}.HocQda_stnLink:focus-visible,.HocQda_row:focus-visible,.HocQda_tile:focus-visible,.HocQda_dep:focus-visible,.HocQda_tab:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.HocQda_node{z-index:1;background:var(--surface);width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--ink), 0 2px 0 var(--ink);flex:none;place-items:center;display:grid;position:relative}.HocQda_node[data-status=playing]{box-shadow:inset 0 0 0 3px var(--gold-text), 0 0 0 3px var(--gold-hi), 0 2px 0 var(--ink)}.HocQda_node[data-current=true]{box-shadow:inset 0 0 0 3px var(--accent), 0 0 0 4px var(--accent-text), 0 2px 0 var(--ink)}.HocQda_bossBadge{z-index:2;background:var(--surface);width:16px;height:16px;position:absolute;top:-8px;right:-8px}.HocQda_map{--rowh:204px;--cols:8;display:none;position:relative}.HocQda_route,.HocQda_bends{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-rows:var(--rowh);display:grid}.HocQda_route{z-index:1;position:relative}.HocQda_bends{pointer-events:none;position:absolute;inset:0}.HocQda_stn{grid-column:var(--col8);grid-row:var(--row8);--l:var(--l8);--r:var(--r8);min-width:0;position:relative}.HocQda_stn:before{content:"";height:10px;top:51px;left:var(--l);right:var(--r);background:var(--c);box-shadow:0 -2px 0 var(--ink), 0 2px 0 var(--ink);position:absolute}.HocQda_stnLink{text-align:center;flex-direction:column;align-items:center;min-width:0;height:100%;display:flex;position:relative}.HocQda_stnTitle,.HocQda_vTitle,.HocQda_tileTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.HocQda_stnPlace{white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:4px;max-width:100%;display:flex;overflow:hidden}.HocQda_stnLink:hover .HocQda_stnTitle,.HocQda_stnLink:focus-visible .HocQda_stnTitle{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.HocQda_glove{width:32px;height:32px;margin-left:-16px;position:absolute;top:-2px;left:50%}.HocQda_here{white-space:nowrap;position:absolute;top:4px;left:calc(50% + 22px)}.HocQda_bend{--t:10px;height:calc(var(--rowh) + 10px);width:calc(50% + 28px);margin-top:51px;margin-left:50%;display:none;position:relative}.HocQda_bend[data-side=l]{justify-self:end;margin-left:0;margin-right:50%}.HocQda_bend:before,.HocQda_bend:after{content:"";background-repeat:no-repeat;position:absolute}.HocQda_bend:before{--k:var(--ink);--w:calc(var(--t) + 4px);inset:-2px}.HocQda_bend:after{--k:var(--c);--w:var(--t);inset:0}.HocQda_bend[data-side=r]:before,.HocQda_bend[data-side=r]:after{background-image:linear-gradient(var(--k), var(--k)), linear-gradient(var(--k), var(--k)), linear-gradient(var(--k), var(--k));background-size:100% var(--w), var(--w) 100%, 100% var(--w);background-position:0 0,100% 0,0 100%}.HocQda_bend[data-side=l]:before,.HocQda_bend[data-side=l]:after{background-image:linear-gradient(var(--k), var(--k)), linear-gradient(var(--k), var(--k)), linear-gradient(var(--k), var(--k));background-size:100% var(--w), var(--w) 100%, 100% var(--w);background-position:0 0,0 0,0 100%}.HocQda_bend8{grid-column:var(--col);grid-row:var(--row)}.HocQda_list{display:block}.HocQda_row{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;display:grid;position:relative}.HocQda_row:before{content:"";z-index:0;background:var(--c);width:10px;box-shadow:0 0 0 2px var(--ink);position:absolute;top:0;bottom:0;left:21px}.HocQda_rowFirst:before{top:30px}.HocQda_rowLast:before{bottom:calc(100% - 34px)}.HocQda_row .HocQda_node{justify-self:center}.HocQda_row[data-current=true]{grid-template-columns:52px minmax(0,1fr)}.HocQda_rowBody[data-current=true]{background:var(--surface);box-shadow:inset 0 0 0 3px var(--accent), var(--shadow-md)}.HocQda_rowSide{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.HocQda_arcHead{align-items:center;gap:10px;display:flex;position:relative}.HocQda_arcHead:before{content:"";background:repeating-linear-gradient(180deg, var(--c) 0 6px, transparent 6px 10px);width:10px;position:absolute;top:0;bottom:0;left:21px}.HocQda_arcFirst .HocQda_arcHead:before{display:none}.HocQda_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.HocQda_arcTitle{grid-column:1/-1;align-items:center;gap:8px;display:flex}.HocQda_arcTitle>i{background:var(--c);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink)}.HocQda_tile{background:var(--surface);min-width:0;min-height:64px;box-shadow:inset 0 0 0 2px var(--line-strong), inset 4px 0 0 var(--c);grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.HocQda_tile[data-current=true]{box-shadow:inset 0 0 0 3px var(--accent), inset 6px 0 0 var(--c)}.HocQda_tileTop{align-items:center;gap:8px;display:flex}@media (min-width:901px){.HocQda_map{display:block}.HocQda_list{display:none}.HocQda_grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}}@media (min-width:901px) and (max-width:1099px){.HocQda_map{--cols:6}.HocQda_stn{grid-column:var(--col6);grid-row:var(--row6);--l:var(--l6);--r:var(--r6)}.HocQda_bend8{display:none}.HocQda_bend6{grid-column:var(--col);grid-row:var(--row);display:block}}@media (min-width:1100px){.HocQda_bend8{display:block}.HocQda_bend6{display:none}}@media (max-width:900px){.HocQda_toolbar{top:56px}.HocQda_depHideSmall{display:none}.HocQda_dep{grid-template-columns:44px minmax(0,1fr) auto}.HocQda_depNo{font-size:34px}.HocQda_jump{flex:1}}}