@import"https://fonts.googleapis.com/css2?family=Teko:wght@400;700&display=swap";.judgement-container{--judgement-bg-color: #1a1a1f;--judgement-text-color: #f0f0f0;--judgement-title-font: "Teko", sans-serif;--judgement-color-normal: #00e5ff;--judgement-bg-normal: rgba(0, 229, 255, .05);--judgement-color-nsfw: #ff007f;--judgement-bg-nsfw: rgba(255, 0, 127, .05);position:relative;margin:1.5rem 0;border:2px solid;padding:1.5rem;overflow:hidden;color:var(--judgement-text-color);opacity:0;animation:reveal-judgement .6s cubic-bezier(.65,0,.35,1) forwards}@keyframes reveal-judgement{0%{opacity:0;transform:translate(-20px);clip-path:polygon(0 0,0% 0,0% 100%,0 100%)}to{opacity:1;transform:translate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.judgement-container.normal{border-color:var(--judgement-color-normal);background-color:var(--judgement-bg-normal);box-shadow:0 0 15px -5px var(--judgement-color-normal);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 10px)}.judgement-container.nsfw{border-color:var(--judgement-color-nsfw);background-color:var(--judgement-bg-nsfw);box-shadow:0 0 15px -5px var(--judgement-color-nsfw);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><filter id="n" x="0" y="0"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23n)" opacity="0.07"/></svg>')}.judgement-header{position:relative;display:flex;align-items:center;margin:-1.5rem -1.5rem 1.25rem;padding:.5rem 2rem;min-height:45px}.judgement-header:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;transform:skew(-45deg);z-index:1}.judgement-container.normal .judgement-header:before{background-color:var(--judgement-color-normal)}.judgement-container.nsfw .judgement-header:before{background-color:var(--judgement-color-nsfw)}.judgement-header:after{content:"";position:absolute;top:5px;bottom:-5px;left:-9%;width:118%;transform:skew(-45deg);z-index:0;background-color:transparent;border:2px solid var(--judgement-bg-color)}.judgement-title{position:relative;font-family:var(--judgement-title-font);font-size:2.5rem;font-weight:700;color:#111;margin:0;padding:0;line-height:1.1;text-transform:uppercase;z-index:2;text-shadow:1px 1px 0px rgba(255,255,255,.3)}.judgement-content{font-size:1rem;line-height:1.7;white-space:pre-wrap;padding:.5rem 0 0}.judgement-content>.parsed-judgement{white-space:normal}.parsed-judgement{display:flex;flex-direction:column;gap:.75rem}.judgement-summary{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.judgement-action-name{font-family:var(--judgement-title-font);font-size:1.8rem;font-weight:700;margin:0;padding:0;line-height:1;text-transform:uppercase;color:var(--judgement-text-color)}.judgement-result{font-family:var(--judgement-title-font);font-size:1.5rem;font-weight:700;text-transform:uppercase}.judgement-result.success{color:#4effb9}.judgement-result.crit-success{color:#ffda4e;animation:pulse-gold 1.5s infinite}.judgement-result.failure{color:#ff4e4e}.judgement-result.crit-failure{color:#c62828;animation:pulse-red 2s infinite}@keyframes pulse-gold{0%{text-shadow:0 0 5px #ffda4e,0 0 10px #ffda4e}50%{text-shadow:0 0 10px #ffda4e,0 0 20px #ffda4e}to{text-shadow:0 0 5px #ffda4e,0 0 10px #ffda4e}}@keyframes pulse-red{0%{text-shadow:0 0 5px #c62828}50%{text-shadow:0 0 10px #ff4e4e}to{text-shadow:0 0 5px #c62828}}.judgement-roll-details{background:#0000004d;padding:.5rem 1rem;text-align:center;border-left:3px solid}.judgement-container.normal .judgement-roll-details{border-color:var(--judgement-color-normal)}.judgement-container.nsfw .judgement-roll-details{border-color:var(--judgement-color-nsfw)}.judgement-roll{font-size:1.1rem;font-weight:700;letter-spacing:1px}.judgement-modifiers{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.judgement-modifiers li{background:#0003;padding:.4rem .8rem;border-radius:4px;font-size:.9rem;border-left:2px solid rgba(255,255,255,.3)}