:root{font-family:Inter,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#eaffff;background:#050a0f;--cyan:#55ffe2;--blue:#59baff;--violet:#9d6dff;--magenta:#ff5ca8;--ink:#071014;--panel:#0d1820;--paper:#f3f8f9}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#050a0f 0,#09131a 480px,#eef4f5 480px,#f6f8f9 100%);min-height:100vh}button,input,select{font:inherit}.hero{position:relative;overflow:hidden;color:#fff;border-bottom:1px solid rgba(85,255,226,.35);background:radial-gradient(circle at 78% 14%,rgba(85,255,226,.2),transparent 24%),radial-gradient(circle at 16% 72%,rgba(157,109,255,.22),transparent 27%),linear-gradient(132deg,#050a0f,#0c1820 52%,#15132a)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(85,255,226,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(85,255,226,.065) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}.hero:after{content:"HETEROCITY / 07";position:absolute;right:-18px;bottom:16px;font-size:clamp(40px,7vw,90px);font-weight:950;letter-spacing:-.06em;color:rgba(255,255,255,.035);transform:rotate(-4deg)}.city-block{position:absolute;pointer-events:none;border:1px solid rgba(85,255,226,.18);background:linear-gradient(135deg,rgba(85,255,226,.06),rgba(157,109,255,.04));backdrop-filter:blur(2px)}.city-block-a{width:280px;height:110px;right:5%;top:52px;transform:skewX(-17deg) rotate(-5deg)}.city-block-b{width:170px;height:70px;right:20%;top:210px;border-color:rgba(255,92,168,.22);transform:skewX(13deg) rotate(4deg)}.hero-inner,main,footer{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero-inner{position:relative;z-index:2;min-height:400px;padding:58px 0 48px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:end}.eyebrow{margin:0 0 10px;font-size:10px;font-weight:950;letter-spacing:.22em;color:var(--cyan)}.eyebrow.dark{color:#187a7a}h1{margin:0;font-size:clamp(54px,9vw,104px);line-height:.83;letter-spacing:-.07em;text-shadow:0 0 34px rgba(85,255,226,.12)}h1 span{display:block;margin-top:12px;font-size:.29em;letter-spacing:.15em;color:#c9fff6}.lead{max-width:730px;margin:24px 0 0;color:#c0dbde;line-height:1.9}.route-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.route-strip span{padding:7px 9px;border:1px solid rgba(85,255,226,.23);background:rgba(3,12,17,.45);font-size:8px;font-weight:900;letter-spacing:.12em;transform:skewX(-8deg)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;border:1px solid rgba(85,255,226,.23);background:rgba(2,10,15,.58);backdrop-filter:blur(14px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hero-stats div{padding:12px;background:rgba(255,255,255,.035);border-left:2px solid rgba(85,255,226,.35)}.hero-stats strong{display:block;font-size:30px;color:var(--cyan)}.hero-stats span{font-size:9px;color:#9ec4c5}.hero-stats a{grid-column:1/-1;margin-top:5px;color:#e0fffb;font-size:11px;font-weight:900;text-decoration:none}.hero-stats a:hover{color:var(--cyan)}main{color:#152127;padding:28px 0 70px}.notice-box{position:relative;display:grid;gap:5px;padding:16px 18px;margin-bottom:16px;background:#e8fffb;border:1px solid #a8e4dc;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);font-size:11px;color:#31524f}.notice-code{font-size:8px;font-weight:950;letter-spacing:.16em;color:#11776e}.notice-box strong{font-size:13px;color:#075f59}.filters{position:relative;background:rgba(255,255,255,.96);border:1px solid #d1e1e2;padding:22px;box-shadow:0 16px 44px rgba(20,58,62,.08);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.terminal-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:9px;border-bottom:2px solid #15242a}.terminal-label span{font-size:9px;font-weight:950;letter-spacing:.2em}.terminal-label b{font-size:12px;color:#8d57ca}.search-box{display:grid;gap:7px;font-size:11px;font-weight:900}.search-box input,.selects select{width:100%;border:1px solid #c9dcdd;border-radius:2px;background:#fff;padding:12px 13px;outline:none;color:#172128}.search-box input:focus,.selects select:focus{border-color:#42b7aa;box-shadow:0 0 0 3px rgba(66,183,170,.12)}.filter-section{margin-top:18px}.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.filter-head strong{font-size:12px}.filter-head button{border:0;background:transparent;text-decoration:underline;color:#617578;font-size:10px;cursor:pointer}.chips{display:flex;gap:7px;flex-wrap:wrap;max-height:118px;overflow:auto}.chip{border:1px solid #cbdede;background:#fff;border-radius:2px;padding:7px 10px;font-size:10px;font-weight:850;color:#284246;cursor:pointer;transition:.14s ease}.chip:hover{border-color:#8dbbb7;transform:translateY(-1px)}.chip.active{background:#10242b;border-color:#10242b;color:var(--cyan);box-shadow:3px 3px 0 rgba(157,109,255,.2)}.selects{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.selects label{display:grid;gap:6px;font-size:10px;font-weight:900}.results-head{display:flex;justify-content:space-between;align-items:end;margin:36px 2px 14px}.results-head h2{margin:0;font-size:30px}.result-meta{display:grid;gap:4px;text-align:right;color:#6b7b7d;font-size:10px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{position:relative;overflow:hidden;border:1px solid #d2e0e1;background:#fff;box-shadow:0 8px 24px rgba(21,64,68,.06);cursor:pointer;transition:.16s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.card:before{content:"CITY GOODS";position:absolute;z-index:4;right:8px;top:8px;padding:3px 5px;background:rgba(7,16,20,.78);color:#bffdf2;font-size:7px;font-weight:950;letter-spacing:.13em}.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(21,64,68,.14);border-color:#75c7be}.card-image{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(circle at 75% 18%,rgba(85,255,226,.13),transparent 35%),linear-gradient(145deg,#edf9f7,#f5f1ff);overflow:hidden;border-bottom:1px solid #dbe7e8}.card-image:after{content:"";position:absolute;inset:auto -20% -44% auto;width:68%;height:68%;border-radius:50%;background:rgba(157,109,255,.1);filter:blur(11px)}.card-image img{display:block;max-width:96%;max-height:96%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.status-badge{position:absolute;z-index:3;top:9px;left:9px;padding:6px 8px;border-radius:2px;font-size:8px;font-weight:950;background:#247460;color:#fff}.status-badge.reserve{background:#7048ba}.status-badge.low{background:#a3691f}.status-badge.event{background:#774591}.status-badge.end{background:#747c80}.status-badge.unknown{background:#667078}.card-body{padding:13px;display:grid;gap:8px}.market-row{display:flex;gap:5px;flex-wrap:wrap}.market{font-size:8px;font-weight:900;padding:4px 6px;border-radius:2px;border:1px solid}.market.new{color:#08776c;background:#e7fbf6;border-color:#9fe0d7}.market.event{color:#714783;background:#f6edf9;border-color:#dbc2e4}.card-title{margin:0;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;color:#172128}.price{font-size:18px;font-weight:950;color:#0c625f}.muted{color:#758487;font-size:10px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:9px;padding:4px 6px;border:1px solid #dce7e7;background:#f8fbfb;border-radius:2px}.shop-count{margin-top:2px;padding-top:8px;border-top:1px solid #e7eeee;font-size:9px;font-weight:900;color:#47676b}.empty{display:grid;gap:6px;padding:54px 20px;text-align:center;color:#718084;border:1px dashed #cbdadb;background:rgba(255,255,255,.6)}.empty strong{color:#36565a}.modal{width:min(800px,calc(100% - 28px));max-height:88dvh;padding:0;border:1px solid rgba(85,255,226,.28);border-radius:2px;box-shadow:0 30px 90px rgba(5,23,27,.48);background:#0b141a}.modal::backdrop{background:rgba(4,12,17,.78);backdrop-filter:blur(5px)}.modal-shell{position:relative;display:grid;grid-template-columns:290px 1fr;max-height:88dvh;overflow:auto;background:#fff}.modal-close{position:absolute;z-index:4;right:13px;top:13px;width:38px;height:38px;border-radius:2px;border:1px solid #cfe0e0;background:#fff;font-size:24px;cursor:pointer}.modal-image{min-height:430px;display:grid;place-items:center;background:radial-gradient(circle at 75% 18%,rgba(85,255,226,.13),transparent 35%),linear-gradient(145deg,#eaf8f6,#f4f0ff);border-right:1px solid #dce9e9}.modal-image img{max-width:96%;max-height:96%;object-fit:contain}.modal-content{padding:28px;color:#172128}.modal-content h2{margin:0 42px 12px 0;font-size:20px;line-height:1.5}.modal-price{margin:18px 0 6px;font-size:25px;font-weight:950;color:#0c625f}.modal-content h3{margin:24px 0 9px;font-size:14px}.shop-list{display:grid;gap:8px}.shop-link{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:inherit;border:1px solid #d8e5e5;border-radius:2px;padding:12px;background:#fff}.shop-link:hover{border-color:#72beb7;background:#f8fffe;box-shadow:3px 3px 0 rgba(157,109,255,.1)}.shop-main{display:grid;gap:3px}.shop-main strong{font-size:12px}.shop-main span{font-size:9px;color:#718084}.shop-price{text-align:right;font-size:11px;font-weight:900}.notice{margin-top:16px;font-size:9px;line-height:1.7;color:#7d898b}footer{color:#637578;padding:25px 0 40px;border-top:1px solid #dce7e7;font-size:10px}@media(max-width:940px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.selects{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{background:linear-gradient(180deg,#050a0f 0,#09131a 390px,#eef4f5 390px,#f6f8f9 100%)}.hero-inner,main,footer{width:min(100% - 22px,1180px)}.hero-inner{min-height:auto;padding:38px 0 32px;grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr}.city-block{opacity:.55}.selects{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-title{font-size:12px;min-height:54px}.price{font-size:15px}.modal{inset:auto 0 0 0;width:100%;max-height:90dvh;margin:0;border-radius:10px 10px 0 0}.modal-shell{grid-template-columns:110px 1fr;max-height:90dvh}.modal-image{min-height:190px;align-self:start}.modal-content{padding:20px 14px}.modal-content h2{font-size:14px;margin-right:38px}.modal-price{font-size:20px}.shop-link{padding:10px}.chips{max-height:100px}.notice-box{align-items:flex-start}.route-strip{gap:5px}h1{font-size:58px}}