.feature-subnav{display:flex;gap:8px 20px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px}.feature-subnav a{font-weight:600;color:var(--ink)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid h2{font-size:19px;margin:0 0 12px}.feature-grid p{font-size:14px;line-height:1.7}.feature-grid>a{display:block;text-decoration:none}.feature-grid>a:hover{outline:2px solid #ad513c}.feature-grid>a span{display:block;margin-top:20px;color:#b65a43}.dex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.dex-card{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:5px;min-width:0}.dex-card strong{display:block}.dex-card small{display:block;margin-top:6px;opacity:.7}.dex-card img{width:48px;height:48px;image-rendering:auto}.dex-letter{width:42px;height:46px;flex-shrink:0;display:grid;place-items:center;font-family:Hahmlet,serif;font-size:22px;color:#ac513b;background:#ac513b15;border:1px solid #ac513b40}.nav-section-label{padding:20px 16px 8px;font-size:11px;opacity:.6}.sidebar nav{max-height:none}.sidebar{overflow-y:auto}.map-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.coordinate-map{aspect-ratio:1;border:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 9.9%,#a88b6417 10%),repeating-linear-gradient(90deg,transparent,transparent 9.9%,#a88b6417 10%)}.coordinate-map svg{width:100%;height:100%}.coordinate-map polygon{fill:#ab93651a;stroke:#99866e;stroke-width:.15}.coordinate-map text{font-size:2px;text-anchor:middle;fill:#987e57}.coordinate-map circle{fill:#b5513e;stroke:#fff;stroke-width:.15}.homework-row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.homework-row small{display:block;margin-top:5px;opacity:.7}.homework-row:has(:checked) strong{text-decoration:line-through;opacity:.55}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:20px 0}.comment{padding:12px 0;border-top:1px solid var(--line)}.shared-data{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font-size:12px}.toolbar{flex-wrap:wrap}.toolbar label{display:flex;gap:8px;align-items:center}.toolbar input[type=search]{max-width:240px}.feature-subnav~* select{max-width:100%}#feature-content dialog{width:min(780px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:24px}#replay-range{width:100%;margin:24px 0}#lab-url{width:100%;margin-top:16px;overflow-wrap:anywhere}.feature-subnav~* input[type=checkbox]{width:18px;height:18px;accent-color:#b4513a}.feature-grid .table-wrap{max-width:100%}#feature-content .field{min-width:0}#feature-content .field input,#feature-content .field select{width:100%;min-width:0}#feature-content .hint{line-height:1.7}#dex-detail h2{margin:22px 0}#feature-content td{overflow-wrap:anywhere}#feature-content .positive{margin-left:auto}
@media(max-width:1000px){.feature-grid,.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-layout{grid-template-columns:1fr}}@media(max-width:600px){.feature-grid,.dex-grid{grid-template-columns:1fr}.feature-subnav{gap:12px;font-size:13px}.toolbar label{width:100%;justify-content:space-between}.toolbar select,.toolbar input[type=search]{width:65%;max-width:none}#feature-content .fields{grid-template-columns:1fr}.feature-grid .padded{padding:20px}.dex-card{padding:12px}#feature-content dialog{padding:16px}.feature-subnav~* .table-wrap{width:100%;overflow-x:auto}}

.treasure-map{position:relative}.treasure-pin{position:absolute;transform:translate(-50%,-50%);min-width:24px;min-height:24px;padding:2px;background:#b5523c;color:white;border:1px solid white;font-size:12px}.treasure-pin.collected{background:#526d6c}.bgm-frame{width:100%;aspect-ratio:16/9;border:0}

.post-image{display:block;max-width:100%;max-height:600px;object-fit:contain;margin:20px auto}

.feature-more{position:relative}.feature-more summary{cursor:pointer;font-weight:600}.feature-more>div{position:absolute;right:0;top:26px;display:grid;gap:14px;padding:18px;background:var(--paper);border:1px solid var(--line);z-index:5;min-width:170px;box-shadow:0 8px 24px #0002}