.survival-hero{min-height:280px;display:grid;grid-template-columns:minmax(0,1.8fr) 240px;align-items:center;gap:35px;padding:36px 40px;border:1px solid #dce3d5;border-radius:20px;background:linear-gradient(125deg,#edf3e8 0 66%,#dfe8d7 66%);position:relative;overflow:hidden}.survival-hero:after{content:'町';position:absolute;right:270px;bottom:-50px;font:180px/1 'Noto Sans JP',sans-serif;color:#fff5;pointer-events:none}.survival-hero>div:first-child{position:relative;z-index:1}.survival-hero .eyebrow{color:#74896b}.survival-hero h1{font-size:42px;line-height:1.25;margin:10px 0 13px;letter-spacing:-2px}.survival-hero h1 em{font-style:normal;color:var(--red)}.survival-hero p{font-size:12px;color:#708169;max-width:620px;line-height:1.9}.survival-hero-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:22px}.survival-hero-actions>span{display:flex;gap:7px;flex-wrap:wrap}.survival-badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#fff;border:1px solid #e2e6dc;font-size:9px;color:#7c8577}.survival-badge.green{background:#e6f0df;color:#577650;border-color:#d0e2c5}.survival-pass{position:relative;z-index:1;min-height:205px;padding:19px 20px;border-radius:16px;background:#274239;color:#fff;box-shadow:0 20px 40px #2a423833;display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(2deg)}.survival-pass:before{content:'';position:absolute;inset:8px;border:1px dashed #ffffff42;border-radius:11px}.survival-pass>span{align-self:flex-start;font-size:9px;letter-spacing:2px}.pass-avatar{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:#f6d877;margin:17px 0 10px;font-size:42px;border:4px solid #fff}.survival-pass strong{font-size:12px;letter-spacing:1.5px}.survival-pass small{font-size:9px;color:#b9cec2;margin-top:3px}.survival-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 31px}.survival-stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:35px auto;align-items:center}.survival-stats>div>span{grid-row:1/3;font-size:24px}.survival-stats strong{font-size:20px;line-height:1.1}.survival-stats small{font-size:9px;color:var(--muted)}.survival-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.survival-section-head h2{font-size:23px;margin-top:4px}.survival-section-head p{font-size:10px;color:var(--muted)}
.survival-scene{height:610px;position:relative;overflow:hidden;border:1px solid #cbd9c2;border-radius:24px;background:linear-gradient(#d8ebef 0 17%,#acd094 17%);box-shadow:inset 0 -35px 80px #516f4c18}.survival-scene:after{content:'';position:absolute;inset:17% 0 0;background-image:radial-gradient(#77976955 1px,transparent 1px);background-size:18px 18px;opacity:.35}.map-river{position:absolute;z-index:1;left:46%;top:17%;width:12%;height:83%;background:#7fc2d1;transform:skew(-8deg);border-left:8px solid #dbdfa8;border-right:8px solid #dbdfa8}.map-road{position:absolute;z-index:2;background:#eef0e7;border:2px dashed #cad0c0;box-shadow:0 0 0 7px #dbd7c2}.road-a{height:35px;width:95%;left:2%;top:47%;transform:rotate(-5deg)}.road-b{height:35px;width:75%;left:12%;top:48%;transform:rotate(82deg)}.map-sun{position:absolute;right:7%;top:6%;width:70px;height:70px;border-radius:50%;background:#f7d471;box-shadow:0 0 0 12px #fff3;z-index:1}.city-center{position:absolute;z-index:7;left:50%;top:48%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:#f9f3dc;border:7px solid #fff;box-shadow:0 9px 20px #34542a35;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.city-center>span{font-size:32px;line-height:1}.city-center strong{font-size:10px}.city-center small{font-size:8px;color:#8d927f}.map-place{position:absolute;z-index:6;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-width:145px;padding:8px 12px 10px;border-radius:14px;background:#fff;box-shadow:0 10px 0 color-mix(in srgb,var(--place),#5f5335 25%),0 18px 22px #42613438;border:3px solid var(--place);display:flex;align-items:center;gap:9px;text-align:left;animation:place-arrive .45s both;animation-delay:var(--delay)}.map-place:hover{transform:translate(-50%,-56%);box-shadow:0 13px 0 color-mix(in srgb,var(--place),#5f5335 25%),0 23px 25px #42613440}.map-building{font-size:36px;filter:drop-shadow(0 4px 1px #0001)}.map-place-copy{display:flex;flex-direction:column}.map-place-copy ruby{font:700 15px/1.7 'Noto Sans JP',sans-serif}.map-place-copy rt{font-size:7px;color:#7b8274}.map-place-copy small{font-size:8px;color:#7e8679}.map-place.visited:after{content:'';position:absolute;inset:-7px;border:1px solid var(--place);border-radius:18px;opacity:.35}.map-check{position:absolute;right:-7px;top:-9px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:10px}.map-cloud{position:absolute;z-index:3;color:#fff;font-size:53px;opacity:.8;animation:cloud 14s linear infinite}.cloud-a{top:6%;left:-8%}.cloud-b{top:12%;left:-25%;animation-delay:-7s}.survival-how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.survival-how>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:13px;align-items:center}.survival-how>div>strong{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#edf3e8;color:var(--green)}.survival-how span{display:flex;flex-direction:column}.survival-how b{font-size:11px}.survival-how small{font-size:9px;color:var(--muted);margin-top:3px}.survival-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.place-hero{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:23px;padding:27px 30px;border-radius:16px;background:linear-gradient(115deg,color-mix(in srgb,var(--place),white 83%),#fff);border:1px solid color-mix(in srgb,var(--place),white 60%);margin-bottom:18px}.place-hero-icon{width:86px;height:86px;display:grid;place-items:center;border-radius:24px;background:#fff;font-size:50px;box-shadow:0 9px 24px #2d3d2c12}.place-hero h1{font:700 32px/1.7 'Noto Sans JP',sans-serif}.place-hero h1 rt{font-size:9px;color:#758177}.place-hero p{font-size:11px;color:#728071}.zone-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.zone-tabs button{min-height:85px;padding:12px 13px;background:#fff;border:1px solid var(--line);border-radius:11px;text-align:left;display:grid;grid-template-columns:35px 1fr}.zone-tabs button>span{grid-row:1/3;font-size:23px}.zone-tabs button b{font:600 12px/1.5 'Noto Sans JP',sans-serif}.zone-tabs button small{font-size:8px;color:var(--muted)}.zone-tabs button.selected{background:#edf3e8;border-color:#b9ceb1;box-shadow:inset 0 -3px #78986a}.place-room{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;overflow:hidden;min-height:370px}.room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:2}.room-heading h2{font:700 22px/1.8 'Noto Sans JP',sans-serif}.room-heading h2 rt{font-size:8px}.room-heading p{font-size:10px;color:var(--muted)}.room-scene{margin-top:18px;border-radius:13px;background:linear-gradient(155deg,color-mix(in srgb,var(--place),white 89%) 0 45%,#eadfc9 45%);min-height:235px;padding:25px;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:25px}.room-wall{height:150px;border-radius:10px 10px 3px 3px;background:color-mix(in srgb,var(--place),white 72%);box-shadow:8px 9px 0 color-mix(in srgb,var(--place),white 50%);display:grid;place-items:center}.room-wall span{font-size:74px}.object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.object-card{position:relative;padding:14px;background:#fffffff0;border:1px solid #dddccf;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left;min-height:84px}.object-card:hover{transform:translateY(-2px);border-color:var(--place)}.object-picture{width:53px;height:53px;display:grid;place-items:center;border-radius:15px;background:#f2efe7;font-size:32px}.object-card>span:nth-child(2){display:flex;flex-direction:column}.object-card ruby{font:600 16px/1.8 'Noto Sans JP',sans-serif}.object-card rt{font-size:7px;color:#879083}.object-card small{font-size:9px;color:var(--muted)}.object-card>i{position:absolute;right:8px;top:7px;font-style:normal;color:var(--green)}.word-focus{position:absolute;z-index:8;right:20px;top:20px;bottom:20px;width:min(355px,calc(100% - 40px));overflow:auto;background:#fff;border:1px solid #cfdac7;border-radius:15px;padding:24px;box-shadow:0 20px 60px #263a2938;animation:focus-in .2s ease-out}.word-close{position:absolute;right:13px;top:10px;font-size:25px;color:#899384}.word-focus-picture{font-size:63px;margin-bottom:7px}.word-focus-title{display:flex;align-items:center;justify-content:space-between}.word-focus-title ruby{font:700 31px/1.8 'Noto Sans JP',sans-serif}.word-focus-title rt{font-size:9px}.word-romaji{font-size:11px;color:var(--muted)}.memory-note{display:flex;gap:12px;background:#f8f1df;border:1px solid #eadfbe;border-radius:10px;padding:13px;margin:16px 0}.memory-note>span{font-size:24px}.memory-note p{font-size:10px;color:#7f7458}.memory-note strong{display:block;color:#655c46}.word-example{border-left:3px solid var(--green);padding-left:13px;margin-bottom:17px}.word-example ruby{display:block;font:500 15px/2 'Noto Sans JP',sans-serif}.word-example rt{font-size:7px}.word-example span{font-size:10px;color:var(--muted)}.survival-learning-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:17px;margin-top:18px}.survival-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.survival-panel-title{display:flex;justify-content:space-between;align-items:center}.survival-panel h2{font-size:17px;margin:4px 0 16px}.round-action{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;background:#edf3e8;color:var(--green)}.round-action .icon{width:16px}.mini-chat{display:flex;flex-direction:column;gap:9px}.chat-bubble{align-self:flex-start;max-width:82%;padding:10px 13px;border-radius:4px 13px 13px 13px;background:#eef1eb;text-align:left;display:flex;flex-direction:column}.chat-bubble.mine{align-self:flex-end;border-radius:13px 4px 13px 13px;background:#f7e6df}.chat-bubble>span{font-size:7px;color:#899287}.chat-bubble ruby{font:500 13px/1.8 'Noto Sans JP',sans-serif}.chat-bubble rt{font-size:6px;color:#9a9588}.chat-bubble small{font-size:9px;color:#7c8478}.reaction-prompt{width:100%;padding:13px;border-radius:10px;background:#283f37;color:#fff;text-align:left;display:flex;gap:10px;align-items:center}.reaction-prompt ruby{font:500 13px/2 'Noto Sans JP',sans-serif}.reaction-prompt rt{font:8px var(--font);color:#c1d4ca}.reaction-options{display:grid;gap:8px;margin-top:12px}.reaction-options button{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;font:500 12px 'Noto Sans JP',sans-serif}.reaction-options button:hover{border-color:#a8bd9d;background:#f3f7ef}.reaction-options button.correct{background:#e7f3df;border-color:#9cbe8c}.reaction-options button.wrong{background:#f8e8e3;border-color:#d79b8d}.reaction-feedback{margin-top:12px;padding:12px;border-radius:8px;font-size:10px}.reaction-feedback.good{background:#e9f3e3;color:#5f7957}.reaction-feedback.try{background:#f7eee8;color:#916756}.reaction-feedback p{margin-top:3px}.simulation-callout{display:grid;grid-template-columns:65px 1fr auto;gap:18px;align-items:center;margin-top:18px;padding:23px 26px;border-radius:14px;background:#253e35;color:#fff}.sim-avatar{font-size:44px}.simulation-callout h2{font-size:17px;margin:3px 0}.simulation-callout p{font-size:10px;color:#b9ccc2}.simulation-callout .eyebrow{color:#a9c5b7}.sim-step{font-size:10px;color:var(--muted)}.sim-shell{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);min-height:650px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.sim-world{padding:25px;background:linear-gradient(155deg,color-mix(in srgb,var(--place),white 77%),#e8e5d5);display:flex;flex-direction:column}.sim-sky{position:relative;min-height:355px;border-radius:14px;overflow:hidden;background:linear-gradient(#cce8ed 0 58%,#9fc281 58%)}.sim-sky:after{content:'';position:absolute;left:-5%;right:-5%;bottom:18%;height:38px;background:#eee9d9;transform:rotate(-4deg);box-shadow:0 0 0 7px #c8c1ab}.sim-building{position:absolute;z-index:2;right:15%;top:21%;font-size:105px;filter:drop-shadow(0 15px 0 #49624338)}.sim-resident{position:absolute;z-index:4;left:18%;bottom:14%;font-size:52px;animation:resident-bob 1.4s ease-in-out infinite}.sim-route{position:absolute;z-index:3;left:31%;bottom:24%;width:43%;border-top:3px dashed #fff;transform:rotate(-8deg)}.sim-location{padding:20px 5px 0;display:flex;flex-direction:column}.sim-location small{font-size:9px;color:#6d796b}.sim-location strong{font:700 23px/1.8 'Noto Sans JP',sans-serif}.sim-location strong rt{font-size:7px}.sim-location span{font-size:10px;color:#6f7c6e}.mission-dots{display:flex;gap:8px;margin-top:auto}.mission-dots span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ffffff7a;font-size:10px}.mission-dots span.active{background:#253e35;color:#fff}.mission-dots span.done{box-shadow:inset 0 0 0 2px #6b9760}.sim-console{padding:36px 39px}.sim-console h1{font-size:25px;line-height:1.55;margin:8px 0 18px}.grammar-clue{display:flex;gap:11px;padding:13px 15px;background:#f5f3e9;border-radius:10px}.grammar-clue>span{font-size:22px}.grammar-clue p{font-size:10px;color:#7b7868}.grammar-clue strong{display:block;color:#55574c}.assist-switch{display:inline-flex;background:#eef1eb;padding:4px;border-radius:9px;margin:20px 0 16px}.assist-switch button{padding:7px 12px;border-radius:6px;font-size:10px;color:#748071}.assist-switch button.selected{background:#fff;color:var(--ink);box-shadow:0 2px 7px #1f302417}.sim-console form label{display:block;font-size:10px;font-weight:600;margin-bottom:7px}.sim-input-row{display:flex;gap:8px}.sim-input-row input{min-width:0;flex:1;border:2px solid #d9dfd4;border-radius:8px;padding:12px 14px;font:500 17px 'Noto Sans JP',sans-serif}.sim-input-row input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #5e826323}.assist-actions{display:flex;gap:18px;margin-top:11px}.hint-box{margin-top:12px;border-left:3px solid #c7a74f;background:#fbf4df;padding:11px 13px;font-size:10px}.hint-box p{margin-top:3px;color:#7f714d}.lego-helper{margin-top:14px;padding:14px;border:1px dashed #bbc9b3;border-radius:10px;background:#f5f8f2}.lego-helper>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px}.lego-pieces{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.lego-pieces button{padding:8px 11px;background:#fff;border:1px solid #d9dfd3;border-bottom:3px solid #aebda5;border-radius:7px;font:600 13px 'Noto Sans JP',sans-serif;animation:piece-in .25s both;animation-delay:calc(var(--i)*.04s)}.lego-pieces button:active{transform:translateY(2px);border-bottom-width:1px}.sim-feedback{display:grid;grid-template-columns:43px 1fr auto;gap:12px;align-items:start;margin-top:18px;padding:17px;border-radius:11px;border:1px solid}.sim-feedback.exact,.sim-feedback.alternate{background:#edf6e8;border-color:#bdd5af}.sim-feedback.near{background:#fff6dc;border-color:#e5ce84}.sim-feedback.wrong,.sim-feedback.empty{background:#faece7;border-color:#dfb2a5}.feedback-face{font-size:28px}.sim-feedback strong{font-size:13px}.sim-feedback p{font-size:10px;color:#687466;margin-top:3px}.correction{display:grid;grid-template-columns:1fr 35px;margin-top:11px;padding-top:10px;border-top:1px solid #0001}.correction>span{grid-column:1/3;font-size:8px;color:#8a9185}.correction ruby{font:600 14px/2 'Noto Sans JP',sans-serif}.correction rt{font:7px var(--font)}
@keyframes place-arrive{from{opacity:0;transform:translate(-50%,-35%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cloud{to{transform:translateX(1300px)}}@keyframes focus-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes resident-bob{50%{transform:translateY(-6px)}}@keyframes piece-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.survival-scene{height:650px}.map-place{min-width:125px}.survival-learning-grid{grid-template-columns:1fr}.sim-shell{grid-template-columns:1fr}.sim-world{display:grid;grid-template-columns:1fr 180px;gap:18px}.sim-sky{min-height:260px}.sim-location{padding-top:30px}.mission-dots{align-self:end}.sim-building{font-size:85px}.simulation-callout{grid-template-columns:55px 1fr}.simulation-callout .btn{grid-column:2}.room-scene{grid-template-columns:100px 1fr}.room-wall{height:130px}}
@media(max-width:760px){.survival-hero{grid-template-columns:1fr;padding:28px;background:#edf3e8}.survival-hero:after{right:-20px}.survival-hero h1{font-size:34px}.survival-pass{display:none}.survival-stats{grid-template-columns:repeat(2,1fr)}.survival-scene{height:720px}.map-place{min-width:120px;padding:7px}.map-place-copy ruby{font-size:12px}.map-building{font-size:29px}.city-center{width:83px;height:83px}.survival-how{grid-template-columns:1fr}.place-hero{grid-template-columns:65px 1fr;padding:21px}.place-hero-icon{width:62px;height:62px;font-size:38px}.place-hero .btn{grid-column:1/3}.place-hero h1{font-size:27px}.zone-tabs{grid-template-columns:repeat(2,1fr)}.room-heading{display:block}.room-heading p{margin-top:5px}.room-scene{grid-template-columns:1fr;padding:16px}.room-wall{display:none}.object-grid{grid-template-columns:1fr 1fr}.object-card{padding:10px}.object-picture{width:45px;height:45px;font-size:27px}.simulation-callout{grid-template-columns:1fr;text-align:center}.simulation-callout .btn{grid-column:1}.sim-world{display:none}.sim-console{padding:25px 21px}.sim-console h1{font-size:21px}.sim-input-row{flex-direction:column}.sim-feedback{grid-template-columns:36px 1fr}.sim-feedback>.btn{grid-column:2}.survival-section-head{display:block}.survival-section-head p{margin-top:5px}}
@media(max-width:470px){.survival-stats>div{padding:12px}.survival-scene{height:auto;min-height:0;padding:18px;background:#e8f1e2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.survival-scene:after,.map-river,.map-road,.map-sun,.map-cloud,.city-center{display:none}.map-place{position:relative;left:auto;top:auto;transform:none!important;min-width:0;width:100%;animation:none}.map-place:hover{transform:none}.survival-how{gap:8px}.zone-tabs button{grid-template-columns:30px 1fr}.object-grid{grid-template-columns:1fr}.survival-learning-grid{gap:12px}.survival-panel{padding:18px}.chat-bubble{max-width:92%}.word-focus{inset:12px;width:auto}.survival-hero h1{font-size:30px}.assist-switch{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.assist-switch button{padding:7px 5px}.sim-console{padding:22px 16px}.sim-console h1{font-size:19px}.correction{grid-template-columns:1fr 32px}}
@media(prefers-reduced-motion:reduce){.map-place,.map-cloud,.sim-resident,.lego-pieces button{animation:none!important}}
.word-example>.jp{display:block;font:500 15px/2 'Noto Sans JP',sans-serif;color:var(--ink)}
.zone-tabs{grid-template-columns:repeat(3,1fr)}
.city-dictionary{margin-top:20px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px}.city-dictionary-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:19px}.city-dictionary-head h2{font-size:20px;margin:4px 0 2px}.city-dictionary-head p{font-size:10px;color:var(--muted)}.city-search{min-width:320px;display:flex;align-items:center;gap:9px;padding:10px 13px;background:#f5f7f2;border:1px solid #dae2d5;border-radius:10px}.city-search .icon{width:17px;color:var(--green)}.city-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:11px}.city-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.city-word-card{min-width:0;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;text-align:left;padding:11px 12px;border:1px solid #e3e7df;border-radius:10px;background:#fff}.city-word-card:hover{border-color:#adc2a2;background:#f4f8f1;transform:translateY(-1px)}.city-word-card>span:first-child{font-size:25px}.city-word-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.city-word-card ruby{font:600 13px/1.7 'Noto Sans JP',sans-serif}.city-word-card rt{font-size:6px;color:#8c9588}.city-word-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:var(--muted)}.city-word-card i{color:#9aaa91}.city-word-card i .icon{width:14px}.city-word-empty{padding:32px;border:1px dashed #cbd7c4;border-radius:10px;text-align:center;font-size:11px;color:var(--muted);background:#f7f9f4}
@media(max-width:950px){.city-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-dictionary-head{align-items:flex-start;flex-direction:column}.city-search{min-width:0;width:100%}}
@media(max-width:760px){.zone-tabs{grid-template-columns:repeat(2,1fr)}.city-dictionary{padding:19px}.city-word-grid{grid-template-columns:1fr}.city-word-card:nth-child(n+13){display:none}}

/* Expanded city: a roomy map that scales to many real-life locations. */
.survival-scene{height:auto!important;min-height:660px;padding:108px 27px 30px;display:block}.city-map-caption{position:absolute;z-index:5;left:28px;top:27px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#fffdf4dd;border:1px solid #ffffffaa;box-shadow:0 8px 24px #4261341f}.city-map-caption>span{font-size:30px}.city-map-caption div{display:flex;flex-direction:column}.city-map-caption strong{font-size:12px}.city-map-caption small{font-size:8px;color:var(--muted)}.city-place-grid{position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.city-place-grid .map-place{position:relative;left:auto;top:auto;transform:none;min-width:0;width:100%;min-height:82px}.city-place-grid .map-place:hover{transform:translateY(-5px)}.city-place-grid .map-place-copy ruby{font-size:13px}.city-place-grid .map-building{font-size:32px}.zone-tabs button b ruby{font:600 12px/1.8 'Noto Sans JP',sans-serif}.zone-tabs button b rt{font:6px var(--font);color:#879083}.word-example ruby.jp{display:block;font:500 15px/2.1 'Noto Sans JP',sans-serif}.word-example ruby.jp rt{font:7px var(--font);color:#879083}
.vocab-gallery{margin-top:20px;background:#283f37;color:#fff;border-radius:16px;overflow:hidden}.vocab-gallery summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:12px;padding:20px 24px}.vocab-gallery summary::-webkit-details-marker{display:none}.vocab-gallery summary>span{font-size:30px}.vocab-gallery summary div{display:flex;flex-direction:column}.vocab-gallery summary strong{font-size:15px}.vocab-gallery summary small{font-size:9px;color:#b8ccc1;margin-top:3px}.vocab-gallery summary i{font-style:normal;font-size:24px;color:#b8ccc1;transition:.2s}.vocab-gallery[open] summary i{transform:rotate(45deg)}.vocab-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 24px 24px}.vocab-gallery-grid a{position:relative;display:block;overflow:hidden;border-radius:10px;background:#fff;color:#283f37;border:2px solid #ffffff1f}.vocab-gallery-grid img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:top;background:#f7f3ea;transition:.2s}.vocab-gallery-grid a:hover img{transform:scale(1.025)}.vocab-gallery-grid span{position:absolute;left:7px;bottom:7px;padding:4px 8px;border-radius:99px;background:#fffef4ed;font-size:8px;font-weight:700;box-shadow:0 2px 8px #0002}
@media(max-width:1000px){.city-place-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vocab-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.survival-scene{padding:105px 18px 22px}.city-place-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.city-map-caption{left:18px;right:18px;top:22px}.city-place-grid .map-place{min-height:74px}.vocab-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px 18px}.vocab-gallery summary{padding:18px}}
@media(max-width:470px){.survival-scene{padding:95px 14px 18px;display:block}.city-place-grid{grid-template-columns:1fr 1fr;gap:10px}.city-place-grid .map-place{display:grid;grid-template-columns:34px 1fr;min-height:76px}.city-place-grid .map-building{font-size:27px}.city-map-caption{left:14px;right:14px;top:16px}.city-map-caption>span{font-size:25px}.vocab-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}

/* Update the selected room without moving the page or replaying the whole view. */
.survival-view{overflow-anchor:none;animation:survival-view-enter .18s ease-out both}
#survival-word-host{display:contents}
.survival-view .word-focus{animation:none}
.zone-tabs button{transition:background-color .15s,border-color .15s,box-shadow .15s}
.object-card{transition:background-color .15s,border-color .15s,transform .15s}
.object-card.selected{background:#f2f7ec;border-color:var(--place);box-shadow:0 0 0 2px color-mix(in srgb,var(--place),transparent 85%)}
.survival-scene-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.survival-view.motion-off,.survival-view.motion-off *{animation:none!important;transition:none!important}
@keyframes survival-view-enter{from{opacity:.6}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.survival-view,.survival-view *{animation:none!important;transition:none!important}}