/* GTA IV reference explorer — built with a canvas to avoid framework collisions. */
.classic-page{background:#100f1d}.classic-app .portal-main{max-width:1800px}.classic-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.classic-head h1{color:#ffe0a9;margin:4px 0;font-size:clamp(27px,3.2vw,44px)}.classic-head h1 span{color:#f2b76f}.classic-head p{margin:6px 0;color:#cbbdce;font-size:13px}.classic-world-picker{white-space:nowrap;padding:10px 13px;border:1px solid #836381;border-radius:11px;font-size:12px;color:#ffce9c}.classic-workspace{grid-template-columns:minmax(245px,270px) minmax(0,1fr) minmax(245px,285px);gap:14px;min-height:min(75vh,730px)}.classic-sidebar,.classic-detail{max-height:750px;overflow:auto;background:#211a2c;border:1px solid #6d536f}.classic-sidebar h3,.classic-detail h2{font-size:20px}.classic-side-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.classic-side-title strong{font-size:16px}.classic-side-title small{color:#e2bf9a;font-size:10px;max-width:115px;text-align:right}.classic-search{display:block;margin:12px 0}.classic-search input{width:100%;font-size:12px;padding:11px}.classic-search span{display:none}.classic-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.classic-toolbar button,.classic-inner button,.classic-detail button,.classic-layer-dock button,.classic-zoom button{border:1px solid #835979;color:#ffebe7;background:#332941;border-radius:8px;padding:9px;font-size:12px}.classic-toolbar button[aria-pressed=true],.classic-layer-dock button[aria-pressed=true]{background:#765074;border-color:#ecbd7e}.classic-sidebar details{border-top:1px solid #58465f;padding:9px 0}.classic-sidebar summary{cursor:pointer;color:#ffe0b3;font-weight:800;font-size:12px;padding:5px 0}.classic-sidebar summary span{color:#dcc4d9}.classic-cat-list{display:flex;gap:7px;flex-wrap:wrap;padding:9px 0}.classic-cat-list button{font-size:11px;border:1px solid #745376;border-radius:20px;background:#33263f;color:#efe3f0;padding:6px 9px}.classic-cat-list button[aria-pressed=true]{background:#764a67;border-color:#efc68e}.classic-sort{display:flex;align-items:center;gap:8px;padding:10px 0}.classic-sort label{font-size:11px;color:#bbafc1}.classic-sort select{font-size:12px;flex:1;padding:7px}.classic-results{overflow:auto;max-height:295px;display:flex;flex-direction:column;gap:6px}.classic-result{display:block;width:100%;text-align:left;border:1px solid #594a67;background:#2c233b;color:#f7e8f2;border-radius:8px;padding:9px;line-height:1.3}.classic-result:hover,.classic-result[aria-current=true]{border-color:#ffbf84;background:#44304e}.classic-result strong{display:block;font-size:12px}.classic-result small{display:block;font-size:10px;color:#b9aabd;margin-top:3px}.classic-inner{color:#bdb1c9;font-size:12px}.classic-inner a{color:#f8cb8b}.classic-stops{display:grid;gap:5px;padding:8px 0}.classic-stops div{background:#32253d;padding:6px 8px;border-radius:7px}.classic-route-actions{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.classic-map{min-height:640px;border:1px solid #755e77;background:radial-gradient(ellipse at center,#233343,#111723 70%);touch-action:none}.classic-map canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}.classic-map canvas:active{cursor:grabbing}.classic-map-top{right:10px;left:10px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;pointer-events:none}.classic-map-top>*{pointer-events:auto}.classic-map-label{padding:7px 12px;border:1px solid #8c7687;background:#180f21dc;border-radius:10px;display:flex;flex-direction:column;font-size:11px}.classic-map-label b{letter-spacing:.1em;color:#ffd7a4}.classic-map-label span{color:#c9bacd}.classic-layer-dock{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:#1a1427ea;border:1px solid #795d81;border-radius:11px;padding:7px}.classic-layer-dock label{font-size:11px;color:#e2c7d8}.classic-layer-dock select{font-size:11px;padding:7px;max-width:145px}.classic-layer-dock button{padding:8px}.classic-zoom button{background:#251e32db;font-size:21px;width:39px;height:39px;padding:3px}.classic-map-foot{position:absolute;z-index:3;bottom:10px;left:10px;right:54px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;pointer-events:none}.classic-map-foot small{font-size:10px;background:#151022e0;border-radius:7px;padding:6px 8px;color:#e7d5e6}.classic-detail{position:relative}.detail-head{display:flex;justify-content:space-between;align-items:center;color:#f2bc84;font-size:11px;letter-spacing:.08em}.detail-head button{padding:4px 10px}.detail-placeholder{display:block;text-align:center;font-size:52px;color:#e4b887;margin-top:24px}.detail-intro p,.detail-intro h2{color:#cabbd0}.detail-intro h2{margin:4px}.detail-content{color:#c6b7c8}.detail-kicker{font-size:10px;letter-spacing:.08em;color:#f6cb96}.classic-detail p,.classic-detail dl{color:#d0c3d0;font-size:12px}.classic-detail dt{color:#ffce99}.classic-detail dd{margin:3px 0 12px}.detail-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.classic-detail a{color:#ffe0a3}.classic-footer{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding:16px 0;color:#b8a8bc;font-size:11px}.classic-footer a{color:#f8c990}@media(max-width:1280px){.classic-workspace{grid-template-columns:minmax(220px,265px) minmax(0,1fr)}.classic-detail{grid-column:1/-1;max-height:none}}@media(max-width:930px){.classic-workspace{grid-template-columns:minmax(0,1fr)}.classic-sidebar{max-height:none}.classic-map{min-height:min(72vh,600px)}.classic-detail{grid-column:auto}.classic-head{align-items:flex-start}}@media(max-width:580px){.classic-head{flex-direction:column;gap:5px}.classic-map{min-height:490px}.classic-map-top{flex-direction:column;align-items:flex-start}.classic-layer-dock{max-width:calc(100% - 8px)}.classic-layer-dock select{max-width:122px}.classic-map-foot{right:46px}.classic-workspace{gap:9px}}