:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{width:100%;min-height:100%;background:#05060b}.app-shell{width:100%;height:100%;overflow:hidden}.app-shell{position:relative}.playmat-container,.playmat-inner{position:absolute;inset:0}.playmat-img{position:absolute;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}.overlay{position:absolute;inset:0;z-index:10;background:#020308cc;opacity:0;pointer-events:none}.card-slot{position:absolute;z-index:2;transform:translate(-50%,-50%);cursor:pointer;will-change:transform;transition:filter .3s ease}.card-slot.is-active{z-index:100;cursor:pointer;filter:brightness(1.15) drop-shadow(0 0 30px rgba(100,230,255,.5))}.card-slot.is-hidden{pointer-events:none;opacity:.3;transition:opacity .3s ease}@keyframes card-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}.card-slot:not(.is-active):not(.is-hidden){animation:card-float 3s ease-in-out infinite}.card-slot:nth-child(1){animation-delay:0s}.card-slot:nth-child(2){animation-delay:.5s}.card-slot:nth-child(3){animation-delay:1s}.card-slot:nth-child(4){animation-delay:1.5s}.card-slot:nth-child(5){animation-delay:2s}.card-img{display:block;height:auto;border-radius:5px;border:1px solid rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;box-shadow:0 4px 6px #00000080,0 8px 20px #0000004d,0 0 12px #50dcdc33,0 0 24px #50dcdc1a}.card-slot:not(.is-active):hover .card-img{transform:scale(1.08) translateY(-8px);filter:brightness(1.1);box-shadow:0 0 20px #50e6f073,0 0 40px #50e6f033,0 12px 16px #00000073,0 24px 40px #00000040}.content-panel{position:absolute;z-index:110;right:4%;top:50%;transform:translateY(-50%);width:min(400px,38vw);padding:2rem 1.8rem;border-radius:16px;border:1px solid rgba(100,220,240,.3);background:#050a14eb;color:#f3f6ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0009,0 0 30px #50c8dc1a;opacity:0}.content-panel .close-btn{position:absolute;top:.8rem;right:.8rem;background:none;border:none;color:#c8dcffb3;font-size:1.2rem;cursor:pointer;line-height:1;padding:.3rem}.content-panel .close-btn:hover{color:#fff}.content-panel .eyebrow{margin:0 0 .35rem;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:#add2ffdb}.content-panel h2{margin:0 0 .75rem;font-size:clamp(1.2rem,2.2vw,1.6rem)}.content-panel p{margin:0;line-height:1.6;color:#e9f2ffeb}.tag-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.tag-list li{padding:.3rem .6rem;border:1px solid rgba(158,193,255,.35);border-radius:999px;font-size:.76rem;color:#d7e8ff;background:#4760a240}@media(max-width:767px){.content-panel{inset:auto 0 0;transform:none;width:100%;max-height:55vh;overflow-y:auto;border-radius:16px 16px 0 0}}.legal-page{min-height:100vh;width:100%;background:linear-gradient(180deg,#080c18f5,#05060b),#05060b;color:#eef4ff;padding:56px 20px 72px}.legal-document{width:min(880px,100%);margin:0 auto}.legal-eyebrow{color:#7bdff2;font-size:.78rem;font-weight:800;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.legal-document h1{color:#fff;font-size:clamp(2.1rem,5vw,4rem);line-height:1;margin-bottom:14px}.legal-updated{color:#d9e6ffad;font-size:.95rem;margin-bottom:28px}.legal-intro{color:#eef4ffe6;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7;margin-bottom:36px;max-width:760px}.legal-document section{border-top:1px solid rgba(123,223,242,.16);padding:26px 0 4px}.legal-document h2{color:#fff;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.25;margin-bottom:12px}.legal-document p{color:#e7efffd1;font-size:1rem;line-height:1.72;margin-bottom:14px}@media(max-width:640px){.legal-page{padding:36px 18px 56px}.legal-document p{font-size:.96rem}}