.resource-island{--ink:#102942;--gold:#876813;--line:#c4d0d4;max-width:1400px;margin:auto;padding:36px 24px 64px;color:var(--ink);font-size:20px;line-height:1.7}.resource-island *{box-sizing:border-box}.resource-island h1{font-size:clamp(34px,5vw,58px);line-height:1.3;margin:8px 0 20px;letter-spacing:.04em}.resource-island h2{font-size:28px;line-height:1.45}.resource-island h3{font-size:23px;line-height:1.5}.resource-island p{margin:10px 0 18px}.resource-island a{color:#153f68}.resource-island button,.resource-island input,.resource-island select{font:inherit;font-size:20px;min-height:48px}.resource-island button{cursor:pointer;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px;white-space:normal}.resource-island :focus-visible{outline:3px solid #876813;outline-offset:4px}.resource-island [hidden]{display:none!important}.resource-eyebrow{font-size:18px;font-weight:700;color:#5a672e;letter-spacing:.06em}.resource-note{font-size:18px;color:#41576b}.resource-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.resource-game-link{display:inline-flex;align-items:center;min-height:48px;padding:12px 18px;border:1px solid #63798c;border-radius:12px;text-decoration:none;font-weight:700;background:white}.resource-search-box{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:24px;box-shadow:0 12px 30px #10294206}.resource-search-row{display:flex;gap:12px;flex-wrap:wrap}.resource-search-row input{flex:1;min-width:180px;border:1px solid #63798c;border-radius:12px;background:#fff;color:var(--ink);padding:14px}.resource-search-row button[type=submit]{background:var(--ink);color:#fff;padding-inline:28px}.resource-search-box label{display:block;font-weight:700;margin-bottom:8px}.resource-location{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.resource-location select{width:100%;color:var(--ink);background:#fff;border:1px solid #63798c;border-radius:10px;padding:10px;min-width:0}.resource-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.resource-examples button{background:#f3f6f4}.resource-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.resource-explore{position:sticky;top:110px}.resource-explore summary{font-weight:700;font-size:24px;cursor:pointer;padding:12px 0;min-height:48px}.resource-map{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px 20px 48px;border-radius:38% 18% 28% 16% / 6% 5% 6% 8%;background:radial-gradient(ellipse at 30% 20%,#e3f4f3,transparent 70%),#d5e9ee;position:relative;overflow:hidden;border:1px solid #b0d2da}.resource-map::after{content:'～　～　～';position:absolute;bottom:0;right:24px;color:#366575;letter-spacing:12px}.resource-island .resource-land{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:140px;border:2px solid #b7c7ab;border-radius:38% 25% 35% 25% / 22% 30% 22% 30%;background:#eff3dc;box-shadow:0 7px 0 #bccbb0;padding:20px 12px;transition:transform .15s}.resource-land:nth-child(2n){margin-top:18px;background:#edf2f4;border-color:#b5cad5;box-shadow:0 7px 0 #b5cad5}.resource-land:nth-child(3n){background:#f7efd9;border-color:#d3c9a6;box-shadow:0 7px 0 #d3c9a6}.resource-land:last-child{grid-column:1/-1;margin-inline:20%}.resource-land strong{font-size:22px}.resource-land>span:last-child{font-size:18px}.land-number{font-family:Georgia,serif;font-size:24px;color:#5c613e}.resource-island .resource-land[aria-pressed=true]{border:3px solid #102942;transform:translateY(-3px);box-shadow:0 7px 0 #876813}.resource-zone-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.resource-zone-list button[aria-pressed=true]{background:#102942;color:white}.resource-topic{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin:16px 0}.resource-topic h3{margin:8px 0}.resource-topic h3 button{font-size:24px;text-align:left;font-weight:700;border:0;padding:0;text-decoration:underline;text-underline-offset:5px}.resource-topic h3 button[aria-pressed=true]{color:#705405}.resource-topic p{margin-bottom:8px}.resource-actions,.resource-related{display:flex;gap:12px;flex-wrap:wrap}.resource-actions a{display:inline-flex;align-items:center;min-height:48px;border:1px solid #63798c;border-radius:10px;padding:10px 16px;font-weight:700}.resource-related h3{flex-basis:100%;margin-bottom:0}.resource-notice{background:#f3f5ee;border-left:4px solid #876813;padding:16px}.resource-detail{border-top:3px solid #876813;margin-top:30px;padding-top:20px;min-width:0}.resource-detail ul{padding-left:26px}.resource-detail .directory-filters{grid-template-columns:1fr}.resource-detail .directory-actions{gap:8px}.resource-results [tabindex],.resource-detail [tabindex]{scroll-margin-top:120px}.resource-back{margin-bottom:16px}.resource-island .resource-more{width:100%;margin:12px 0}.resource-island .resource-name-search{width:100%;margin:12px 0;text-align:left;overflow-wrap:anywhere}.resource-summary-note{margin:32px 0 0;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:999px){.resource-island{padding:24px 16px 36px}.resource-layout{grid-template-columns:1fr}.resource-explore{position:static}.resource-map{max-width:700px;margin:auto}.resource-search-box{padding:18px}.resource-location{grid-template-columns:1fr}.resource-search-row input{flex-basis:100%;width:100%;min-width:0}.resource-explore summary{font-size:22px}.resource-zone-list{margin:12px 0}.resource-topic{padding:18px}.resource-map .resource-land{min-height:150px}.resource-land:last-child{margin-inline:8%}.resource-heading{gap:8px}.resource-game-link{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.resource-island *{transition:none!important}}
/* Linked 3D resource explorer */
.resource-island{max-width:none;padding:20px 24px 48px}.resource-heading h1{font-size:36px;margin:4px 0}.resource-heading p{margin:4px 0}.resource-heading{margin-bottom:20px}.resource-layout{grid-template-columns:minmax(0,1fr) 390px;gap:20px}.resource-explore{top:100px}.resource-results{height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;padding:0 8px 24px;scrollbar-gutter:stable}.resource-search-box{padding:18px;margin:0 0 16px}.resource-search-row input{min-width:0;width:100%;flex-basis:100%}.resource-location{grid-template-columns:1fr}.resource-topic{padding:16px}.resource-topic h3 button{font-size:22px}.resource-topic p{font-size:18px}.resource-results>h2{font-size:24px}.scene-toolbar{display:flex;align-items:center;gap:16px;padding:10px;background:#fff;border:1px solid #c4d0d4;border-radius:16px 16px 0 0}.scene-toolbar span{font-size:18px}.island-stage{position:relative;height:calc(100dvh - 190px);min-height:500px;background:#7fc0d4;border-radius:0 0 20px 20px;overflow:hidden}#scene{position:relative;width:100%;height:100%;transition:width .2s,margin .2s}#scene canvas{display:block;width:100%;height:100%;touch-action:pan-y}#pins{position:absolute;inset:0;pointer-events:none;overflow:hidden}#pins button{position:absolute;left:0;top:0;pointer-events:auto;min-height:48px;font-size:20px;background:#fff;color:#102942;box-shadow:0 3px 12px #10294225;white-space:nowrap;padding:8px 12px;border-radius:24px}#pins .zp b{color:#705405;margin-right:8px}#pins .zp.cur{background:#102942;color:#fff}#pins .zp.cur b{color:#f3d579}#pins .tp{font-size:18px;border:2px solid #876813;z-index:2}#pins .tp[hidden]{display:none}.island-stage:has(.resource-detail:not([hidden])) #scene{width:58%;margin-left:42%}.island-stage>.resource-detail{position:absolute;left:12px;top:12px;bottom:12px;width:calc(42% - 20px);padding:20px;margin:0;border:1px solid #c4d0d4;border-top:4px solid #876813;border-radius:18px;background:#fff;overflow:auto;overscroll-behavior:contain;box-shadow:0 10px 35px #10294222}.resource-detail h2{font-size:26px}.resource-detail p,.resource-detail li{font-size:20px}.resource-back{position:sticky;top:0;z-index:3;box-shadow:0 2px 8px #10294218}.nogl-msg{padding:32px;display:grid;gap:16px;background:#fff}.resource-zone-list button{font-size:20px}.resource-zone-list{gap:6px}.resource-summary-note{clear:both}
@media(min-width:1000px) and (max-width:1350px){.resource-layout{grid-template-columns:minmax(0,1fr) 350px}.island-stage:has(.resource-detail:not([hidden])) #scene{width:100%;margin-left:0}.island-stage>.resource-detail{width:340px;max-height:65%;top:auto;background:#fffffff5}}
@media(max-width:999px){.resource-island{padding:16px 12px 40px}.resource-layout{display:flex;flex-direction:column}.resource-explore{width:100%;position:sticky;top:0;z-index:5}.island-stage{height:34dvh;min-height:240px;overflow:visible}.scene-toolbar{gap:8px}.scene-toolbar span{font-size:18px}.scene-toolbar button{white-space:nowrap}.resource-results{height:auto;width:100%;overflow:visible;padding:12px 0}.island-stage:has(.resource-detail:not([hidden])) #scene{width:100%;margin:0}.island-stage>.resource-detail{position:fixed;top:auto;bottom:calc(90px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;height:49dvh;max-height:none;margin:0;padding:16px;z-index:20;box-shadow:0 -10px 40px #10294230}.resource-detail h2{font-size:26px}#pins .zp{font-size:18px;padding:8px}#pins .tp{font-size:18px}#scene{overflow:hidden;border-radius:0 0 16px 16px}.resource-heading h1{font-size:34px}.resource-game-link{margin:8px 0}.resource-location{grid-template-columns:1fr}.resource-search-box{padding:16px}.resource-results [tabindex]{scroll-margin-top:calc(34dvh + 90px)}}
@media(max-width:999px){.resource-explore{position:relative;top:auto}.resource-explore:has(.resource-detail:not([hidden])){position:sticky;top:0}.resource-detail .related-link{display:block;margin:10px 0;width:100%;text-align:left}}