/* Shared public layout; load after base styles.css. */
@media screen {
:root{--bg:#0c0c0d;--panel:#171719;--line:#414144;--muted:#b8b8bf;--radius:6px;--shadow:none}
body.renewal{background:#0c0c0d;color:#f4f3ef;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.7}
.renewal .container{width:min(1240px,calc(100% - 48px))}.renewal .site-header{background:#0c0c0df5;border-bottom:1px solid #37373a}.renewal .header-inner{height:72px}.renewal .brand-image-logo{height:48px}.renewal .nav{font-size:12px;gap:28px}.renewal .nav a{padding:12px 0}
.renewal .eyebrow{color:#d3d3d7;letter-spacing:.2em;font-size:10px}.renewal .hero{padding:40px 0 0}.renewal .hero-grid{grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.renewal .hero h1{font-size:clamp(38px,5.5vw,76px);line-height:1.2;font-weight:750;letter-spacing:-.065em;margin:18px 0 24px}.renewal .hero h1 span{color:#f4f3ef}.renewal .hero p{font-size:15px;line-height:1.9;max-width:480px;color:#bdbdc5}
.renewal .search-shell{background:#eeede8;color:#151517;padding:24px;border:0;border-radius:6px;box-shadow:none;margin-top:30px}.rn-search-label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:12px}.renewal .search-row input,.renewal .input{background:#f8f7f3;color:#141416;border:1px solid #818187;border-radius:4px;min-height:52px;font-size:16px}.renewal input::placeholder{color:#62626a;opacity:1}.renewal .search-row input:focus{border-color:#131315;box-shadow:0 0 0 2px #13131533}.renewal .btn{background:#bb1630;color:#fff;border-radius:4px;min-height:48px;box-shadow:none;font-weight:700}.renewal .btn.secondary,.renewal .btn.ghost{background:#252528;color:#eee;border-color:#696970}.renewal .btn:hover{background:#d3223d}.renewal .btn.secondary:hover,.renewal .btn.ghost:hover{background:#3a3a40}.renewal :is(button,a,input,summary,select,textarea):focus-visible{outline:3px solid #fa6177;outline-offset:3px}
.rn-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.rn-filters button{padding:7px 14px;min-height:40px;border:1px solid #adadb1;border-radius:4px;background:transparent;color:#35353b;font-size:12px}.rn-filters button[aria-pressed=true]{background:#1b1b1e;border-color:#1b1b1e;color:#fff}
.renewal .stat-strip{display:flex;gap:0;border-top:1px solid #48484f;border-bottom:1px solid #48484f;margin-top:48px;padding:20px 0}.renewal .stat{background:transparent;border:0;border-radius:0;flex:1;padding:0 24px;border-left:1px solid #48484f}.renewal .stat:first-child{padding-left:0;border-left:0}.renewal .stat b{font-size:28px;font-weight:650;line-height:1.25}.renewal .stat span{font-size:11px;color:#bdbdc5}
.renewal .hero-preview{background:#161619;border:1px solid #55555c;border-radius:6px;padding:30px;transform:rotate(-3deg);box-shadow:22px 22px 0 #141416}.rn-art-label{font-size:10px;letter-spacing:.1em;color:#cacad0;margin-bottom:24px}.renewal .preview-window{border:0;border-radius:3px;background:#e6e6e2}.renewal .preview-top{border-color:#bbb;background:#d0d0cf}.renewal .dot{background:#818187}.renewal .preview-map{padding:38px 20px;gap:10px}.renewal .mini-seat{height:45px;border-radius:2px;background:#f8f8f6;border:1px solid #92929a;color:#303037}.renewal .mini-seat.hit{background:#07579d;border-color:#54b0ff;color:#fff;box-shadow:none}
.renewal .section{padding:48px 0}.renewal .section-head{margin-bottom:24px;align-items:center}.renewal .section h2{font-size:28px;font-weight:650;letter-spacing:-.03em}.renewal .hall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:transparent;border:0;border-radius:6px}.renewal .hall-card{background:#ecebe6;color:#171719;border:1px solid #55555c;border-radius:6px;box-shadow:none;padding:28px;min-width:0;display:flex;flex-direction:column}.renewal .hall-card:hover{transform:none;background:#fffefa}.renewal .hall-card h3{font-size:23px;letter-spacing:-.04em;line-height:1.45;margin:26px 0 12px;overflow-wrap:anywhere}.renewal .hall-card .tag{background:transparent;color:#494950;border:0;padding:0;border-radius:0;font-size:11px;letter-spacing:.06em}.renewal .hall-card .hall-meta{color:#55555d;font-size:11px;gap:6px}.renewal .hall-card .feature-row{margin-bottom:24px}.renewal .feature-row span{background:transparent;border-color:#aaaab0;color:#57575d;border-radius:2px;font-size:10px}.renewal .card-link{border-top:1px solid #aaaab0;margin-top:auto;padding-top:18px;color:#94152b;font-size:13px}.renewal .favorite-badge{color:#a41830}.renewal .empty-state{background:#171719;color:#ccc;border:0;border-radius:0}.renewal .info-grid{gap:12px}.renewal .info-card{background:#1b1b1e;border-color:#494951;box-shadow:none}.renewal .info-card .step{background:#eee;color:#161619}.rn-how{border-top:1px solid #4b4b52;padding:24px 0}.rn-how summary{cursor:pointer;font-size:16px;min-height:44px}.rn-how>.container{width:100%}.renewal .page-title{padding:34px 0 0}.renewal .page-title h1{font-size:clamp(32px,4.5vw,60px);letter-spacing:-.055em;line-height:1.2}.renewal .page-title .search-shell{max-width:none;margin-top:28px!important}.renewal .footer{border-color:#414148;color:#b2b2bc;padding:32px 0}.renewal .footer-links{font-size:12px}
/* Working map: compact header and search, large white map, secondary tools disclosed. */
.rn-hall .breadcrumb{display:none}.rn-hall .hall-hero{padding:12px 0}.rn-hall .hall-title-row h1{font-size:28px;letter-spacing:-.04em;line-height:1.3;margin:7px 0}.rn-hall .hall-title-row{display:block}.rn-info{margin-top:8px;border-top:1px solid #44444c;padding-top:5px;font-size:12px}.rn-info summary{cursor:pointer;min-height:32px;color:#bdbdc7}.rn-info .hall-meta{padding-block:12px}.rn-info .hall-actions{margin-bottom:12px}.rn-hall .data-summary{font-size:11px;padding-block:8px;align-items:center}.rn-hall .data-summary .btn{min-height:36px;font-size:11px}.rn-hall .page-nav{top:72px;background:#0c0c0df5;gap:0;padding-top:0;padding-bottom:0;border-bottom:1px solid #777780}.rn-hall .page-nav button{border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;padding:10px 8px;font-size:13px;min-height:46px}.rn-hall .page-nav button.active{background:#eee;color:#151517;border-bottom-color:#bc1830}.rn-hall .hall-layout{padding-top:18px!important}.rn-hall .main-stack{grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.rn-hall #searchCard{grid-column:1;grid-row:1;background:#ecebe6;color:#151517;border:0;border-radius:6px;padding:20px}.rn-hall .map-card{grid-column:2;grid-row:1 / span 2;background:#171719;border:1px solid #55555b;border-radius:6px}.rn-hall .main-stack>.status-note,.rn-hall .recommended-section,.rn-hall #shortlistPanel{grid-column:1/-1}.rn-hall .map-toolbar{padding:12px 16px;border-color:#44444c;gap:12px}.rn-hall .map-toolbar strong{font-size:13px;color:#f4f3ef}.rn-hall .map-toolbar-actions{gap:5px}.rn-hall .icon-btn{background:#252529;border-color:#74747d;border-radius:4px;color:#eee;min-height:44px}.rn-hall .map-viewport{background:#fff;min-height:400px}.rn-hall .map-viewport svg{height:clamp(400px,64vh,780px)}.rn-hall .map-hint{font-size:10px;padding:6px 8px;border-radius:4px}.rn-hall .search-tabs{gap:0;display:flex;border-bottom:1px solid #aaaab0}.rn-hall .tab{flex:1;border:0;border-radius:0;background:transparent;color:#53535b;font-size:12px;min-height:44px}.rn-hall .tab.active{border-bottom:3px solid #b51b33;color:#151517;background:transparent}.rn-hall .search-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rn-hall .search-row input{grid-column:1/-1}.rn-hall .search-row .btn{min-height:44px}.rn-hall #clearBtn{background:transparent;color:#383840;border-color:#82828a}.rn-quick{font-size:11px;margin-top:12px}.rn-quick summary{min-height:36px;cursor:pointer}.rn-hall .chip{background:#dfded8;color:#38383f;border-color:#aaaab0;border-radius:4px;min-height:40px}.rn-hall .map-value-switch{margin-top:14px;background:#d6d5d0;border:0;border-radius:4px;gap:4px;padding:4px}.rn-hall .map-value-btn{font-size:11px;color:#4c4c54;min-height:40px;min-width:0;border-radius:3px;padding:0 9px!important}.rn-hall .map-value-btn.active{background:#1d1d21;color:#fff;box-shadow:none}.rn-hall .result-summary{background:#deddd7;color:#151517;border-color:#aaaab0}.rn-map-settings{padding:12px 16px;border-top:1px solid #4f4f57;font-size:12px}.rn-map-settings summary{cursor:pointer;min-height:32px}.rn-hall .map-data-controls{background:transparent;padding:12px 0;border:0}.rn-extra-buttons{display:flex;gap:8px;flex-wrap:wrap}.rn-hall .diff-legend{padding:10px 16px;color:#c8c8d0;margin:0}.rn-hall .recommended-section,.rn-hall #shortlistPanel{background:#18181b;border-color:#484850;border-radius:6px}.rn-hall .recommended-row{border-color:#505059;background:#222226;border-radius:5px}.rn-hall .recommended-row:hover{background:#303036;border-color:#999;transform:none}.rn-hall .recommend-rank{background:#eee;color:#151517;box-shadow:none}.rn-hall .recommend-basis{background:#35353b;color:#eee}.rn-hall .recommend-period-switch,.rn-hall .recommend-mode-switch{background:#151518;border-color:#606068}.rn-hall .recommend-period-switch button.active,.rn-hall .recommend-mode-switch button.active{background:#eee;color:#151517;box-shadow:none}.rn-hall .recommend-metric.selected-period{background:#303038;box-shadow:inset 0 0 0 1px #777}.rn-hall .recommend-metric.selected-period em{color:#eee}.rn-hall .recommend-list-badge{background:#29292f;border-color:#777;color:#eee}.rn-hall .machine-list{gap:1px;background:#666;border:1px solid #666}.rn-hall .machine-row{background:#222226;color:#eee;border:0;border-radius:0;padding:14px;min-width:0}.rn-hall .machine-row span,.rn-hall .detail-machine,.rn-hall .recommend-main small{overflow-wrap:anywhere}.rn-hall .machine-row b{color:#ccc}.rn-hall .bottom-machine-section .card{background:#171719;border-color:#505058;border-radius:6px}.rn-hall .detail-seat,.renewal .stat b,.rn-hall .history-table,.rn-hall .recommend-metrics,.rn-hall .stat-box strong{font-variant-numeric:tabular-nums}.rn-hall .seat-dialog{border-radius:8px}.rn-hall .map-card,.rn-hall #searchCard{scroll-margin-top:140px}
@media(max-width:900px){.renewal .hero-grid{gap:30px}.renewal .hero-preview{padding:18px}.renewal .hall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rn-hall .main-stack{grid-template-columns:1fr}.rn-hall #searchCard,.rn-hall .map-card{grid-column:1;grid-row:auto}.rn-hall .search-row{grid-template-columns:minmax(0,1fr) auto auto}.rn-hall .search-row input{grid-column:auto}.rn-hall .rn-search-label{display:none}.rn-hall .search-tabs{margin-bottom:8px}.rn-hall .rn-quick{margin-top:6px}.rn-hall .map-value-switch{margin-top:6px}.rn-hall .map-viewport svg{height:clamp(370px,60vh,640px)}}
@media(max-width:620px){.renewal .container{width:calc(100% - 28px)}.renewal .header-inner{height:60px}.renewal .brand-image-logo{height:42px;max-width:140px}.renewal .hero{padding:22px 0 0}.renewal .hero-grid{grid-template-columns:1fr;gap:0}.renewal .hero h1{font-size:clamp(35px,9vw,48px);margin:14px 0 18px;letter-spacing:-.06em}.renewal .hero p{font-size:13px;line-height:1.8;margin:0}.renewal .hero-preview{display:none}.renewal .search-shell{padding:18px;margin-top:24px}.renewal .search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.renewal .search-row input{padding:0 12px}.renewal .search-row .btn{font-size:12px;padding:0 14px}.rn-filters{gap:6px}.rn-filters button{padding:6px 12px}.renewal .stat-strip{margin-top:24px;padding:16px 0}.renewal .stat{padding-inline:16px}.renewal .stat b{font-size:23px}.renewal .stat span{font-size:10px}.renewal .section{padding:30px 0}.renewal .section-head{margin-bottom:16px;gap:10px}.renewal .section h2{font-size:22px}.renewal .section-head .muted{font-size:11px}.renewal .hall-grid{grid-template-columns:1fr}.renewal .hall-card{padding:22px}.renewal .hall-card h3{font-size:23px;margin:14px 0 8px}.renewal .hall-card .feature-row{margin-bottom:18px}.renewal .card-link{padding-top:14px}.renewal .page-title{padding:22px 0 0}.renewal .page-title h1{font-size:33px;margin-block:16px}.renewal .page-title p{font-size:13px}.rn-hall .hall-title-row h1{font-size:21px}.rn-hall .hall-hero{padding:6px 0}.rn-hall .hall-hero .eyebrow{font-size:9px}.rn-hall .page-nav{top:60px}.rn-hall .hall-layout{padding-top:10px!important}.rn-hall .main-stack{gap:10px}.rn-hall #searchCard{padding:10px 12px}.rn-hall .search-row{grid-template-columns:minmax(0,1fr) auto auto;gap:5px}.rn-hall .search-row .btn{padding:0 9px;min-height:44px;font-size:12px}.rn-hall .search-row input{min-height:44px}.rn-hall .tab{min-height:36px;padding:6px 8px}.rn-hall .rn-quick summary{min-height:28px}.rn-hall .map-value-btn{font-size:10px;min-height:34px;padding:0 6px!important}.rn-hall .map-toolbar{padding:10px;gap:6px}.rn-hall .map-toolbar .muted{display:none}.rn-hall .map-toolbar>div:first-child{flex:0 0 auto}.rn-hall .map-toolbar-actions{width:auto;margin-left:auto}.rn-hall .icon-btn.wide{min-width:66px}.rn-hall .map-viewport{min-height:370px}.rn-hall .map-viewport svg{height:390px}.rn-hall .map-hint{left:6px;bottom:6px;font-size:9px}.rn-hall .data-summary{font-size:10px}.rn-hall .card-pad{padding:14px}.rn-hall .recommend-metric b{font-size:13px}.rn-hall .recommended-row{padding:12px}.rn-hall .recommend-metrics{gap:3px}}
@media(max-width:360px){.rn-hall .recommend-metrics{grid-template-columns:1fr;text-align:left}.rn-hall .recommend-metric{padding:8px!important;border-left:0}.rn-hall .recommend-metric b{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.renewal .btn{transition:transform .18s ease,background-color .18s ease}.renewal .btn:active{transform:scale(.95)}.renewal .hall-card{animation:rn-enter .55s ease backwards}.renewal .hall-card:nth-child(2){animation-delay:.08s}.renewal .hall-card:nth-child(3){animation-delay:.16s}.renewal .hero h1{animation:rn-enter .75s ease backwards}@keyframes rn-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.renewal *,.renewal *::before,.renewal *::after{animation:none!important;transition:none!important}}
}

@media screen{.rn-hall .main-stack>.ad-wrap,.rn-hall .main-stack>.ad-label{grid-column:1/-1}.rn-hall [data-ring-placement-note]{display:block!important;white-space:normal;font-size:11px;color:#b8b8bf}.rn-hall .map-toolbar:has([data-ring-placement-note])>div:first-child{flex:1 1 170px}}