/* Mobile-first extensions to the existing Compass visual design. */
body{font-family:system-ui,-apple-system,"Segoe UI","Yu Gothic",sans-serif;font-size:16px;line-height:1.75}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,input{min-height:44px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #e88308;outline-offset:3px}a{overflow-wrap:anywhere}p{line-height:1.8}small,.card-note,.footer-mini,.muted,.meta,.link-disclosure,.photo-credit{font-size:14px}.muted,.card-note,.photo-credit{color:#525969}.beta-hero{padding-bottom:28px}.beta-hero h1{font-size:clamp(36px,7vw,64px);letter-spacing:-.035em;line-height:1.2;margin:8px 0}.beta-hero .hero-lead{font-size:16px;margin:12px 0}.nav-badges a{padding:8px;text-decoration:none;min-height:44px}.brand small{font-size:12px;color:#ffd66b}.section{padding:36px 0}.planner{padding-top:28px;padding-bottom:0}.section-heading h2{font-size:clamp(24px,4vw,36px)}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.filter-grid label{display:flex;flex-direction:column;gap:6px;font-weight:650;min-width:0}.filter-grid input,.filter-grid select{width:100%;padding:10px;border:1px solid #a0a5b0;background:#fff;border-radius:9px;color:#151b26}.filter-grid small{font-weight:400;line-height:1.5;color:#555d6a}.control-panel{padding:24px}.control-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:start;margin-top:24px}.primary,.secondary,.control-actions button{border:1px solid #263459;border-radius:10px;padding:10px 16px;font-weight:650;min-height:44px}.primary{background:#263459;color:#fff}.secondary,.control-actions button{background:#fff;color:#263459}.inline-button{display:inline-block;text-decoration:none}.control-actions summary,details summary{cursor:pointer;min-height:44px;padding:8px 0}.control-actions details p{max-width:600px}.results{padding-top:28px}.idea-grid{margin-top:20px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.idea-card{display:flex;flex-direction:column}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-body h3{font-size:22px;line-height:1.4;margin:12px 0}.card-body .price{font-size:16px;margin:0;color:#394064;white-space:normal}.card-body>p{font-size:15px}.card-body .detail-button{margin-top:auto}.card-visual{height:190px;position:relative;background:linear-gradient(135deg,#31405d,#7b658e);overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:cover}.card-visual .tag{position:absolute;bottom:12px;right:12px;top:auto;background:#152238d9;color:#fff;font-size:12px}.tone-license{background:#dfd9ff}.tone-game{background:#c8e6dc}.tone-reset{background:#dee8d8}.tone-life{background:#f0e0c9}.tone-experience{background:#edd9e4}.budget-warning{background:#fff5db;color:#644b08;border-left:3px solid #e3af28;padding:10px}.card-share{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.share-btn{min-height:44px;padding:8px 10px;font-size:14px}.share-status{display:block;flex-basis:100%;font-size:14px}.allocation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.allocation>div{display:flex;flex-direction:column;border:1px solid #dadde3;padding:12px;border-radius:10px;background:#fff}.allocation strong{font-size:24px}.allocation span{font-size:14px}.long-plan{padding:24px;border-radius:16px;background:#ececf5;color:#151b26}.long-plan h3{margin-top:0}.game-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:18px}.game-card{width:auto;min-width:0}.game-card img{display:block;width:100%;height:auto;aspect-ratio:460/215;object-fit:cover}.game-card h3{font-size:20px}.game-body p{font-size:14px}.guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-links a{padding:20px;background:white;border:1px solid #dfe0e4;border-radius:12px;font-weight:650}.faq-section details{border-bottom:1px solid #d8dbe1;padding:8px 0}.empty-state{padding:20px;grid-column:1/-1}.guide-main p,.guide-main li,.policy-card p,.policy-card li{font-size:16px}.guide-share h2{font-size:20px}.guide-header .nav-badges{color:white}.guide-header .brand{color:white}.guide-plan{grid-template-columns:repeat(3,minmax(0,1fr))}.footer{padding:36px 0}.footer a{min-height:44px;display:inline-block}.clipboard-fallback{position:fixed;left:-10000px;top:0}dialog{padding:0;border:0;border-radius:18px;width:min(780px,calc(100% - 24px));max-height:90dvh;color:#151b26;box-shadow:0 20px 80px #0006}dialog::backdrop{background:#111827b3}.dialog-close{position:sticky;top:8px;z-index:1;margin:8px 8px 8px auto;display:block;background:#fff;border:1px solid #a0a5b0;border-radius:10px;padding:8px 14px}.detail-inner{padding:24px}.detail-inner h2{font-size:28px;line-height:1.4}.detail-inner h3{margin-top:28px}.detail-price{font-size:20px;font-weight:700}.cost-grid{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);gap:8px 14px}.cost-grid dt{font-weight:650}.cost-grid dd{margin:0}.official-links li{margin-bottom:12px}.link-disclosure{display:block;color:#555d6a}.credit-image{width:100%;max-width:720px;height:auto;aspect-ratio:16/9;object-fit:cover}.photo-credit{overflow-wrap:anywhere}.shared-target{outline:3px solid #e0a526}#more{display:block;margin:24px auto}#more[hidden]{display:none}.detail-inner .close-detail{margin-top:18px}
@media(max-width:900px){.idea-grid,.game-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.allocation{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.nav{height:64px;gap:8px}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.nav-badges{gap:0;font-size:14px}.filter-grid{gap:14px}.filter-grid label{font-size:14px}.filter-grid label:first-child,.filter-grid label:nth-child(2){grid-column:span 1}.control-panel{padding:16px}.filter-grid small{font-size:12px}.idea-grid,.game-rail,.guide-links{grid-template-columns:1fr}.allocation{grid-template-columns:repeat(2,minmax(0,1fr))}.card-visual{height:210px}.section-heading{align-items:start;flex-direction:column;gap:12px}.guide-hero h1{font-size:32px}.guide-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-inner{padding:18px}.cost-grid{grid-template-columns:1fr}.cost-grid dd{margin-bottom:8px}.guide-content{display:block}.guide-sidebar{margin-top:28px}.footer-inner{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.game-rail{grid-auto-flow:row;grid-auto-columns:auto}.game-body h3{overflow-wrap:anywhere}.footer p,.footer a{font-size:14px}@media(max-width:600px){.nav-badges{display:flex}}