.osrs-widget{margin-top:0;display:flex;background-color:#fff;flex-direction:column;gap:1rem;width:fit-content;padding:2rem;border:1px solid #606060;width:100%}@media(min-width: 76.8rem){.osrs-widget{padding:0;margin-top:2rem;width:fit-content;border:none}}.osrs-widget *{font-size:2rem}@media(min-width: 76.8rem){.osrs-widget *{font-size:1.6rem}}.osrs-widget-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;font-size:1.6rem}@media(min-width: 76.8rem){.osrs-widget-header{font-size:1.4rem}}.osrs-widget-header .widget-title{font-weight:600;color:#606060;display:flex;align-items:center;justify-content:flex-start;width:100%;gap:1rem}.osrs-widget-gamemode{display:inline-flex;align-items:center;gap:.5rem;font-size:1.125rem;color:#606060;font-weight:600}@media(min-width: 76.8rem){.osrs-widget-gamemode{font-size:1rem}}.osrs-widget-gamemode .gamemode-icon{width:1rem;height:1rem;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.osrs-widget-gamemode .gamemode-label{text-transform:lowercase;color:#606060;font-size:1rem;font-weight:600}@media(min-width: 76.8rem){.osrs-widget-gamemode .gamemode-label{font-size:.825rem}}.live-indicator{display:none;align-items:center;gap:.4rem}.live-indicator.visible{display:flex}.live-dot{width:.6rem;height:.6rem;background-color:red;border-radius:50%;animation:pulse 2s ease-in-out infinite}.live-text{color:red;font-weight:800;text-transform:uppercase;font-size:1.125rem;letter-spacing:.05em}@media(min-width: 76.8rem){.live-text{font-size:.875rem}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(0.8)}}.skill-icon{width:1rem;height:1rem;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.osrs-widget-skill{display:flex;flex-direction:column;gap:.5rem;max-width:100%}@media(min-width: 76.8rem){.osrs-widget-skill{max-width:18rem}}.skill-content{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.osrs-widget-progress{width:100%;height:1rem;background:rgba(255,0,255,.1);border:3px solid #f0f;overflow:hidden;position:relative}.osrs-widget-progress .progress-bar{height:100%;background:linear-gradient(90deg, #ff00ff, rgba(255, 0, 255, 0.9));transition:width .5s ease}.skill-percentage{font-size:1.125rem;font-weight:600;color:#f0f;line-height:1}@media(min-width: 76.8rem){.skill-percentage{font-size:1rem}}.max-leveled-skills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.max-leveled-skills .skill-icon{width:1rem;height:1rem;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.max-leveled-skills .max-leveled-label{font-size:1rem;font-weight:600;color:#606060;margin-left:.25rem}@media(min-width: 76.8rem){.max-leveled-skills .max-leveled-label{font-size:.875rem}}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-header *{font-size:1.125rem;line-height:1;font-weight:800;text-transform:uppercase}@media(min-width: 76.8rem){.skill-header *{font-size:1rem}}.skill-header .skill-name{color:#606060;display:flex;align-items:center;gap:.5rem}.skill-header .skill-level{color:rgba(96,96,96,.5)}.osrs-widget-spinner{display:flex;align-items:center;gap:1rem;padding:1rem 0;justify-content:center;background-color:rgba(255,0,255,.1)}.osrs-widget-spinner .spinner{width:2rem;height:2rem;border:3px solid rgba(96,96,96,.1);border-top-color:#f0f;border-radius:50%;animation:spin .8s linear infinite}@media(min-width: 76.8rem){.osrs-widget-spinner .spinner{width:1.5rem;height:1.5rem;border-width:2px}}.osrs-widget-spinner span{font-size:1.6rem;color:rgba(96,96,96,.7)}@media(min-width: 76.8rem){.osrs-widget-spinner span{font-size:1.4rem}}@keyframes spin{to{transform:rotate(360deg)}}.osrs-widget-error{padding:1rem 0;text-align:center;font-size:1.4rem;color:rgba(96,96,96,.5)}@media(min-width: 76.8rem){.osrs-widget-error{font-size:1.2rem}}