:root{--bg-dark:#FFF8ED;--bg-card:#fffdf8;--bg-card-solid:#fffdf8;--bg-card-hover:#fff8ed;--border-subtle:#d8bfb6;--border-accent:#a77986;--text-main:#66534F;--text-muted:#78645e;--text-dim:#78645e;--accent-ice:#80576b;--accent-ice-bg:#fbe2e8;--accent-gold:#876231;--accent-emerald:#497352;--accent-purple:#79608d;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--shadow-sm:3px 3px 0 #d8bfb6;--shadow-lg:6px 6px 0 #d8bfb6;--day-color:#F4B9C7}
body{background:#FFF8ED;background-image:radial-gradient(#dfc9bd 1px,transparent 1px);background-size:20px 20px;color:#66534F;padding-bottom:110px}
.snowflakes{display:none}.container{max-width:1200px}.hero-header{position:relative;overflow:hidden;background:#fce6e9;border:3px solid #66534F;border-radius:0;box-shadow:7px 7px 0 #d8bfb6;padding:34px 24px 0;margin:28px 0}.hero-header:before,.hero-header:after{display:none}.pixel-eyebrow{font:700 12px monospace;letter-spacing:2px;margin-bottom:16px}.trip-badge{background:#fff8ed;color:#66534F;border:1px solid #b58f92;border-radius:0}.trip-title{color:#66534F;background:none;-webkit-text-fill-color:#66534F;font-size:clamp(32px,6vw,60px);letter-spacing:3px}.pixel-subtitle{display:block;font-size:16px;letter-spacing:6px;margin:12px 0 20px}.trip-meta{color:#66534F}.journey-start{display:inline-flex;flex-direction:column;gap:5px;margin:24px auto 0;padding:15px 28px!important;background:#C9DEBE!important;font:700 18px monospace;color:#66534F!important}.journey-start span{font:500 12px 'Noto Sans TC',sans-serif}.pixel-scene{max-width:760px;margin:0 auto;height:140px}.pixel-scene svg{height:100%;width:100%}
button,[class^="btn-"],.loc-chip,.filter-chip{border-radius:2px!important;transition:transform .12s,box-shadow .12s!important}button:not(.nav-item):not(.modal-close-btn),a[class^="btn-"]{border:2px solid #8b7168!important;box-shadow:3px 3px 0 #b89c91;background:#FFF8ED;color:#66534F}button:not(:disabled):active,a[class^="btn-"]:active{transform:translate(2px,2px);box-shadow:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #80576b;outline-offset:4px}
.radar-card,.hours-guardian-card,.status-card,.flight-card,.timeline-card,.spot-card,.hotel-card,.checklist-group,.calc-box,.notice-card,.album-header-bar,.dish-card-item,.menu-phrase-card,.modal-card,.suggest-item-card,.pc-node-card{background:#fffdf8;border:2px solid #a68b80;border-radius:2px;box-shadow:4px 4px 0 #e7d5c7;color:#66534F}.radar-card{background:#edf4e8}.hours-guardian-card{background:#eff5f8}.status-card{background:#fff8ed}.status-value,.node-title,.spot-card-title,.modal-title,.group-title,.dish-zh-name,.route-code,.hotel-title-jp{color:#66534F}.node-desc,.spot-card-desc,.dish-desc-text{color:#78645e}.tab-nav{padding:8px 4px 12px;gap:10px}.tab-btn{min-height:58px;background:#fff8ed!important;color:#66534F!important}.tab-btn.active{background:var(--day-color)!important;border-color:#66534F!important}.tab-btn:nth-child(1){--day-color:#F4B9C7}.tab-btn:nth-child(2){--day-color:#BBDCEB}.tab-btn:nth-child(3){--day-color:#C9DEBE}.tab-btn:nth-child(4){--day-color:#E9D5F2}
#tab-day1{--day-color:#F4B9C7}#tab-day2{--day-color:#BBDCEB}#tab-day3{--day-color:#C9DEBE}#tab-day4{--day-color:#E9D5F2}.chapter-heading{padding:16px 18px;border:2px solid #a68b80;background:var(--day-color);margin:20px 0;font-weight:800;letter-spacing:1px}.chapter-heading small{display:block;font:12px monospace;margin-bottom:6px}.timeline:before{background:repeating-linear-gradient(to bottom,#b69a8d 0 6px,transparent 6px 12px);width:3px}.timeline-dot{border:3px solid #8b7168;background:var(--day-color);border-radius:0;transform:rotate(45deg)}.timeline-card{border-top:6px solid var(--day-color);position:relative}.time-badge,.node-category,.dist-badge,.flight-badge,.schedule-day-chip,.spot-legend-pill{border-radius:1px;background:#f4e7ef;color:#66534F}.node-tips{background:#fff4d9;border-color:#c9aa77;color:#715a3f}.node-hours-bar,.spot-hours-box{background:#f6efe5;border-color:#e3d2be}.bottom-nav{background:#FFF8ED;border-top:3px solid #8b7168;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 0 #e7d5c7}.nav-item{color:#78645e;min-height:58px}.nav-item.active{background:#fbe2e8;color:#66534F;border-radius:0}.nav-icon{filter:sepia(.2)}input,select,textarea{border-radius:2px!important;max-width:100%}.top-action-btns{flex-wrap:wrap}.top-actions{gap:12px}.trip-meta-item{color:#66534F}.chapter-heading,.view-panel{scroll-margin-top:20px}
@media(max-width:600px){.hero-header{padding:25px 12px 0;margin-top:18px}.trip-title{letter-spacing:1px}.pixel-eyebrow{font-size:10px;letter-spacing:1px}.pixel-subtitle{letter-spacing:3px}.pixel-scene{height:100px}.top-actions{align-items:flex-start;flex-direction:column}.top-action-btns{gap:8px}.top-action-btns button,.top-action-btns a{font-size:11px;padding:8px}.trip-meta{gap:8px}.trip-meta-item{font-size:11px}.timeline-card{padding:14px}.nav-item{font-size:10px;min-width:0}.tab-btn{min-width:85px}.modal-card{max-width:calc(100vw - 24px)}button{min-height:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Stepped RPG panel silhouettes; content remains inset from each corner. */
.timeline-card,.spot-card,.hero-header{clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}
@media(max-width:600px){.nearby-items-grid{grid-template-columns:minmax(0,1fr)}.nearby-spot-item{flex-wrap:wrap;min-width:0;max-width:100%}.nearby-spot-info{min-width:0;flex-basis:100%}.nearby-spot-item>div{max-width:100%;flex-wrap:wrap}.radar-header{flex-wrap:wrap;gap:8px}.card-main-info{min-width:0}.node-title{overflow-wrap:anywhere}.node-action-row{flex-wrap:wrap}.status-card{min-width:0}}