:root{
  --bg:#080b0a;
  --panel:#121815;
  --panel2:#0d120f;
  --line:#2a342f;
  --text:#f2f4ef;
  --muted:#aab3ad;
  --accent:#f08a24;
  --accent2:#ffbd4a;
  --danger:#a55;
  --radius:18px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-width:320px;
  background:radial-gradient(circle at 50% -10%,#26332d,#080b0a 55%);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
.nav{
  position:sticky;top:0;z-index:20;
  display:flex;justify-content:space-between;align-items:center;
  gap:18px;padding:14px max(5%,24px);
  background:rgba(10,14,12,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
.brand{font-weight:1000;letter-spacing:2px;white-space:nowrap}
.brand small{display:block;color:var(--accent);font-size:10px;letter-spacing:1px}
.nav-toggle{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;
  border:1px solid var(--line);border-radius:12px;
  background:var(--panel);color:var(--text);cursor:pointer;
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{
  display:block;width:20px;height:2px;background:currentColor;border-radius:2px;
  transition:.2s;
}
.nav-toggle span{position:relative}
.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}
.nav-toggle span:before{top:-7px}.nav-toggle span:after{top:7px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span:before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:after{top:0;transform:rotate(-45deg)}
.links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.links>a{padding:9px 10px;border-radius:10px}
.links>a:hover{background:#18201b}
.container{width:min(var(--container),90%);margin:auto;padding:45px 0}
.hero{
  display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:center;
  min-height:380px;
}
.eyebrow,.tag{color:var(--accent2);font-weight:800;letter-spacing:2px;font-size:12px}
.hero h1{font-size:clamp(42px,8vw,86px);line-height:.9;margin:14px 0}
.hero p{max-width:680px;color:var(--muted);font-size:19px}
.phoenix-mark{font-size:clamp(80px,10vw,120px);text-align:center;text-shadow:0 0 50px #e75b1c}
.phoenix-mark b{font-size:25px;display:block;letter-spacing:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px}
.card{
  min-width:0;
  background:linear-gradient(145deg,#151c18,#0d120f);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;box-shadow:0 18px 50px #0007;
}
.card img{width:100%;height:210px;object-fit:cover;border-radius:12px;margin-bottom:15px}
.count{font-size:30px;color:var(--accent2)}
input,textarea,select{
  width:100%;background:#090d0b;color:var(--text);
  border:1px solid var(--line);border-radius:10px;
  padding:12px;margin:7px 0 12px;min-height:46px;
}
input[type=checkbox],input[type=radio]{width:auto;min-height:0;margin-right:8px}
input[type=file]{padding:9px}
textarea{min-height:130px;resize:vertical}
input:focus,textarea:focus,select:focus,.btn:focus-visible,.nav-toggle:focus-visible,a:focus-visible{
  outline:2px solid var(--accent2);outline-offset:2px;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;border:0;border-radius:10px;
  background:linear-gradient(135deg,var(--accent2),var(--accent));
  color:#171008;font-weight:900;padding:11px 18px;cursor:pointer;
  text-align:center;white-space:normal;
}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
.mini{min-height:38px;padding:7px 11px;font-size:12px}
.flash{width:min(var(--container),90%);margin:14px auto;padding:13px 18px;border-radius:10px;background:#252016}
.flash.success{border:1px solid #3d6}.flash.error{border:1px solid #a55}
.topic{padding:15px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.narrow{max-width:500px;margin:auto}
.muted{color:var(--muted)}
footer{padding:30px 5%;border-top:1px solid var(--line);color:var(--muted);text-align:center}
.cart-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:2px 6px;border-radius:999px;
  background:var(--accent);color:#160e05;font-size:11px;text-align:center;
}
.shopbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 28px;flex-wrap:wrap}
.shopbar .tag{display:inline-block;margin:4px}
.product-card{display:flex;flex-direction:column}
.product-placeholder{
  height:210px;border-radius:12px;margin-bottom:15px;
  background:radial-gradient(circle,#3a2415,#101512 65%);
  display:flex;align-items:center;justify-content:center;font-size:80px
}
.product-bottom{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:auto}
.price{font-size:26px;color:var(--accent2)}
.buyrow{display:flex;gap:10px;align-items:center}
.buyrow .qty{max-width:90px;margin-bottom:0}
.cart-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:12px 0}
.cart-row>div{min-width:0}
.checkoutbar{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  margin-top:22px;padding:20px;border-top:1px solid var(--line);font-size:24px
}
.checkoutbar .btn{font-size:15px}
.notice{margin-top:28px;padding:16px 18px;border:1px solid #4b4430;border-radius:12px;color:var(--muted);background:#17150e}
form{max-width:100%}
label{display:block}
h1,h2,h3,p{overflow-wrap:anywhere}
@media(max-width:820px){
  .nav{padding:10px 5%}
  .nav-toggle{display:flex;flex:0 0 auto}
  .links{
    display:none;position:absolute;left:0;right:0;top:100%;
    padding:10px 5% 14px;background:rgba(10,14,12,.98);
    border-bottom:1px solid var(--line);box-shadow:0 15px 30px #0008;
  }
  .links.open{display:flex;flex-direction:column;align-items:stretch}
  .links>a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:11px 12px}
  .links .btn{justify-content:center}
  .hero{grid-template-columns:1fr;min-height:0;padding:25px 0 35px}
  .phoenix-mark{order:-1;font-size:72px}
  .phoenix-mark b{font-size:20px;letter-spacing:5px}
  .container{width:min(92%,680px);padding:30px 0}
  .grid{grid-template-columns:1fr}
  .card{padding:18px;border-radius:15px}
  .card img,.product-placeholder{height:clamp(170px,48vw,230px)}
  .shopbar{align-items:stretch}
  .shopbar>div{display:flex;flex-wrap:wrap}
  .shopbar>.btn{width:100%}
  .buyrow{align-items:stretch}
  .buyrow .qty{max-width:none;flex:0 0 88px}
  .buyrow .btn{flex:1}
}
@media(max-width:560px){
  .brand{font-size:14px;letter-spacing:1.5px}
  .brand small{font-size:8px;letter-spacing:.7px}
  .hero h1{font-size:clamp(38px,13vw,58px)}
  .hero p{font-size:16px}
  .container{width:92%;padding:24px 0}
  .card{padding:16px}
  .card h1{font-size:30px}.card h2{font-size:22px}
  input,textarea,select{font-size:16px} /* prevents iOS zoom */
  .btn{width:100%}
  .mini{width:auto}
  .product-bottom,.cart-row,.checkoutbar{flex-direction:column;align-items:stretch}
  .product-bottom{gap:5px}
  .price{font-size:24px}
  .buyrow{width:100%}
  .buyrow .qty{flex:0 0 82px}
  .cart-row{gap:8px}
  .checkoutbar{font-size:21px;padding:16px}
  .checkoutbar>div{display:flex;flex-direction:column;gap:8px}
  .shopbar .tag{padding:8px 5px}
  footer{padding:24px 5%;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}

.hero-polygon{min-height:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.polygon-badge{padding:35px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 20%,#d75b16,#151b17 55%);box-shadow:0 20px 60px #0009}.polygon-badge b{font-size:32px;line-height:1.1}.polygon-badge span{display:block;margin-top:12px;color:#ddd}.polygon-intro{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:30px 0}.fact-grid{display:grid;gap:10px}.fact-grid div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#0b100d}.fact-grid b,.fact-grid span{display:block}.fact-grid span{color:var(--muted);font-size:13px}.media-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 50px}.media-tile{min-height:170px;padding:24px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#172019,#0b100d);display:flex;flex-direction:column;justify-content:end}.media-tile span{font-size:50px}.media-tile b{font-size:20px;margin-top:15px}.media-tile small{color:var(--muted)}.event-stats{display:flex;justify-content:space-between;gap:10px;padding:12px 0;margin:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.event-form{display:grid;gap:2px}.rent-toggle{display:flex;align-items:center;gap:8px;margin:5px 0 10px;padding:11px;border:1px solid #5a3b1c;border-radius:10px;background:#1b140c;color:#ffc36b}.rent-toggle input{margin:0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.page-head h1{margin:8px 0}.topic-card{position:relative}.importance-high{border-color:#9a4d27}.importance-low{opacity:.86}.chat{padding:12px}.topic-opening,.message{padding:18px;border-bottom:1px solid var(--line)}.message{background:#0d130f;margin:10px 0;border-radius:12px}.message form{margin-top:8px}.rating-bar{height:10px;border-radius:10px;background:#232c27;overflow:hidden;margin:20px 0}.rating-bar span{display:block;height:100%;background:linear-gradient(90deg,#ef741f,#ffc34e)}.media-placeholder{min-height:180px;border-radius:14px;background:linear-gradient(145deg,#1b251f,#0b100d);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:55px}.media-placeholder small{font-size:13px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.notice{margin:20px 0}.product-card .price{margin:5px 0}.product-card input{margin-top:auto}.album-card{transition:transform .2s}.album-card:hover{transform:translateY(-2px)}
@media(max-width:820px){.polygon-intro{grid-template-columns:1fr}.media-hero{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.page-head>.btn{width:100%}.event-stats{flex-direction:column}.hero-actions .btn{flex:1}.polygon-badge{padding:25px}.table-wrap{margin-inline:-8px}.hero-polygon{min-height:0}}

.message-media,.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.message-media img,.message-media video,.media-grid img,.media-grid video{width:100%;height:220px;object-fit:cover;border-radius:12px;background:#080b0a}.message-media video,.media-grid video{object-fit:contain}.message-media img{cursor:zoom-in}@media(max-width:560px){.message-media,.media-grid{grid-template-columns:1fr}.message-media img,.message-media video,.media-grid img,.media-grid video{height:auto;max-height:360px}.polygon-badge b{font-size:25px}}