@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;600;800&family=Playfair+Display:ital,wght@0,600;0,700;0,800;0,900;1,600&display=swap";:root{--bg-dark:#0f172a;--bg-card:#1e293bb3;--border-card:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--dtu-red:#ef4444;--dtu-blue:#3b82f6;--dtu-yellow:#eab308;--dtu-green:#22c55e;--glass-blur:blur(12px);--glass-shadow:0 8px 32px 0 #0000005e;--nav-height:70px;--card-width:clamp(140px, 22vw, 240px);--card-padding:clamp(8px, 1.5vw, 15px);--dice-size:clamp(64px, 12vw, 100px);--dot-size:clamp(10px, 1.8vw, 18px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-overflow-scrolling:touch;width:100%;min-height:100%;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-main);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:url(/bg-campus.png) 50%/cover no-repeat;background-color:var(--bg-dark);width:100%;min-height:100%;font-family:Inter,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-card);box-shadow:var(--glass-shadow);border-radius:16px}.glass-button{color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .2s}.glass-button:hover{background:#fff3;transform:translateY(-2px)}.glass-button:active{transform:translateY(0)}.glass-button.primary{color:#0f172a;background:linear-gradient(135deg,#facc15,#eab308);border:1px solid #ffffff4d;font-weight:800;box-shadow:0 10px 25px -5px #eab30866}.glass-button.primary:hover{background:linear-gradient(135deg,#fde047,#facc15);box-shadow:0 15px 30px -5px #eab30899}.glass-button.danger{background:linear-gradient(135deg, var(--dtu-red), #dc2626);border:none}.prop-brown{border-top:8px solid #8b4513}.prop-lightblue{border-top:8px solid #87ceeb}.prop-pink{border-top:8px solid #ff69b4}.prop-orange{border-top:8px solid #ff8c00}.prop-red{border-top:8px solid red}.prop-yellow{border-top:8px solid gold}.prop-green{border-top:8px solid green}.prop-darkblue{border-top:8px solid #00008b}@keyframes zoomInHeader{0%{opacity:0;filter:blur(12px);transform:translate(-50%)scale(2.5)}75%{opacity:1;filter:blur();transform:translate(-50%)scale(.98)}to{opacity:1;filter:blur();transform:translate(-50%)scale(1)}}@keyframes fadeInRegistration{0%{opacity:0;transform:translate(-50%,-43%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes emergeAvatarCorner{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-50%)scale(.3)rotate(-6deg)}65%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1.05)rotate(2deg)}85%{transform:translate(-50%,-50%)scale(.98)rotate(0)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)rotate(0)}}@media (width<=380px){:root{--card-width:130px;--card-padding:7px;--dice-size:56px;--dot-size:9px}}@media (width<=480px){.glass-button{padding:10px 16px;font-size:.9rem}}@media (height<=500px) and (orientation:landscape){:root{--card-width:clamp(120px, 18vw, 180px);--card-padding:6px;--dice-size:clamp(48px, 8vw, 72px)}}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}