:root{--house-bg: radial-gradient(50% 176%, #253854 80%, #061922 100%);--house-accent: #ffffff;--house-badge-bg: #424952}*{margin:auto 0;box-sizing:border-box}body{font-family:Tangerine,cursive}header{display:flex;flex-direction:column;align-items:center;justify-content:center;height:20vh;padding-top:1rem}.header__logo{width:18rem;margin:0}.header__title{color:#000;text-align:center;font-family:cursive;font-size:1rem;margin:1rem 0}.header__favorites-btn{background:transparent;border:1px solid #253854;color:#253854;border-radius:.35rem;padding:.25rem .75rem;font-family:cursive;font-size:.85rem;cursor:pointer;margin-top:.25rem;transition:all .3s ease}.header__favorites-btn:hover{background-color:#253854;color:#f5f5f5}h1{font-family:Corben,cursive;font-size:6rem;color:#fff;letter-spacing:.1rem;text-shadow:0px 3px 3px rgba(0,0,0,.66)}.hero{background-image:var(--house-bg);min-height:5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;min-height:75vh}.hero__content{max-width:510px;position:relative;height:80%;width:85%;display:flex;flex-direction:column;align-items:center}.got__filters{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%;justify-content:center}.got__filters__row{display:flex;flex-direction:column;gap:.5rem;width:100%}.got__search{display:flex;gap:.4rem;width:100%;align-items:center}.got__search__input{flex:1;background-color:#424952;color:#f5f5f5;border:1px solid whitesmoke;border-radius:.5rem;padding:.35rem .75rem;font-family:cursive;font-size:.9rem;min-width:0}.got__search__input::placeholder{color:#f5f5f580}.got__search__input:focus{outline:2px solid var(--house-accent, whitesmoke);outline-offset:2px}.got__search__clear{background:transparent;border:1px solid rgba(255,255,255,.4);color:#f5f5f5;border-radius:.35rem;padding:.25rem .5rem;font-size:1rem;cursor:pointer;line-height:1;flex-shrink:0}.got__search__clear:hover{border-color:#f5f5f5}.got__search__btn{background-color:#f5f5f5;color:#253854;border:none;border-radius:.5rem;padding:.35rem .75rem;font-family:cursive;font-size:.9rem;cursor:pointer;flex-shrink:0;transition:background-color .2s ease}.got__search__btn:hover{background-color:#d0d0d0}.got__select{background-color:#424952;color:#f5f5f5;border:1px solid whitesmoke;border-radius:.5rem;padding:.35rem .75rem;font-family:cursive;font-size:.9rem;cursor:pointer;flex:1}.got__select:focus{outline:2px solid var(--house-accent, whitesmoke);outline-offset:2px}.got__select option{background-color:#253854}.got__container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#424952;border:1px solid whitesmoke;border-radius:3rem;margin-bottom:2rem;max-width:850px;opacity:1;transition:opacity .3s ease-in-out}.got__container--fading{opacity:0}.got__house-badge{display:flex;align-items:center;justify-content:center;border-radius:1rem;padding:.2rem 1rem;margin-top:.75rem;margin-bottom:0;background-color:var(--house-badge-bg, #424952);transition:background-color .6s ease;min-height:1.5rem}.got__house-name{color:var(--house-accent, whitesmoke);font-family:cursive;font-size:1rem;letter-spacing:.05rem}.got__character{font-size:2rem;padding:1rem;margin-top:0;margin-bottom:0;text-align:center;color:#f5f5f5}.got__quote{margin-top:0;margin-bottom:0;font-size:2rem;text-align:center;padding:1rem;color:#f5f5f5}.got__actions{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.got__nav-btn{background:transparent;border:1px solid whitesmoke;color:#f5f5f5;border-radius:.35rem;padding:.25rem .75rem;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease}.got__nav-btn:hover:not(:disabled){background-color:#ffffff26}.got__nav-btn:disabled{opacity:.3;cursor:not-allowed}.got__favorite-btn{background:transparent;border:none;color:#f5f5f5;font-size:1.5rem;cursor:pointer;transition:color .2s ease,transform .2s ease;line-height:1}.got__favorite-btn--active{color:#e53e3e}.got__favorite-btn:hover{transform:scale(1.2)}.got__share-btn{background:transparent;border:1px solid whitesmoke;color:#f5f5f5;border-radius:.35rem;padding:.25rem .75rem;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.got__share-btn:hover{background-color:#ffffff26}.got__share-panel{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;justify-content:center}.got__share-panel--hidden{display:none}.got__share-copy{background-color:#f5f5f5;color:#253854;border:none;border-radius:.35rem;padding:.25rem .75rem;font-family:cursive;font-size:.85rem;cursor:pointer}.got__share-copy:hover{background-color:#e0e0e0}.got__share-twitter{color:#1da1f2;text-decoration:none;font-family:cursive;font-size:.85rem;border:1px solid #1da1f2;border-radius:.35rem;padding:.25rem .75rem;transition:all .2s ease}.got__share-twitter:hover{background-color:#1da1f2;color:#fff}.got__button{width:50%;margin-bottom:.75rem;padding-top:.25rem;padding-bottom:.25rem;background-color:#f5f5f5;color:#000;font-family:cursive;font-size:1rem;cursor:pointer;border-radius:.5rem}.got__button:hover{background-color:#100c08;color:#fff;transition:all .5s ease}.got__song-container{text-align:center;width:100%}.got__soundtrack{width:100%;height:100px}.got__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.got__spinner--hidden{display:none}.got__spinner-ring{width:48px;height:48px;border:5px solid rgba(255,255,255,.2);border-top-color:#f5f5f5;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:center;align-items:center;height:5vh;padding-top:.25rem;padding-bottom:.25rem;background-color:#d3d3d3}.footer__text{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:.6rem}.snow{position:absolute;min-width:100vw;min-height:100vh;height:100%;width:100%;top:0;left:0}.snow .svg{position:absolute;width:100%;height:100%}#snow-top-layer{will-change:transform;transform:translateY(-768px);-webkit-animation:fall 22.5s infinite linear;animation:fall 22.5s infinite linear}#snow-bottom-layer{will-change:transform;transform:translateY(-768px);-webkit-animation:fall 45s infinite linear;animation:fall 45s infinite linear}@-webkit-keyframes fall{to{transform:translateY(0)}}@keyframes fall{to{transform:translateY(0)}}.got__modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.got__modal--hidden{display:none}.got__modal__backdrop{position:absolute;inset:0;background:#000000b3}.got__modal__panel{position:relative;background-color:#253854;border:1px solid whitesmoke;border-radius:1rem;padding:1.5rem;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;z-index:101}.got__modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.got__modal__title{color:#f5f5f5;font-family:cursive;font-size:1.5rem;margin:0}.got__modal__close{background:transparent;border:none;color:#f5f5f5;font-size:1.5rem;cursor:pointer;line-height:1}.got__modal__close:hover{color:#e53e3e}.got__modal__sort{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.got__modal__sort-label{color:#ffffff80;font-family:cursive;font-size:.85rem;flex-shrink:0}.got__modal__sort-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff9;border-radius:.35rem;padding:.2rem .6rem;font-family:cursive;font-size:.8rem;cursor:pointer;transition:all .2s ease}.got__modal__sort-btn:hover{border-color:#f5f5f5;color:#f5f5f5}.got__modal__sort-btn--active{background-color:#ffffff26;border-color:#f5f5f5;color:#f5f5f5}.got__modal__list{list-style:none;padding:0;margin:0}.got__modal__item{border-bottom:1px solid rgba(255,255,255,.15);padding:.75rem 2rem .75rem 0;display:flex;flex-direction:column;gap:.25rem;position:relative}.got__modal__item-char{color:var(--house-accent, whitesmoke);font-family:cursive;font-size:1.1rem}.got__modal__item-house{color:#ffffff73;font-family:cursive;font-size:.8rem;margin-top:-.1rem}.got__modal__item-quote{color:#fffc;font-family:cursive;font-size:.95rem;margin:0}.got__modal__item-remove{position:absolute;top:.75rem;right:0;background:transparent;border:none;color:#fff6;cursor:pointer;font-size:1rem}.got__modal__item-remove:hover{color:#e53e3e}.got__modal__empty{color:#ffffff80;font-family:cursive;font-size:1rem;text-align:center;margin:0}@media screen and (min-width:450px){.got__filters__row{flex-direction:row}.got__select{max-width:200px}.got__container{height:auto;width:100%}.got__character,.got__quote{font-size:2rem}.got__button{font-size:1rem}.got__actions{gap:1rem}}@media screen and (min-width:768px){.header__title{font-size:1.75rem}.got__container{height:auto}.got__character{font-size:2rem}.got__quote{font-size:2.75rem}.got__button{font-size:1rem}.got__modal__panel{padding:2rem}.got__select{font-size:1rem}}