.sph-stage{position:relative;aspect-ratio:5/4;overflow:hidden;border-radius:22px;background:radial-gradient(90% 70% at 50% 46%,rgba(255,255,255,.72) 0,rgba(255,255,255,0) 70%),linear-gradient(180deg,#F4F0EA,#EDE7DF);box-shadow:inset 0 0 0 1px rgba(13,13,13,.05);container-type:inline-size;perspective:1400px}.sph-lift{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1)}.sph-canvas{position:absolute;inset:5%}.sph-item{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%)}.sph-float{display:block;width:100%;height:100%;animation:sph-drift var(--sph-span,9s) ease-in-out var(--sph-delay,0s) infinite alternate}@keyframes sph-drift{0%{transform:translate3d(0,-4px,0)}to{transform:translate3d(1px,4px,0)}}.sph-picture{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.sph-coin,.sph-core,.sph-logo{display:block;width:100%;height:100%;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.sph-coin{overflow:hidden;border-radius:9999px;border:max(2px,.5cqw) solid #fbfaf8;background:radial-gradient(circle at 50% 35%,#F7F4EF 0,#E9E3DA 100%);box-shadow:0 14px 26px -14px rgba(20,37,53,.38),0 1px 2px rgba(13,13,13,.06)}.sph-coin .sph-picture{object-fit:cover;object-position:50% 100%}.sph-coin-lead{box-shadow:0 26px 46px -22px rgba(20,37,53,.45),0 1px 2px rgba(13,13,13,.06)}.sph-logo .sph-picture{object-fit:contain;filter:drop-shadow(0 6px 7px rgba(20,37,53,.16))}.sph-core{display:grid;place-items:center;padding:17%;border-radius:9999px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(13,13,13,.05),0 22px 44px -20px rgba(20,37,53,.4)}.sph-core .sph-picture{object-fit:contain}.sph-orbit{position:absolute;left:50%;top:50%;border-radius:9999px;border:1px solid rgba(13,13,13,.06);transform:translate(-50%,-50%)}.sph-board-wrap{position:absolute;inset:8% 6%;display:flex}.sph-board{position:relative;display:grid;flex:1;grid-template-rows:auto 1fr;overflow:hidden;border-radius:18px;border:1px solid #e2e1de;background:#FFFFFF;color:#0D0D0D;box-shadow:0 30px 60px -34px rgba(20,37,53,.4),0 2px 6px rgba(13,13,13,.04)}.sph-board-head{display:flex;align-items:center;justify-content:space-between;padding:max(12px,3.4cqw) max(12px,3.6cqw) max(10px,2.6cqw)}.sph-board-title{font-size:clamp(13px,2.8cqw,17px);font-weight:600;letter-spacing:-.02em}.sph-board-action{display:inline-flex;align-items:center;height:clamp(24px,5.4cqw,32px);padding:0 clamp(9px,2.2cqw,14px);border-radius:clamp(8px,1.8cqw,11px);border:1px solid rgba(0,0,0,.2);background:linear-gradient(180deg,#3A3A3A,#3A3A3A 52.4%,#2C2C2C 80.29%,#1F1F1F);color:#FFFFFF;font-size:clamp(10px,1.9cqw,12px);font-weight:500;white-space:nowrap}.sph-board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:max(8px,1.8cqw);padding:0 max(12px,3.6cqw) max(12px,3.6cqw)}.sph-column{display:flex;flex-direction:column;gap:max(6px,1.4cqw);min-width:0}.sph-column-label{overflow:hidden;font-size:clamp(10px,1.75cqw,12px);font-weight:500;color:#646260;white-space:nowrap;text-overflow:ellipsis}.sph-column-well{flex:1;border-radius:12px;background:#F6F5F0;box-shadow:inset 0 0 0 1px rgba(13,13,13,.035)}.sph-board-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(40px,9cqw) 12% 0;text-align:center;background:radial-gradient(42% 46% at 50% 58%,rgba(255,255,255,.96) 0,rgba(255,255,255,.85) 55%,rgba(255,255,255,0) 100%)}.sph-empty-icon{width:clamp(46px,13cqw,84px);height:auto;aspect-ratio:1}.sph-empty-icon .sph-picture{object-fit:contain;filter:drop-shadow(0 8px 10px rgba(20,37,53,.16))}.sph-empty-title{margin-top:max(8px,1.6cqw);font-size:clamp(13px,2.5cqw,16px);font-weight:600;letter-spacing:-.015em}.sph-empty-hint{max-width:34ch;margin-top:max(4px,.8cqw);font-size:clamp(11px,1.9cqw,13px);line-height:1.45;color:rgba(13,13,13,.55)}@container (max-width: 440px){.sph-board-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.sph-column-last{display:none}}@media (hover:hover){.sph-stage:hover .sph-lift{transform:translate3d(0,-4px,0) rotateX(2.5deg) rotateY(-2deg)}.sph-item:hover .sph-coin,.sph-item:hover .sph-core,.sph-item:hover .sph-logo{transform:translateY(-3px) scale(1.06)}}@media (prefers-reduced-motion:reduce){.sph-float{animation:none}.sph-coin,.sph-core,.sph-lift,.sph-logo{transition:none}.sph-item:hover .sph-coin,.sph-item:hover .sph-core,.sph-item:hover .sph-logo,.sph-stage:hover .sph-lift{transform:none}}