:root{color-scheme:dark;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#06090f;color:#f6f9ff;--panel: rgba(12, 17, 28, .72);--panel-strong: rgba(15, 21, 34, .92);--line: rgba(255, 255, 255, .09);--line-strong: rgba(140, 255, 174, .32);--accent: #86ffae;--accent-soft: rgba(134, 255, 174, .16);--muted: rgba(223, 231, 255, .6);--top-offset: 4.4rem;--side-dial-drop: 1rem}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(46,126,255,.12),transparent 30%),radial-gradient(circle at 82% 12%,rgba(134,255,174,.1),transparent 22%),linear-gradient(160deg,#05070c,#09101a,#05070c)}button,input{font:inherit}.app-shell{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden}.ambient-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ambient-backdrop__orb{position:absolute;width:42rem;aspect-ratio:1;border-radius:999px;filter:blur(80px);opacity:.34;animation:drift 16s ease-in-out infinite}.ambient-backdrop__orb--one{top:-12rem;left:-10rem;background:radial-gradient(circle,#4f75ff85,#4f75ff00)}.ambient-backdrop__orb--two{right:-6rem;bottom:-14rem;background:radial-gradient(circle,#86ffae4d,#86ffae00);animation-delay:-6s}.ambient-backdrop__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 90%);mask-image:radial-gradient(circle at center,black 35%,transparent 90%);opacity:.45}.ambient-backdrop__noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.05) .7px,transparent .8px),radial-gradient(circle at 80% 40%,rgba(255,255,255,.04) .7px,transparent .8px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.05) .7px,transparent .8px);background-size:18px 18px;opacity:.12}.app-frame{position:relative;z-index:1;display:grid;grid-template-columns:minmax(12rem,22rem) minmax(9rem,14rem) minmax(26rem,1fr);gap:clamp(1rem,2vw,2rem);align-items:stretch;width:100%;min-height:100vh;min-height:100dvh;padding:clamp(1rem,2vw,1.8rem)}.app-frame__column{min-width:0;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#111826b8,#0a0e17db);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0a,0 18px 80px #0000005c}.app-frame__column--coins,.app-frame__column--sides{position:relative;overflow:hidden}.coin-column{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 3.6rem);min-height:calc(100dvh - 3.6rem)}.app-frame__column--sides .dial-wheel{padding-top:calc(var(--top-offset) + var(--side-dial-drop))}.app-frame__column--sides .dial-wheel__rail{top:calc(52% + (var(--side-dial-drop) / 2))}.coin-search{padding:1rem 1rem 0;height:var(--top-offset)}.coin-search__input{width:100%;height:3.4rem;padding:0 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#f8fbff;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.coin-search__input::placeholder{color:#ffffff5c}.coin-search__input:focus{border-color:#86ffae61;box-shadow:0 0 0 4px #86ffae14;background:#ffffff0f}.coin-column__wheel{flex:1;min-height:0}.app-frame__column--board{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;padding:1.2rem;min-width:0;min-height:0;overflow-x:hidden}.app-frame__column--sides.is-dormant{opacity:.46}.dial-placeholder{display:grid;place-items:center;height:100%;min-height:calc(100vh - 3.6rem);min-height:calc(100dvh - 3.6rem);color:#ffffff47;letter-spacing:.12em;font-size:.82rem;text-align:center;padding:1rem}.dial-wheel{position:relative;height:100%;min-height:calc(100vh - 3.6rem);min-height:calc(100dvh - 3.6rem);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.dial-wheel__rail{position:absolute;top:50%;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(134,255,174,.52),transparent);transform:translateY(-50%)}.dial-wheel__viewport{position:relative;width:100%;height:92%;display:flex;align-items:center;justify-content:center}.dial-wheel__touch-zone{position:relative;width:min(100%,18rem);height:100%;max-width:100%;display:flex;align-items:center;justify-content:center}.dial-wheel__item-wrap{position:absolute;left:0;right:0;display:flex;justify-content:center}.dial-wheel__item{border:0;border-radius:999px;padding:.55rem 1rem;min-width:8.4rem;max-width:min(15rem,82%);background:transparent;color:#ffffffbf;text-align:center;cursor:pointer;letter-spacing:.03em;transition:color .18s ease,text-shadow .18s ease,background .18s ease}.app-frame__column--coins .dial-wheel__item{font-size:clamp(1.05rem,1.1vw + .9rem,2.2rem);font-weight:650}.dial-wheel__item--side{font-size:clamp(1.4rem,1vw + 1.2rem,2.8rem);font-weight:700;min-width:9rem}.dial-wheel__item.is-active{background:linear-gradient(90deg,#86ffae14,#86ffae05);color:#f8fff9;text-shadow:0 0 18px rgba(134,255,174,.24)}.dial-wheel__item.is-disabled{cursor:not-allowed;color:#fff3}.strategy-board{display:flex;flex-direction:column;gap:1rem;min-width:0}.strategy-board__meta{display:flex;align-items:center;gap:.85rem;padding:.25rem .25rem 0}.strategy-board__meta-label{display:inline-flex;align-items:center;justify-content:center;padding:.22rem .6rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--accent-soft);font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--accent)}.strategy-board__meta-value{font-size:.95rem;color:#ffffffd1;letter-spacing:.08em}.strategy-board__grid{display:grid;gap:1rem;min-width:0}.strategy-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:13.8rem;padding:1.1rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff09,#ffffff03),var(--panel);overflow:hidden}.strategy-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;color:inherit}.strategy-card.is-clickable{cursor:pointer}.strategy-card.is-locked{cursor:default}.strategy-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top left,rgba(134,255,174,.14),transparent 38%);opacity:0;transition:opacity .18s ease}.strategy-card.is-active,.strategy-card:hover{border-color:#86ffae38}.strategy-card.is-active:after,.strategy-card:hover:after{opacity:1}.strategy-card__logic{position:relative;z-index:1;font-size:.78rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.strategy-card__subtitle{position:relative;z-index:1;font-size:clamp(1.6rem,1vw + 1.3rem,2.5rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;overflow-wrap:anywhere}.strategy-card__footer{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end}.strategy-card__open,.strategy-card__empty{width:4.5rem;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;font-size:1.65rem;font-weight:700}.strategy-card__open{border:1px solid rgba(134,255,174,.45);background:radial-gradient(circle at center,#86ffae2e,#86ffae0a);color:#d8ffe4;box-shadow:0 0 24px #86ffae2e}.strategy-card__open.is-active{box-shadow:0 0 32px #86ffae5c}.strategy-card__empty{border:1px dashed rgba(255,255,255,.1);color:#ffffff3d}.detail-panel{min-height:0}.spotlight-panel{position:relative;overflow:hidden;padding:1.15rem;border-radius:30px;border:1px solid rgba(134,255,174,.18);background:radial-gradient(circle at top right,rgba(134,255,174,.12),transparent 30%),linear-gradient(180deg,#0f131cf5,#0b0f18e6)}.spotlight-panel:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(134,255,174,.08),transparent 42%);transform:translate(-26%,-24%);pointer-events:none}.detail-panel__head{position:relative;z-index:1;display:flex;flex-direction:column;gap:.8rem}.detail-panel__eyebrow{display:flex;flex-wrap:wrap;gap:.55rem}.detail-panel__eyebrow span{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.74rem;letter-spacing:.14em}.detail-panel__title{margin:0;font-size:clamp(1.65rem,1vw + 1.4rem,2.8rem);letter-spacing:-.04em;overflow-wrap:anywhere}.detail-panel__metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-top:1.2rem}.detail-metric{padding:.95rem 1rem;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.detail-metric__label{display:block;margin-bottom:.45rem;font-size:.82rem;color:var(--muted);letter-spacing:.08em}.detail-metric__value{font-size:1.5rem;font-weight:760;color:#eafff0;letter-spacing:-.03em}.empty-state{display:grid;place-items:center;min-height:100%;border-radius:30px;border:1px dashed rgba(255,255,255,.12);color:#ffffff75;font-size:.98rem;letter-spacing:.04em}.empty-state--compact{min-height:10rem}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2rem,-1rem,0) scale(1.04)}}@media (pointer: coarse){.dial-wheel,.dial-wheel__touch-zone{touch-action:none}}@media (max-width: 1180px){body{overflow-x:hidden;overflow-y:auto}.app-shell{overflow:visible}.app-frame{min-height:auto;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:start}.app-frame__column--board{grid-column:1 / -1}.app-frame__column--coins,.app-frame__column--sides,.coin-column,.dial-wheel,.dial-placeholder{min-height:30rem}.strategy-board__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){html,body,#root{height:100%;min-height:100dvh;overflow-x:hidden}body{overflow:hidden}.app-shell{height:100dvh;min-height:100dvh;overflow:hidden}.app-frame{height:100dvh;min-height:100dvh;max-height:100dvh;padding:.55rem;gap:.55rem;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);grid-template-rows:15.5rem minmax(0,1fr);align-items:stretch;overflow:hidden}.app-frame__column{min-width:0;min-height:0;border-radius:18px}.app-frame__column--coins{grid-column:1 / 2;grid-row:1 / 2}.app-frame__column--sides{grid-column:2 / 3;grid-row:1 / 2}.app-frame__column--board{grid-column:1 / 3;grid-row:2 / 3;min-height:0;padding:.7rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}.coin-column{min-height:0;height:100%}.coin-search{height:3rem;padding:.55rem .55rem 0}.coin-search__input{height:2.4rem;padding:0 .8rem;font-size:.9rem;border-radius:14px}.app-frame__column--coins,.app-frame__column--sides,.dial-wheel,.dial-placeholder{min-height:0;height:100%}.dial-wheel{padding:.45rem}.app-frame__column--sides .dial-wheel{padding-top:.45rem}.app-frame__column--sides .dial-wheel__rail{top:50%}.dial-wheel__viewport{height:100%}.dial-wheel__touch-zone{width:min(100%,10rem)}.dial-wheel__rail{left:12%;right:12%}.dial-wheel__item{min-width:5.2rem;max-width:min(9rem,88%);padding:.28rem .55rem}.app-frame__column--coins .dial-wheel__item{font-size:clamp(.82rem,3.8vw,1.02rem);font-weight:700}.dial-wheel__item--side{min-width:5.4rem;font-size:clamp(.95rem,4vw,1.12rem);font-weight:800}.strategy-board{gap:.65rem}.strategy-board__meta{gap:.45rem;padding:0 .1rem;flex-wrap:wrap}.strategy-board__meta-label{font-size:.58rem;padding:.18rem .45rem;letter-spacing:.12em}.strategy-board__meta-value{font-size:.78rem;letter-spacing:.03em}.strategy-board__grid{grid-template-columns:1fr;gap:.6rem}.strategy-card{min-height:7rem;padding:.7rem;border-radius:16px}.strategy-card__logic{font-size:.56rem;letter-spacing:.1em}.strategy-card__subtitle{font-size:clamp(.92rem,3.7vw,1.15rem);line-height:1.05}.strategy-card__open,.strategy-card__empty{width:2.6rem;font-size:1rem}.spotlight-panel{padding:.75rem;border-radius:18px}.detail-panel__head{gap:.5rem}.detail-panel__eyebrow{gap:.35rem}.detail-panel__eyebrow span{font-size:.58rem;padding:.2rem .45rem;letter-spacing:.08em}.detail-panel__title{font-size:clamp(1rem,4.8vw,1.35rem);line-height:1.05}.detail-panel__metrics{min-width:0;width:100%}.detail-metric{padding:.65rem;border-radius:14px}.detail-metric__label{font-size:.64rem;margin-bottom:.28rem}.detail-metric__value{font-size:.96rem}.empty-state,.empty-state--compact{min-height:5rem;font-size:.78rem;padding:.75rem;border-radius:16px}}@media (max-width: 560px){.app-frame{grid-template-columns:minmax(0,1fr) minmax(0,.6fr);grid-template-rows:14rem minmax(0,1fr);padding:.45rem;gap:.45rem}.coin-search{height:2.8rem;padding:.45rem .45rem 0}.coin-search__input{height:2.2rem;font-size:.84rem}.dial-wheel{padding:.35rem}.dial-wheel__touch-zone{width:min(100%,8.5rem)}.dial-wheel__item{min-width:4.6rem;max-width:min(7.4rem,90%);padding:.24rem .45rem}.app-frame__column--coins .dial-wheel__item{font-size:clamp(.75rem,3.8vw,.92rem)}.dial-wheel__item--side{min-width:4.8rem;font-size:clamp(.85rem,3.9vw,1rem)}.strategy-board__grid{grid-template-columns:1fr;gap:.5rem}.strategy-card{min-height:6.2rem;padding:.62rem}.strategy-card__subtitle{font-size:clamp(.86rem,4vw,1.02rem)}.strategy-card__open,.strategy-card__empty{width:2.35rem;font-size:.92rem}.detail-panel__metrics{grid-template-columns:1fr 1fr;gap:.45rem}.detail-metric{padding:.58rem}.detail-metric__label{font-size:.6rem}.detail-metric__value{font-size:.88rem}.detail-panel__title{font-size:clamp(.92rem,4.5vw,1.18rem)}}