:root{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;color:#352719;background:#7ed3f7;font-weight:700}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(#64c9f7,#c2efff);overflow-x:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.46;cursor:default}.shell{max-width:1100px;margin:auto;min-height:100dvh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px;background:linear-gradient(180deg,#53bbef,#83d5f9);border-bottom:3px solid #277cb1;flex-wrap:wrap}.brand{font-size:clamp(18px,3.5vw,28px);color:#fff9dc;text-shadow:2px 3px #754525,-1px -1px #754525,1px -1px #754525,-1px 1px #754525;white-space:nowrap}.brand small{display:block;font-size:11px;color:#fff}.stats{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pill{background:#3b2d27;color:white;border:2px solid #fff4ca;border-radius:30px;padding:7px 12px;font-size:clamp(11px,2vw,15px);box-shadow:0 3px #8b693e}.top .pill{white-space:nowrap}.game{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px}.nav{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.nav button,.bottom button{background:linear-gradient(#fffef5,#ffedcf);border:3px solid #503b2c;border-radius:18px;box-shadow:0 4px #a57545;padding:11px 9px;white-space:nowrap;color:#32291f}.nav button.active{background:linear-gradient(#ffe78b,#ffbd51)}.nav button{flex:1;font-size:clamp(11px,2vw,15px)}.island-area{position:relative;aspect-ratio:1185/625;width:100%;overflow:hidden;border:5px solid #fff4d5;border-radius:25px;box-shadow:0 6px 0 #5595ad,0 12px 24px #26647a55;background:#159ad7}.island-bg{position:absolute;inset:0;background-image:url('assets/island.webp');background-size:100% 100%;pointer-events:none}.island-bg.stage1{filter:hue-rotate(48deg) saturate(.95)}.island-bg.stage2{filter:hue-rotate(170deg) saturate(.75) brightness(1.14)}.island-bg.stage3{filter:hue-rotate(310deg) saturate(1.4)}.island-bg.stage4{filter:grayscale(.5) brightness(.78)}.island-label{position:absolute;top:3%;left:3%;background:#fff5d6;border:3px solid #66452e;border-radius:18px;padding:7px 12px;font-size:clamp(11px,2.3vw,18px);box-shadow:0 4px #b58c56}.stage-tip{position:absolute;right:2%;top:3%;background:#fff9e5dd;border:2px solid #80512b;border-radius:14px;padding:7px 10px;font-size:clamp(10px,1.8vw,13px)}.placed{position:absolute;transform:translate(-50%,-75%);border:0;background:transparent;padding:0;filter:drop-shadow(0 5px 2px #204c2e77);user-select:none;touch-action:none}.placed img{width:clamp(42px,9vw,105px);height:clamp(42px,9vw,105px);object-fit:contain}.placed.pet{animation:bob 2.8s ease-in-out infinite}.placed.pet img{width:clamp(38px,7.5vw,85px);height:clamp(38px,7.5vw,85px)}.placed:active{filter:drop-shadow(0 2px 4px #fff)}@keyframes bob{0%,100%{transform:translate(-50%,-75%)}50%{transform:translate(-50%,-83%)}}.hint{font-size:12px;text-align:center;background:#fff8e9dd;padding:8px;border-radius:12px}.bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:auto}.bottom button{font-size:clamp(10px,1.7vw,15px);padding:12px 3px;background:linear-gradient(#ffe2a1,#e6a85b)}.bottom button span{display:block;font-size:23px;margin-bottom:4px}.panel{background:#fff9e9;border:4px solid #7d5336;border-radius:20px;box-shadow:0 6px #ba8957;padding:16px;margin-bottom:10px}.panel h2{margin:0 0 12px;font-size:21px}.panel h3{margin:12px 0}.muted{color:#765c47;font-size:13px;font-weight:500}.notice{background:#fff0c5;border-left:5px solid #edb44c;padding:9px;font-size:12px}.primary,.action{background:linear-gradient(#ffe58b,#ffc254);border:3px solid #744a2c;border-radius:14px;box-shadow:0 3px #a7773c;padding:10px 15px;color:#392b1f;margin:4px}.primary{background:linear-gradient(#d2f6a3,#88cf52)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.choices button{background:#fff;border:3px solid #a78555;border-radius:15px;padding:14px 10px;min-height:68px;text-align:left;color:#342b23}.choices button.correct{background:#c6f2a9;border-color:#52a139}.choices button.wrong{background:#ffd1cb;border-color:#d86d65}.sentence{background:#fff;padding:15px;border-radius:12px;line-height:1.9}.result{margin-top:10px}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.item{background:#fff;border:2px solid #e4cba6;border-radius:16px;padding:10px;text-align:center}.item img{width:95px;height:95px;object-fit:contain}.item .primary{font-size:12px;margin:4px 0}.passage{white-space:pre-wrap;line-height:2;background:#fff;padding:16px;border-radius:13px;max-height:40vh;overflow:auto;font-weight:500}.map-hero{width:100%;border-radius:15px;display:block}.stages{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.stage{background:linear-gradient(#d8f6ff,#fff9db);border:3px solid #6b9ec3;border-radius:16px;padding:13px;text-align:left}.stage.current{border-color:#e2a12b;background:#fff0a6}.stage.locked{filter:grayscale(.8);opacity:.7}.stage small{display:block;margin-top:6px}.big-num{font-size:26px}.modal{position:fixed;inset:0;background:#123b5488;display:grid;place-items:center;padding:20px;z-index:5}.modal-card{width:min(430px,95vw);background:#fff9df;border:5px solid #65432d;border-radius:26px;padding:20px;text-align:center;box-shadow:0 12px 0 #3b352d}.modal-card img{height:160px;width:160px;object-fit:contain;animation:bob 2s infinite}.loading{text-align:center;margin-top:30vh;font-size:22px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#3b3026;color:white;padding:10px 16px;border-radius:30px;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:600px){.game{padding:6px;gap:7px}.top{padding:7px}.nav button{padding:9px 5px}.island-area{aspect-ratio:1.28}.island-bg{background-size:100% 100%}.bottom button span{font-size:20px}.bottom button{border-width:2px;border-radius:12px;box-shadow:0 2px #a57545}.choices{grid-template-columns:1fr}.panel{padding:12px}.placed img{width:58px;height:58px}.placed.pet img{width:48px;height:48px}}

.island-bg.stage5{filter:hue-rotate(215deg) saturate(1.1)}
.island-bg.stage6{filter:hue-rotate(335deg) saturate(1.3)}
.island-bg.stage7{filter:hue-rotate(160deg) saturate(1.4)}
.island-bg.stage8{filter:hue-rotate(265deg) saturate(1.2)}
.island-bg.stage9{filter:sepia(.55) saturate(1.5)}
.island-bg.stage10{filter:hue-rotate(95deg) saturate(.8)}
.island-bg.stage11{filter:hue-rotate(195deg) brightness(.85)}
.island-bg.stage12{filter:hue-rotate(290deg) brightness(.75)}
.island-bg.stage13{filter:hue-rotate(60deg) brightness(1.2)}
.island-bg.stage14{filter:hue-rotate(35deg) saturate(1.5)}

.item .personality,.modal-card .personality{font-size:12px;color:#8b4b20;background:#ffedb5;border-radius:12px;padding:5px;margin:6px 0}.creature-desc{min-height:3em;line-height:1.45}.placed.pet img{filter:drop-shadow(0 2px 1px #204c2e66)}.placed.pet:nth-of-type(3n){animation-duration:3.5s}.placed.pet:nth-of-type(4n){animation-duration:2.2s}.placed.pet:nth-of-type(5n){animation-duration:4.1s}.item img{image-rendering:auto}
.review-stats{display:flex;gap:12px;margin:16px 0}.review-stats>div{flex:1;background:#fff0c5;border:2px solid #e7ad46;border-radius:14px;padding:15px;text-align:center}.review-stats strong{display:block;font-size:2rem;color:#78471d}.review-stats small{display:block;font-size:.82rem}.panel>button[data-view^='review']{display:block;margin:12px 0;width:100%}

.example-sentence{background:#fffdf6;border-left:5px solid #5b9c82;border-radius:8px;padding:15px 16px;margin:12px 0 20px;font-size:1.08em;line-height:1.8;font-weight:600;}