*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-image:url(http://s3.amazonaws.com/eyeworksgroupcdn/wp-content/uploads/2015/06/12043432/Silver-Blur-Background-Wallpaper.jpg);background-size:cover;overflow:hidden}#wrap{background-color:#000c}#album{position:fixed;top:-110pt;right:65pt;height:125px;width:125px;max-height:none;max-width:none;z-index:1000;padding:10px}#cover{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:url(/menu/music_bg.jpg);background-size:160% 160%;background-position:center;box-shadow:5px 0 20px #000000b7,inset 0 0 10px 5px #ffffff10,inset 0 0 4px 2px #00000013;border-radius:6px}#cover:before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-image:url();background-size:100% 100%;border-radius:6px;mix-blend-mode:screen;opacity:.5;content:""}#cover:after{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;background-image:url(https://orig06.deviantart.net/0124/f/2013/136/6/7/texture_326_by_sirius_sdz-d65gs3s.jpg);background-size:100% 100%;border-radius:4px;mix-blend-mode:screen;opacity:.2;content:""}#vinyl{position:absolute;top:2.5%;left:2.5%;z-index:0;width:95%;height:95%;display:block;background-image:url(https://gallery.yopriceville.com/var/resizes/Free-Clipart-Pictures/Music-PNG/Gramophone_Vinyl_LP_Record_PNG_Transparent_Clip_Art_Image.png?m=1462983196);background-size:106% 106%;background-position:center;box-shadow:0 0 20px 4px #0009;border-radius:50%;content:"";animation:5s linear spinThat infinite,1s ease-out getOut 1s forwards}#vinyl:before{position:absolute;top:2.5%;left:2.5%;z-index:10;width:95%;height:95%;background-image:url();background-size:100% 100%;border-radius:50%;mix-blend-mode:screen;opacity:.3;content:""}#vinyl #print{position:absolute;top:33%;left:33%;height:34%;width:34%;box-shadow:inset 0 0 0 5px #96969680;background-image:url();background-size:cover;border-radius:50%}@keyframes getOut{0%{left:0}to{left:50%}}@keyframes spinThat{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-disk-controls{cursor:pointer;transition:all .3s ease-in-out}.music-disk-controls:hover .now-playing-text{content:"Next Song:";color:#fff;text-shadow:0 0 8px rgba(255,255,255,.8)}.music-disk-controls:hover .current-track-title{display:none}.music-disk-fixed{position:fixed;top:0;right:0;z-index:1000}.battle-log-container{position:absolute;top:20px;right:20px;width:350px;height:240px;border-radius:10px;color:#e0e0e0;background-color:#1e1e1e80;overflow-y:auto;padding:15px;font-family:Space Mono,monospace;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-ms-overflow-style:none;scrollbar-width:none}.battle-log-container::-webkit-scrollbar{display:none}.battle-log-title{text-align:start;margin:-15px -15px 10px;font-family:"Instrument Serif";font-size:1.5em;color:#e0e0e0;position:sticky;top:-15px;background-color:#1e1e1e;padding:5px 15px}.battle-log-list{list-style-type:none;padding:0;margin:0}.battle-log-entry{margin-bottom:8px;font-size:.9em}.log-actor{font-family:Space Mono,monospace;font-weight:700}.log-player{color:#60a5fa}.log-enemy{color:#f87171}.log-action,.log-value{font-family:Space Mono,monospace;font-weight:700;color:#facc15}.global-chat-wrapper{position:fixed;bottom:20px;left:20px;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-toggle-button{color:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;font-family:Space Mono,monospace;font-size:1.6em;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0000004d;transition:background-color .2s ease-in-out,transform .2s ease-in-out;animation:fadeIn .5s ease-in-out}.chat-toggle-button:hover{background-color:#1f1f1f;transform:scale(1.1)}.global-chat-container{width:380px;height:340px;background-color:#1e1e1e80;border-radius:10px;color:#e0e0e0;padding:15px;font-family:Space Mono,monospace;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;transition:all .3s ease-in-out;transform:translateY(0);opacity:1}.global-chat-container.is-hidden{transform:translateY(100%);opacity:0;pointer-events:none;height:0;padding:0}.global-chat-title{text-align:start;margin:-15px -15px 10px;font-family:"Instrument Serif";font-size:1.5em;color:#e0e0e0;position:sticky;top:-15px;background-color:#1e1e1e;padding:5px 15px;border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;transition:background-color .2s ease-in-out}.global-chat-title:hover{background-color:#2a2a2a}.chat-messages{flex-grow:1;overflow-y:auto;margin-bottom:10px;padding-right:5px;-ms-overflow-style:none;scrollbar-width:none}.chat-messages::-webkit-scrollbar{display:none}.chat-message-entry{margin-bottom:5px;font-size:.9em;word-wrap:break-word}.chat-username{font-weight:700;color:#facc15}.chat-text{color:#e0e0e0}.chat-timestamp{font-size:.7em;color:#999;margin-left:8px}.chat-input-form{display:flex;gap:10px}.chat-input{font-size:.9em;flex-grow:1;padding:8px;border-radius:5px;background-color:#333;color:#e0e0e0;font-family:Space Mono,monospace}.chat-input::placeholder{color:#aaab}.chat-send-button{background-color:#4ade80;color:#1e1e1e;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-family:Space Mono,monospace;font-weight:700}.chat-send-button:hover{background-color:#22c55e}.chat-send-button:disabled{background-color:#666;cursor:not-allowed}.grabbing{cursor:grabbing}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes flip-and-smash{0%{transform:perspective(1000px) rotateY(5deg) rotate(-50deg) scale(.5);opacity:0}50%{transform:perspective(1000px) rotateY(360deg) rotate(0) scale(1.1);opacity:1}to{transform:perspective(1000px) rotateY(360deg) rotate(0) scale(1.4);opacity:0}}.animate-flip-and-smash{animation:flip-and-smash 1.5s ease-in-out forwards}@keyframes card-float{}.animate-card-float{animation:card-float 3s ease-in-out infinite alternate}.transition-backdrop-blur{transition:backdrop-filter 1s ease-in-out}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-20deg);animation:shine 2.5s forwards}@keyframes shine{0%{left:-100%}to{left:100%}}