:root{--bg-container: #62084f;--bg-panel: rgb(31, 1, 31);--bg-subpanel: #5f1049;--txt-bright: white;--txt-themed: #f8b91a;--txt-dark: black;--txt-light: #b4b4b9;--txt-red: lightpink;--txt-green: #00A859;--txt-pink: #A82282;--txt-yellow: yellow;--fnt-xsmall: clamp(.7rem, 1.2vw, .7rem);--fnt-small: clamp(.8rem, 1.6vw, .8rem);--fnt-normal: clamp(.9rem, 2.1vw, .9rem);--fnt-medium: clamp(1.2rem, 2.5vw, 1.2rem);--fnt-large: clamp(1.5rem,3.5vw, 1.6rem);--fnt-xlarge: clamp(2rem, 5vw, 2.2rem);--bdr-panel: rgb(106, 103, 103);--white: white;--themed: #FBC02D;--light: #515154;--dark: black;--blue: blue;--purple: #4C0036;--lightpurple: #A82282}.theme-purple{--bg-container: #24031d;--bg-panel: rgba(0,0,0, .5);--bg-subpanel: rgba(0,0,0, .7)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-size:var(--fnt-normal);min-height:100%}body{font-family:Nunito,sans-serif;background:#000;color:var(--txt-light)}.container{display:flex;flex-direction:column;max-width:70ch;margin:auto;background-image:linear-gradient(var(--bg-container),var(--bg-panel));min-height:100vh}.main{padding:1rem}header{background-color:var(--bg-container);box-shadow:0 5px 5px -3px var(--dark)}.panel{display:flex;flex-direction:column;gap:.5rem;word-wrap:normal;background:var(--bg-panel);padding:1.5rem;text-decoration:none;border:1px solid var(--bdr-panel);border-radius:15px;margin:.5rem 0;line-height:1.2;opacity:.85}.q-mark{position:relative}.q-mark>*{position:relative;z-index:1}.q-mark:before{content:"?";font-family:Georgia,Times New Roman,Times,serif;position:absolute;top:40px;right:0;transform:translate(10%,-50%);font-size:100px;color:var(--bg-subpanel);pointer-events:none;z-index:-10;-webkit-text-stroke:1px grey}.subpanel{display:flex;flex-direction:column;gap:.5rem;line-height:1.4;word-wrap:normal;background:var(--bg-subpanel);padding:1.5rem;text-align:left;text-decoration:none;border-radius:15px;margin:1rem 0;color:var(--txt-light)}.expander{position:relative;border:1px solid gray;text-align:left;background:var(--bg-panel);padding:.2rem .6rem;border-radius:8px;width:fit-content;color:#fff}.expander-panel{position:absolute;background-color:#000000e6;border:1px solid var(--bdr-panel);border-radius:6px;width:fit-content;top:100%;left:0;padding:.5rem 1rem .8rem;line-height:1;z-index:1000;height:0;overflow:hidden;transition:max-height .25s ease,opacity .25s ease;opacity:0}.expander-panel.open{height:fit-content;opacity:1}.iconbar{display:flex;flex-direction:row;gap:.5rem}hr{margin:.5rem 0;border:1px solid var(--bdr-panel);width:100%}.toupper{text-transform:uppercase}header{position:sticky;top:0;z-index:10;display:inline-block;width:100%;background:var(--bg-container)}footer{width:100%;font-size:var(--fnt-small);padding:.5rem 0;text-align:center}h1,h2,h3{margin:0 0 .5rem;font-weight:600}h1,.txtXL{font-size:var(--fnt-xlarge)}h2,.txtL{font-size:var(--fnt-large)}h3,.txtM{font-size:var(--fnt-medium)}h4{font-size:var(--fnt-normal)}h5,.txtS{font-size:var(--fnt-small)}h6,.txtXS{font-size:var(--fnt-xsmall)}.txtBright{color:var(--txt-bright);font-weight:550}.txtLight{color:var(--txt-light)}.txtDark{color:var(--txt-dark)}.txtThemed{color:var(--txt-themed)}.txtRed{color:var(--txt-red)}.txtGreen{color:var(--txt-green)}.txtYellow{color:#ffff00d9}.txtPink{color:var(--txt-pink)}.txtNote,.txtHint{display:block;font-size:var(--fnt-small);overflow-wrap:normal;color:var(--txt-light)}.txtClue{font-family:Georgia,Times New Roman,Times,serif;font-size:var(--fnt-medium);font-weight:500}iconify-icon{font-size:var(--fnt-medium);vertical-align:middle}iconify-icon.smIconStyle{font-size:var(--fnt-small);vertical-align:middle}iconify-icon.xIconStyle{font-size:var(--fnt-xlarge);vertical-align:middle}.tabs{display:flex;gap:3px;margin-top:.5rem;border-bottom:1px solid var(--txt-light);padding:6px 10px 0}.tab{align-items:center;padding:6px 12px;cursor:pointer;color:var(--txt-light);text-decoration:underline}.tab.active{border-radius:10px 10px 0 0;border:1px solid var(--txt-light);border-bottom:2px solid var(--bg-container)!important;color:#fff;font-weight:600;text-decoration:none;cursor:auto;margin-bottom:-1px}.tab.active a{color:#fff;text-decoration:none;cursor:auto;pointer-events:none}button,a[role=button]{padding:.3rem .8rem .2rem;border-radius:6px;border:1px solid white;cursor:pointer;background-color:var(--themed);color:var(--dark);font-weight:520;text-decoration:none;font-size:var(--fnt-normal);align-self:flex-start}button:hover,a[role=button]:hover{filter:brightness(1.2)}button[disabled]:hover,a[disabled]:hover{cursor:default;filter:brightness(1)}button[disabled],a[disabled]{opacity:.6}a[role=button]{display:inline-flex;align-items:center}a{color:var(--txt-themed)}button.btnNaked{margin:0;padding:.2rem;background-color:transparent;color:var(--txt-themed);border:0}button.btnNaked:hover{color:var(--txt-yellow)}.btnDark{background-color:var(--lightpurple)!important;color:var(--white)!important}.btnRed{background-color:#f51c1c!important;color:var(--txt-bright)!important}button.small{padding:.3rem .6rem!important;font-size:10px!important;font-weight:550!important}a[role=button].small{padding:.2rem .6rem!important;font-size:12px!important;font-weight:550!important}button.link-style{background:none;border:none;color:var(--txt-themed);text-decoration:underline;cursor:pointer;padding:.6rem;font-weight:600}a{text-decoration:none;line-height:1rem;font-weight:600}a.link{color:var(--txt-themed)!important;font-weight:600}a.linkSmall{font-size:10px;line-height:1rem!important;color:var(--txt-themed)!important}a:hover,a.linkSmall:hover{cursor:pointer;filter:brightness(1.4)}.aligned{display:flex;align-items:center;gap:4px}.fitToContent{width:max-content}.toRight{margin-left:auto!important}.centered{justify-content:center;text-align:center}.hidden{display:"none"!important}.list{margin:.5rem 0;line-height:1.5;list-style-type:square;padding-inline-start:1rem;padding-inline-end:1rem}p{margin:.5rem 0;line-height:1.5}ul{list-style:square;padding-left:1.5rem}ol{padding-left:1rem}li{margin-bottom:.3rem}form{display:flex;flex-direction:column}fieldset{border:none}.fieldArea{display:flex;flex-direction:column}label.fieldLabel{display:block;margin:.2rem 0}input.inputField,textarea{padding:.5rem;background-color:#060606;color:var(--txt-light);border:1px solid rgb(98,97,97);border-radius:8px;width:100%;font-size:var(--fnt-normal);font-weight:520}textarea{font-family:inherit;font-size:inherit;height:auto!important;width:100%}select{margin:.2rem 0;height:1.7rem;background-color:var(--light);color:#fff;border:1px solid white;border-radius:4px;font-weight:500;padding:0 .3rem}.error,.success{font-weight:400;word-wrap:normal;width:auto;font-size:var(--fnt-normal)}.error{display:flex;background-color:#c1272d;color:#fff;padding:3px 5px;border-radius:5px;font-weight:520}.error:before{content:"!";display:flex;align-items:center;justify-content:center;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;margin-right:6px;font-size:10px}.success{color:var(--txt-yellow)}.table-grid,.table-grid-col2{display:grid;gap:8px 10px;padding:5px 0;grid-template-columns:max-content auto}.table-grid-col3{display:grid;gap:8px 10px;padding:5px 0;grid-template-columns:max-content max-content max-content!important}.scrollable{width:100%;height:60vh;overflow-y:auto;border:1px inset #333;padding:0 5px;background-color:#000;border-radius:6px}.list-header{display:flex;gap:15px;margin:5px;font-size:16px}.list-row{display:flex;gap:15px;border-bottom:1px solid silver;padding:5px 0}.modal{margin:auto;background:#000000e6;color:var(--txt-light);border-radius:.85rem;max-width:50ch;animation:fadeIn .3s ease-in-out;border:1px solid var(--bdr-panel);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.modal-header{margin:.5rem;display:flex;justify-items:center;align-items:center;padding-left:1rem;padding-top:.5rem}.modal-content{width:fit-content}.modal-content ul,p{line-height:1.2}button#modal-close{position:absolute;top:5px;right:5px;padding:3px!important;border:1px solid black}#modal-frame{min-width:20rem;margin:0 1.2rem 1.2rem}.definition,.indicator,.fodder,.substitution{color:#000;padding:0 3px;font-weight:520}.definition{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:#f69c65;color:#f69c65}.indicator{color:var(--txt-red);text-decoration:underline;text-decoration-color:var(--txt-red);text-decoration-thickness:2px}.fodder{color:#8b0000;border-radius:5px;background-color:#ffb6c1}.substitution{border-radius:5px;color:var(--purple);background-color:var(--txt-themed)}@keyframes fadeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}