@import"https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{--bg-color: #050505;--card-bg: #0F0F11;--brand-color: #CC9F53;--text-primary: #EDEDED;--text-secondary: #888888;--accent-green: #00FF9D;--accent-purple: #9D00FF;--accent-orange: #FF9900;--accent-dim: rgba(255, 255, 255, .1);--border-color: #222222;--font-mono: "Google Sans Code", monospace;--font-sans: "Google Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;width:100vw;height:100vh}.app-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.board-container{width:100%;height:100vh;display:flex;flex-direction:column;border:1px solid var(--border-color);background-color:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.board-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(90deg,#cc9f5321,#0000 50%)}.brand-logo{display:flex;align-items:center;gap:.5rem}.brand-logo img{width:300px}.brand-icon{color:var(--accent-green)}.brand-title h1{font-size:1.5rem;font-weight:700;letter-spacing:-1px}.board-status{display:flex;align-items:center;gap:.8rem;font-size:2.15rem;color:var(--accent-green);text-transform:uppercase}.status-dot{width:16px;height:16px;background-color:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green);animation:pulse 2s infinite}.separator{color:var(--text-secondary)}.clock{color:var(--text-primary);font-weight:700}.menu-grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;overflow:hidden}.grid-header{display:grid;grid-template-columns:2fr 3fr;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px dashed var(--border-color);color:var(--text-secondary);font-size:2rem;text-transform:uppercase;letter-spacing:1px}.menu-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.menu-item{display:grid;grid-template-columns:minmax(0,1fr) 344px;min-height:clamp(70px,7.9vh,98px);align-items:center;gap:.85rem;padding:.36rem .5rem .36rem .75rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:linear-gradient(90deg,#ffffff0a,#ffffff04);transition:background-color .2s ease;min-width:0}.menu-item:hover{background-color:#ffffff05}.product-name{min-width:0;font-size:clamp(1.56rem,2.58vw,2.52rem);font-weight:800;line-height:1.05;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.price-cube-stage{width:100%;height:70px;perspective:760px;overflow:hidden}.price-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:priceCubeSpin 15s infinite cubic-bezier(.72,0,.28,1)}.price-face{--cube-depth: 59px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;gap:.62rem;padding:0 .72rem;border:1px solid rgba(204,159,83,.36);border-radius:7px;background:#090909;box-shadow:inset 0 0 22px #cc9f5314,0 8px 24px #00000047;color:var(--text-primary);backface-visibility:hidden;text-align:right;font-family:var(--font-mono);font-size:clamp(1.46rem,2.36vw,2.22rem);font-weight:800;transform:rotateX(calc(var(--face-index) * 72deg)) translateZ(var(--cube-depth));white-space:nowrap}.price-face img{width:46px;height:46px;flex:0 0 auto}.price-face.btc{border-color:#ff990073}.price-face.eth{border-color:#9d00ff73}.price-face.doge{border-color:#cc9f5385}.price-face.sol{border-color:#00ff9d6b}.currency-badge{display:inline-grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--brand-color);color:#080808;font-family:var(--font-sans);font-size:1.64rem;font-weight:900;letter-spacing:0}.try-price{color:var(--text-primary)}.crypto-price img{width:48px;height:48px}.crypto-icon{opacity:.7}.btc .crypto-icon{color:var(--accent-orange)}.eth .crypto-icon{color:var(--accent-purple)}.disclaimer{border-top:1px solid var(--border-color);background-color:#000;padding:.6rem 0;overflow:hidden;position:relative}.disclaimer-content{display:inline-flex;align-items:center;gap:4rem;white-space:nowrap;animation:ticker 40s linear infinite;padding-left:100vw;color:var(--text-secondary);font-size:2.12rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.disclaimer-item{display:flex;justify-content:center;align-items:center;gap:.8rem}.disclaimer-flag{display:flex;align-items:center;gap:.5rem}.disclaimer-flag img{width:32px;height:32px;border-radius:8px}.board-footer{border-top:1px solid var(--border-color);background-color:#000;padding:.8rem 0;overflow:hidden;position:relative}.monitor-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-green),var(--accent-purple));opacity:.5}.ticker-container{display:flex;align-items:center}.ticker-content{display:flex;align-items:center;gap:2rem;white-space:nowrap;animation:ticker 30s linear infinite;padding-left:100%;color:var(--text-secondary);font-size:3.16rem;font-family:var(--font-mono)}.ticker-icon{width:48px;height:48px}.ticker-separator{color:var(--accent-purple);opacity:.5;font-weight:300}.pulse-icon{color:var(--accent-green);animation:pulse-fast 1s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-fast{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes priceCubeSpin{0%,46.67%{transform:rotateX(0)}48.67%,60%{transform:rotateX(-72deg)}62%,73.33%{transform:rotateX(-144deg)}75.33%,86.67%{transform:rotateX(-216deg)}88.67%,98%{transform:rotateX(-288deg)}to{transform:rotateX(-360deg)}}.board-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;pointer-events:none;z-index:10;opacity:.3}@keyframes flashGreen{0%{color:var(--accent-green);text-shadow:0 0 10px var(--accent-green)}to{color:inherit;text-shadow:none}}@keyframes flashRed{0%{color:#f33;text-shadow:0 0 10px #ff3333}to{color:inherit;text-shadow:none}}.flash-green{animation:flashGreen .5s ease-out}.flash-red{animation:flashRed .5s ease-out}
