.explanation-four{color:#193b32;background:#fffdf5;border:1px solid #bac9bd;border-radius:14px;padding:16px;margin:12px 0;text-align:left;line-height:1.8}
.explanation-four section+section{border-top:1px solid #d1d8ce;padding-top:12px;margin-top:12px}.explanation-four h3{font-size:1rem;color:#204636;margin:0 0 6px}.explanation-four h3 span{display:inline-grid;place-items:center;background:#245742;color:#fff;border-radius:50%;width:28px;height:28px;font-size:16px}.explanation-four p{margin:4px 0 12px}.explanation-four summary,.home-records>summary{padding:14px;min-height:52px;cursor:pointer;font-weight:700;color:#204636;background:#faf6e9;border:1px solid #9dac9f;border-radius:10px}.explanation-four details p{font-size:1rem}.home-records{margin:24px 0}.home-records[open]{padding-bottom:12px}.home-records>button{margin-top:10px}
.judgment-summary{background:#f8f7ed;color:#214534;padding:20px;border:1px solid #9fac9f;border-radius:16px;margin:24px 0}.judgment-summary h2,.judgment-summary h3{color:#214534}.judgment-summary small{color:#465d53}
.packing-slot{color:#173f34;background:#fffdf5;border-color:#a4b7a7}.packing-slot span,.packing-slot small{color:#365348}.packing-slot .gear-art{height:auto;aspect-ratio:3/2;object-fit:contain}.gear-empty{display:grid;place-items:center;min-height:110px;border:2px dashed #a4b7a7;border-radius:12px;margin-bottom:12px;background:#eeeedd}.gitem .gear-art{width:64px;height:52px;object-fit:contain;border-radius:7px;flex-shrink:0}
.field-hero{width:100%;height:auto;border-radius:12px;display:block;margin:12px 0}.field-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-scene-grid>.btn{margin:0;padding:12px}.field-scene-grid .field-hero{aspect-ratio:3/2;object-fit:cover}.intro-gear{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.intro-gear .gear-art{width:100%;height:auto}.fieldwork .btn{white-space:normal;line-height:1.6}.fieldwork p{line-height:1.85}
.observation-picture{position:relative}.observation-picture .field-hero{margin:0}.observe-dot{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:3px solid #fff8e4;background:#1b4a39;color:white;box-shadow:0 2px 8px #172d27a0;font-size:22px;font-weight:bold;cursor:pointer}.observe-dot:focus-visible{outline:4px solid #e4882d;outline-offset:3px}.observation-complete{background:#e8f0df;color:#204532;padding:16px;border-radius:12px}.observation-entry{border:2px solid #78a583;background:#faf9ec;color:#173f34}.favorite-scene{padding:16px;background:#faf9ef;color:#204636;border:1px solid #afbcaa;border-radius:14px;margin:20px 0}.favorite-scene h3{color:#204636}.favorite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.favorite-grid .landscape img{width:100%;height:auto}.favorite-grid button{padding:12px}.favorite-scene .landscape{border-radius:10px;overflow:hidden}
@media(max-width:420px){.field-scene-grid,.favorite-grid{grid-template-columns:1fr}.gitem .gear-art{width:44px;height:44px}.explanation-four{padding:12px}.fieldwork .ruri{max-width:100%}}
@media(prefers-reduced-motion:reduce){.fieldwork *{scroll-behavior:auto;animation:none;transition:none}}

.observation-figure{margin:14px 0}.observation-figure figcaption{margin-top:10px}.figure-zoom .observation-figure{min-width:850px}

/* Speech remains legible on both the light school and dark game surfaces. */
.ruri .ruri-say{background:#fff9e8;color:#193e33;border-color:#a7b9a5;font-size:var(--note-size,18px);min-width:0;overflow-wrap:anywhere}
.ruri .ruri-say::before{background:#fff9e8;border-color:#a7b9a5}
.diary-open-label{display:block;margin-top:8px;font-weight:700}

/* Every equipment choice has a picture and a separate, non-purchasing preview. */
.gear-category-nav{margin:20px 0;padding:16px;background:#fffdf5;color:#214534;border:1px solid #acbba9;border-radius:14px}
.gear-category-nav p{margin-top:0}.gear-category-nav>div{display:flex;flex-wrap:wrap;gap:8px}.gear-category-nav .btn{width:auto;margin:0;flex:1 1 140px;text-align:center;background:#e8efdc;color:#214534;border-color:#8da285}
.gear-view-group{margin:28px 0;padding-top:12px;border-top:2px solid #7caa85}.gear-view-group>h2{margin:0 0 12px;scroll-margin-top:30px}
.gear-mode-intro{background:#16302f;color:#eaf5f0;border:1px solid #5f9f83;border-radius:14px;padding:14px;margin:12px 0}.gear-mode-intro p{margin-bottom:0}
.room-category-card{display:flex;gap:14px;align-items:center;background:#fff3df;color:#513519;border:2px solid #b78345;border-radius:14px;padding:14px;margin:18px 0 12px}.room-category-card>img{width:100px;height:100px;object-fit:contain;border-radius:8px;flex:none}.room-category-card>div{min-width:0;flex:1}.room-category-card h3{font-size:var(--control-size,18px);line-height:1.5;margin:0 0 6px;color:#513519}.room-category-card .room-label{margin:0 0 8px;font-size:var(--note-size,16px)!important;font-weight:700;color:#654119}.room-category-card .room-real-money{margin:10px 0 4px;color:#513519}.room-category-card .room-new-tab{margin:0;color:#654119;font-size:var(--note-size,16px)!important}
.room-link{display:block;min-height:48px;padding:10px 12px;background:#8a4a12;color:#fffaf0;border:1px solid #713a0e;border-radius:10px;text-decoration:underline;font-weight:700;line-height:1.65;overflow-wrap:anywhere}.room-link:focus-visible{outline:3px solid #2d5b46;outline-offset:3px}
@media(max-width:420px){.room-category-card{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:start;padding:12px}.room-category-card>img{grid-column:1;grid-row:1/3;width:80px;height:80px}.room-category-card>div{display:contents}.room-category-card h3{grid-column:2;grid-row:1;margin:0}.room-category-card .room-label{grid-column:2;grid-row:2;margin:0}.room-link,.room-category-card .room-real-money,.room-category-card .room-new-tab{grid-column:1/-1}.room-link{grid-row:3;margin-top:6px;padding:10px 8px}.room-category-card .room-real-money{grid-row:4;margin:6px 0 0}.room-category-card .room-new-tab{grid-row:5;margin:0}}
.gear-item-row{margin:12px 0;border:1px solid #acbba9;border-radius:14px;background:#fffdf5;overflow:hidden}
.gear-item-row .gitem{display:grid;grid-template-columns:24px 88px minmax(0,1fr);gap:12px;margin:0;border:0;border-radius:0;padding:14px;color:#193e33;background:#fffdf5}
.gear-item-row .gitem.sel{background:#e6efda;box-shadow:inset 0 0 0 2px #376443}
.gear-item-row .gitem.locked{opacity:1}.gear-item-row .gitem .ck{grid-column:1;grid-row:1/3;color:#fff;background:#fffdf5;border-color:#657d69}
.gear-item-row .gitem.sel .ck{background:#376443;border-color:#376443}
.gear-item-row .gitem .gear-art{grid-column:2;grid-row:1/3;width:88px;height:88px;object-fit:contain;border-radius:8px;background:#f7f1e2}
.gear-item-row .gitem .nm{grid-column:3;min-width:0}.gear-item-row .gitem .nm b{color:#193e33;font-size:var(--control-size,18px);overflow-wrap:anywhere}.gear-item-row .gitem .nm small{color:#3c574b}
.gear-item-row .gitem .num{grid-column:3;min-width:0;text-align:left;color:#3c574b;font-size:var(--note-size,16px)}
.gear-item-row .gitem .num>span{color:#315c3d!important}.gear-cat{font-size:var(--read-heading,24px);line-height:1.5;margin-top:28px}
.gear-preview{display:block;width:100%;min-height:52px;border:0;border-top:1px solid #c1cdbb;background:#f0f3e7;color:#204b38;font:inherit;font-weight:700;cursor:pointer;padding:12px}
.gear-preview:focus-visible{outline:3px solid #c36c16;outline-offset:-4px}.gear-preview:hover{background:#e1ead7}
.gear-none{display:flex!important;flex-direction:column;justify-content:center;align-items:center;border:1px dashed #7a8e78;color:#3c574b;line-height:1.3}
.gear-none>span{font-size:28px}.gear-none>small{font-size:16px;color:#3c574b}
.gear-detail-figure{margin:14px 0;color:#244b3a}.gear-detail-figure .gear-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px;background:#f7f1e2}
.gear-detail-figure figcaption{font-size:var(--note-size,16px);line-height:1.8;margin-top:10px}.gear-detail-figure .gear-none>span{font-size:48px}.gear-detail-figure .gear-none>small{font-size:24px}
.modal:has(.gear-detail-figure){background:#fffdf5;color:#193e33;border-color:#acbba9}.modal:has(.gear-detail-figure) h2,.modal:has(.gear-detail-figure) h3{color:#193e33;font-size:var(--read-heading,24px)}.modal:has(.gear-detail-figure) .sub{color:#3c574b}.gear-detail-close{position:sticky;top:0;background:#fffdf5;padding:4px 0 8px;z-index:2}.gear-detail-close .btn{margin:0;text-align:center}
.modal:has(.gear-detail-figure) .btn{background:#e8efdc;color:#214534;border-color:#8da285}.modal:has(.gear-detail-figure) .btn.primary{background:#315c3d;color:#fffdf5;border-color:#315c3d}
@media(max-width:420px){.gear-item-row .gitem{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px}.gear-item-row .gitem .ck{grid-column:1;grid-row:1}.gear-item-row .gitem .gear-art{grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:3/2;max-height:155px}.gear-item-row .gitem .nm,.gear-item-row .gitem .num{grid-column:1/3}.gear-category-nav{padding:12px}.gear-category-nav .btn{flex-basis:105px}}
/* v1.53.0 入口の楽天ROOM紹介カード(画像なしの1列)と「制作 Fides」の行。配色は装備画面のカードと共通(colors.css)。420px以下の2列グリッドは画像用なので、この入口カードだけ解除する */
.room-category-card.room-home{display:block;margin:16px 0 12px}
.room-category-card.room-home .room-label{margin:0 0 4px}
.room-category-card.room-home h3{margin:0 0 10px}
.room-category-card.room-home .room-link{margin:0}
.room-category-card.room-home .room-reward,.room-category-card.room-home .room-real-money{margin:10px 0 0;color:#513519}
.room-category-card.room-home .room-new-tab{margin:6px 0 0}
.foot.foot-made{margin-top:6px}