*{box-sizing:border-box}.learn-page{max-width:1320px;margin:auto;padding:12px}.cd-page-title{margin:8px 0 0;color:#164d45}.cd-lead{margin:4px 0 12px}.expedition{position:relative;isolation:isolate;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:22px;background:#259dac url('./assets/ocean.webp') center/cover;color:#382811;font-family:'Zen Maru Gothic',sans-serif;font-weight:900;container-type:size}.expedition:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}.expedition button{font:inherit;color:#382811;border:2px solid #684525;border-radius:12px;background:#fff0d1 url('./assets/button.webp') center/100% 100%;cursor:pointer;touch-action:manipulation;min-height:34px}.expedition button:focus-visible{outline:4px solid #e44825;outline-offset:3px}.expedition button:disabled{cursor:default;opacity:.65}.expedition button[aria-pressed=true],.expedition .primary{background-color:#126450;color:#fff;background-image:none;border-color:#e3c97e}.game-tools{position:absolute;left:2%;right:2%;top:2%;height:7%;display:flex;align-items:center;justify-content:space-between;z-index:3;gap:8px;font-size:clamp(11px,1.4cqw,22px)}.game-tools strong{background:#fff1d5;padding:3px 10px;border-radius:10px}.game-tools>div{display:flex;gap:4px}.game-tools button{padding:3px 7px;font-size:clamp(11px,1.15cqw,20px)}#scene{position:absolute;inset:11% 2% 2%}.menu{height:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:3%;align-items:center}.menu-art{height:100%;position:relative;display:grid;place-items:center}.menu-art .island{width:90%;max-height:90%;object-fit:contain;transform:rotate(-5deg);border:5px solid #f9e8be}.menu-art .emblem{position:absolute;width:35%;bottom:4%;left:3%}.permit{height:100%;background:url('./assets/permit.webp') center/100% 100%;padding:14% 14%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:4%;text-align:center}.permit h2{font-size:clamp(20px,3.2cqw,52px);line-height:1.25;margin:0}.permit p{font-size:clamp(12px,1.55cqw,24px);margin:0}.modes{display:flex;gap:8px}.modes button{flex:1;padding:8px;font-size:clamp(16px,2cqw,32px)}.permit .primary{padding:10px;font-size:clamp(17px,2.2cqw,36px)}.play{height:100%;display:grid;grid-template-rows:1fr 13%;gap:1%}.compass-area{position:relative;height:100%;width:min(100%,100cqh);margin:auto}.map{position:absolute;left:22%;right:22%;top:13%;bottom:13%;background:url('./assets/island.webp') center/100% 100%;border:3px solid #72552f;border-radius:10px}.map-grid{position:absolute;inset:10%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.tile{position:relative;border:1px dashed #6c7e5560;display:grid;place-items:center}.tile img{width:74%;height:80%;object-fit:contain;position:relative;z-index:1}.tile.target{background:#fff3b699;border-radius:16px}.tile.center::after{content:'ここから';position:absolute;bottom:-3px;font-size:clamp(10px,1cqw,17px);background:#fff1d1;border-radius:5px;padding:0 3px}.direction{position:absolute;width:20%;height:13%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1px;font-size:clamp(16px,2.1cqw,34px);line-height:1.05}.direction small{font-size:clamp(10px,1.1cqw,18px);margin-top:3px}.direction[data-dir=N]{left:40%;top:0}.direction[data-dir=S]{left:40%;bottom:0}.direction[data-dir=W]{left:0;top:43.5%}.direction[data-dir=E]{right:0;top:43.5%}.direction[data-dir=NW]{left:0;top:12%}.direction[data-dir=NE]{right:0;top:12%}.direction[data-dir=SW]{left:0;bottom:12%}.direction[data-dir=SE]{right:0;bottom:12%}.direction.correct{outline:4px solid #176c4a;background:#dbf3be;color:#183d24;opacity:1!important}.direction.wrong{border:4px dashed #b0482c;opacity:1!important}.north{position:absolute;top:0;left:25%;font-size:clamp(10px,1.1cqw,18px);color:#fff;text-shadow:0 1px 3px #174f54}.trail{background:#fff0d5;border:2px solid #76532d;border-radius:12px;display:flex;align-items:center;justify-content:space-around;padding:4px 12px;gap:12px;font-size:clamp(12px,1.55cqw,25px)}.trail .stats{white-space:nowrap;display:flex;gap:16px}.trail p{margin:0;flex:1;text-align:center}.trail button{min-width:90px;padding:5px 12px}.result{height:100%;display:grid;grid-template-rows:12% 75% 11%;gap:1%;text-align:center}.result h2{font-size:clamp(22px,3cqw,46px);margin:0;color:#fff;text-shadow:0 2px 2px #19575b}.journal{background:url('./assets/journal.webp') center/100% 100%;padding:7% 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.history{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.history article{border:1px solid #b4945f;border-radius:8px;background:#fff7e4;padding:4px;font-size:clamp(10px,1.15cqw,18px)}.history img{width:70%;height:6cqh;object-fit:contain;display:block;margin:auto}.history strong{display:block}.summary h3{font-size:clamp(24px,4.8cqw,78px);margin:0;color:#165841}.summary p{margin:4px 0;font-size:clamp(12px,1.5cqw,24px)}.result-actions{display:flex;justify-content:center;gap:14px}.result-actions button{padding:4px 28px;font-size:clamp(14px,1.7cqw,28px)}.sheet{position:absolute;inset:0;z-index:10;background:#123b48b8;display:grid;place-items:center;padding:3%}.sheet[hidden]{display:none}.sheet-card{background:#fff1d6;border:4px solid #805a35;border-radius:22px;padding:20px;width:min(90%,620px);max-height:100%;overflow:auto;text-align:center;font-size:clamp(14px,1.5cqw,24px)}.sheet-card h2{margin:0 0 12px}.sheet-card button{padding:8px 15px;margin:5px}.cd-parent{max-width:850px;margin:25px auto;line-height:1.9}.expedition [hidden]{display:none!important}@container(max-aspect-ratio:1/1){.game-tools{height:9%;flex-direction:column;justify-content:center;gap:4px}.game-tools strong{font-size:13px}.game-tools button{font-size:12px;min-height:32px}#scene{inset:12% 2% 2%}.menu{grid-template-columns:1fr;grid-template-rows:25% 75%;gap:0}.menu-art .island{height:100%;width:70%;transform:rotate(-4deg)}.menu-art .emblem{width:24%;left:18%;bottom:0}.permit{padding:15% 16%;gap:5%}.permit h2{font-size:28px}.permit p{font-size:14px}.modes button{font-size:22px}.permit .primary{font-size:24px}.play{grid-template-rows:1fr 25%;gap:2%}.compass-area{width:100%;height:100%;max-height:100%;align-self:center}.map{left:20%;right:20%;top:19%;bottom:19%}.direction{width:25%;height:14%;font-size:23px}.direction small{font-size:11px}.direction[data-dir=N],.direction[data-dir=S]{left:37.5%}.direction[data-dir=NW],.direction[data-dir=NE]{top:3%}.direction[data-dir=SW],.direction[data-dir=SE]{bottom:3%}.direction[data-dir=W]{left:0;top:43%}.direction[data-dir=E]{right:0;top:43%}.north{top:16%;left:40%;font-size:11px}.trail{flex-wrap:wrap;gap:3px;font-size:14px;padding:5px}.trail .stats{width:100%;justify-content:center}.trail p{flex-basis:100%;font-size:14px;line-height:1.4}.trail button{font-size:16px}.tile.center::after{font-size:9px}.result{grid-template-rows:10% 77% 11%}.result h2{font-size:25px}.journal{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:10px;padding:14% 12%;background-size:200% 100%;background-position:left}.history{grid-template-columns:repeat(5,1fr);gap:3px}.history article{font-size:10px;padding:3px 0}.history img{height:5cqh}.summary h3{font-size:35px}.summary p{font-size:13px}.result-actions button{padding:4px 10px;font-size:16px}.sheet-card{font-size:14px}}
@media(max-width:600px) and (orientation:portrait){.expedition{aspect-ratio:auto;height:min(820px,calc(100svh - 22px));min-height:620px}.learn-page{padding:7px}.cd-page-title{font-size:24px}}

.map{right:auto;bottom:auto;top:50%;width:56%;height:auto;aspect-ratio:1;transform:translateY(-50%)}@container(max-aspect-ratio:1/1){.map{top:50%;bottom:auto;width:60%}}

.map-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.tile{min-width:0;min-height:0}.tile img{position:absolute;width:74%;height:80%;left:13%;top:10%}.expedition .direction{font-size:clamp(16px,2.1cqw,34px)}@container(max-aspect-ratio:1/1){.expedition .direction{font-size:23px}}

@container(max-aspect-ratio:1/1){.journal{background-image:url('./assets/permit.webp');background-size:100% 100%;padding:14% 18%;grid-template-rows:1fr auto;gap:4px}.history{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.history article{display:grid;grid-template-columns:14px 28px 1fr;grid-template-rows:22px 18px;align-items:center;font-size:11px;padding:3px 1px}.history article>span:first-child{grid-column:1;grid-row:1}.history img{grid-column:2;grid-row:1;width:26px;height:26px}.history article>strong:nth-child(3){grid-column:3;grid-row:1;font-size:13px}.history article>span:nth-child(4){grid-column:3;grid-row:2;font-size:10px;white-space:nowrap}.history article>strong:last-child{grid-column:1/3;grid-row:2;font-size:10px}.summary h3{font-size:30px}.summary p{font-size:11px;line-height:1.4;margin:2px 0}.result-actions button{font-size:16px}.result-actions{gap:8px}}

@container(max-aspect-ratio:1/1){.summary{background:#fff2d9ee;border-radius:8px;padding:5px}.history article>span:nth-child(4){font-size:11px}.history article>strong:last-child{font-size:11px}}