/* written by tools/art/recolor.py — do not edit by hand */ :root{--bronze:#5b6269;--bronze-lo:#32363a;--bone:#c3c5c8;--bone-lo:#727b84} .forge::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='rotate(0 11 11)' fill='none' stroke='%235b6269'%3E%3Cpath d='M1.5 20.5V1.5h19' stroke-width='2'/%3E%3Cpath d='M5.5 16V5.5H16' stroke-width='1' stroke='%2332363a'/%3E%3C/g%3E%3Cg transform='rotate(0 11 11)'%3E%3Crect x='2.5' y='2.5' width='3' height='3' fill='%23c3c5c8' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") left top no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='rotate(90 11 11)' fill='none' stroke='%235b6269'%3E%3Cpath d='M1.5 20.5V1.5h19' stroke-width='2'/%3E%3Cpath d='M5.5 16V5.5H16' stroke-width='1' stroke='%2332363a'/%3E%3C/g%3E%3Cg transform='rotate(90 11 11)'%3E%3Crect x='2.5' y='2.5' width='3' height='3' fill='%23c3c5c8' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") right top no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='rotate(180 11 11)' fill='none' stroke='%235b6269'%3E%3Cpath d='M1.5 20.5V1.5h19' stroke-width='2'/%3E%3Cpath d='M5.5 16V5.5H16' stroke-width='1' stroke='%2332363a'/%3E%3C/g%3E%3Cg transform='rotate(180 11 11)'%3E%3Crect x='2.5' y='2.5' width='3' height='3' fill='%23c3c5c8' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") right bottom no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='rotate(270 11 11)' fill='none' stroke='%235b6269'%3E%3Cpath d='M1.5 20.5V1.5h19' stroke-width='2'/%3E%3Cpath d='M5.5 16V5.5H16' stroke-width='1' stroke='%2332363a'/%3E%3C/g%3E%3Cg transform='rotate(270 11 11)'%3E%3Crect x='2.5' y='2.5' width='3' height='3' fill='%23c3c5c8' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") left bottom no-repeat} #xpFill{background:linear-gradient(90deg,#3b3f43,var(--bronze))} #tip .imp{color:#d37f4f} #tip .fl{color:#b85e2a} #loading .err{color:#b85e2a} #page{color:#1c1e20;background: radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(35,38,41,.55) 100%), radial-gradient(circle at 18% 82%,rgba(53,57,61,.22),transparent 22%), radial-gradient(circle at 86% 14%,rgba(53,57,61,.18),transparent 18%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E"), #de9e79} #page h1{color:#1c1e20} #page .row>span{color:#3c4146} #page input{color:#1c1e20;border-bottom:1px solid #454a4f} #page .opt{color:#4b5157} #page .opt:hover{color:#1c1e20} #page .opt.on{color:#1c1e20} #page .act{border-bottom:1px solid #454a4f;color:#1c1e20} #ledger td:first-child{color:#26292c} #ledger td:last-child{color:#272a2d} body.touch #fps.on{color:#ee864a} #stick .base::before{border:1px dashed rgba(91,98,105,.35)} #tLvl b{border:1px solid #ee864a;color:#d7dadc} #ledgerTouch td:first-child{color:#26292c} #ledgerTouch td:last-child{color:#272a2d} #rotate p{color:#b3b5b8} .slot.ult .sock,.tbtn.ult{box-shadow:0 0 14px 3px rgba(179,188,196,.55)} #manaGlobe.ready{filter:drop-shadow(0 0 12px rgba(191,198,204,.7))} .npc-label b{color:#ee864a} #dialogue .who{color:#ee864a} #dialogue.thought .say{color:#a4a7aa} #skills .sk.sel canvas{box-shadow:0 0 10px rgba(238,134,74,.5)} #skills .sinfo .imp{color:#bcc3cb} #skills .sock.ok{border-color:#ee864a;box-shadow:0 0 12px rgba(238,134,74,.55)} #help .forge .xclose{background:rgba(222,158,121,.6);color:#1c1e20;border-color:#454a4f} .tbtn .ring circle{stroke:#b6bec5;filter:drop-shadow(0 0 4px rgba(179,188,196,.8))} .tbtn.main.ult{box-shadow:0 0 18px 4px rgba(179,188,196,.6)} .tult .ic{border:2px solid #c9cfd5;box-shadow:0 0 16px 4px rgba(179,188,196,.7)} .tult span{color:#e4e7ea} #inv .doll .fig{background:radial-gradient(ellipse at 50% 60%,rgba(91,98,105,.22),transparent 70%)} #inv .doll .figold{background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 120'%3E%3Cg fill='none' stroke='%235b6269' stroke-width='2'%3E%3Ccircle cx='20' cy='14' r='8'/%3E%3Cpath d='M20 22v34M8 32l12 6 12-6M20 56l-10 44M20 56l10 44M34 20v96'/%3E%3C/g%3E%3C/svg%3E")} #inv .sel{border-color:#ee864a!important;box-shadow:0 0 12px rgba(238,134,74,.55)!important} #icard .imp{color:#d37f4f} #icard .fl{color:#b85e2a} #icard button.pri{background:linear-gradient(#32363a,#1d1f21);color:#d5d8db} #skills .howto{background:rgba(238,134,74,.12);color:#ee864a} #inv .eq.fit{border-color:#ee864a;box-shadow:0 0 14px rgba(238,134,74,.6)} .tbtn .talkic{background:radial-gradient(circle,#272a2d,#0e0f11)} .tbtn .talkic svg{stroke:#d5d8db} .tbtn .talkic span{color:#d5d8db} .tbtn.main.talk{border-color:#ee864a;box-shadow:0 0 16px rgba(238,134,74,.6)} .npc-label.near::after{background:rgba(238,134,74,.9);color:#101112} #inv{background:radial-gradient(ellipse at 30% 45%,rgba(91,98,105,.14),transparent 55%),radial-gradient(ellipse at 75% 60%,rgba(80,110,120,.08),transparent 60%),linear-gradient(rgba(255,255,255,.03),rgba(0,0,0,.35)),var(--tex) 0 0/256px 256px,var(--iron)} #inv .doll .fig{background:radial-gradient(ellipse at 50% 88%,rgba(0,0,0,.55),transparent 45%),radial-gradient(ellipse at 50% 55%,rgba(238,134,74,.16),transparent 65%)} #icard button.pri{background:linear-gradient(#32363a,#17191b)} .ip .banner{background:linear-gradient(90deg,#5b6269,#32363a);color:#d5d8db} .cmpbtn{background:#17191b;border:2px solid #ee864a;box-shadow:0 0 10px rgba(238,134,74,.6)} .cmpbtn svg{stroke:#d5d8db} #cmp .arrow{color:#ee864a} #cmp .fl{color:#b85e2a} #cmp button.pri{background:linear-gradient(#32363a,#17191b);color:#d5d8db} #icard .ip .ln.imp:not(.up):not(.dn){color:#d37f4f} #icard .arrow{color:#ee864a} .sbtn:hover{border-color:#000 #ee864a #ee864a #000} #callout{border:1px solid #ee864a;background:rgba(9,10,11,.92)} #callout b{border-left:13px solid #ee864a} #gmenu .tile:hover,.mm-tests .tile:hover{border-color:#000 #ee864a #ee864a #000} #gmenu .tile svg,.mm-tests .tile svg{stroke:#d5d8db} #gmenu .tile .new{color:#ee864a} #gmenu.fresh .tile[data-go="skills"]{border-color:#000 #ee864a #ee864a #000;box-shadow:0 0 14px rgba(238,134,74,.45)} #skills .slist .sk .new{color:#ee864a} #skills .slist .sk.sel{outline:2px solid #ee864a;box-shadow:0 0 12px rgba(238,134,74,.35)} #skills .slist .sk.fresh{background:linear-gradient(90deg,rgba(60,65,70,.95),rgba(40,18,10,.95))} #skills .spage{color:#1c1e20;background:radial-gradient(ellipse at 70% 30%,rgba(255,255,255,.18),transparent 60%),linear-gradient(rgba(228,177,147,.96),rgba(217,144,101,.96)),var(--tex) 0 0/256px 256px} #skills .spage .sinfo .hd{color:#1c1e20!important} #skills .spage .sinfo .meta{color:#4b5157!important} #skills .spage .sinfo .ln{color:#1c1e20!important} #skills .spage .choose{color:#3c4146} #skills .spage .sock{background:#111213} #skills .spage .sock em{color:#3c4146} #skills .spage .sock.ok{border-color:#ee864a!important;box-shadow:0 0 14px 2px rgba(238,134,74,.8)} #skills .slist .sk.fresh{background:linear-gradient(90deg,#3b3f43,#1e2023)!important} #skills .slist .sk.sel{outline-color:#ee864a!important} #skills .spage .sinfo .imp{color:#bcc3cb!important} #skills .spage .howto{color:#ee864a} #inv .ihead .ixp div{background:#d0672a} #inv.open .cell.sel{border-color:#ee864a!important} .tact svg{stroke:#d5d8db} .tact.pick{border-color:#f28140;background:radial-gradient(circle at 50% 40%,#f5935a,#5b6268);box-shadow:0 0 16px rgba(242,129,64,.55)} .tact.pick svg{stroke:#17191b} .loot-label.focus{outline:2px solid #f28140!important;box-shadow:0 0 12px rgba(242,129,64,.6)} #callout.bag b{border-bottom:10px solid #ee864a} #skipBtn b{color:#ee864a} #skipBtn:hover{border-color:#ee864a} .tact.talk.on{border-color:#f28140} #callout.up b{border-bottom:10px solid #ee864a} #skipBtn svg{fill:#ee864a;stroke:#ee864a} .sbtn .dot{background:#ee864a!important;box-shadow:0 0 8px rgba(238,134,74,.8)!important} .loot-label.focus{box-shadow:0 0 14px var(--rc,#ee864a)!important;background:var(--rc,#ee864a)!important;color:#0d0e10!important;border-color:var(--rc,#ee864a)!important} #inv.open .eq.sel,#inv.open .cell.sel{border-color:#d7dadc!important;box-shadow:0 0 12px rgba(238,134,74,.7),inset 0 0 12px rgba(238,134,74,.2)!important} #inv.open .eq.fit{border-color:#ee864a!important} #inv.open .eq.fit{border-color:#d7dadc!important;box-shadow:0 0 16px rgba(223,226,228,.55)!important} #callout,#explain{border:1.5px solid #ee864a!important;box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 16px rgba(238,134,74,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;color:#dde0e2!important} #callout span::before{background:#ee864a;box-shadow:0 0 6px rgba(238,134,74,.8)} #callout b{border-left:11px solid #ee864a!important;filter:drop-shadow(2px 0 4px rgba(238,134,74,.35))} #callout.up b,#callout.bag b{border-bottom:9px solid #ee864a!important;filter:drop-shadow(0 -2px 4px rgba(238,134,74,.35))} #playBtn{border:1.5px solid #ee864a;color:#dde0e2;box-shadow:0 0 18px rgba(238,134,74,.25)} #callout{border:1px solid #ee864a!important;color:#e2e4e6!important} #callout b{border-left:15px solid #ee864a!important} #callout.up b,#callout.bag b{border-bottom:14px solid #ee864a!important} #skipBtn{border:1px solid rgba(91,98,105,.5)!important} #callout{background:#f0ab83!important;color:#1c1e21!important} #callout b{border-left:14px solid #f0ab83!important} #callout.up b,#callout.bag b{border-bottom:13px solid #f0ab83!important} #callout{background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.12),transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .1 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url%28%23p%29'/%3E%3C/svg%3E"), linear-gradient(180deg,#bbc0c4,#eaa37a)!important} #callout b{border-left-color:#eea87f!important} #callout.up b,#callout.bag b{border-bottom-color:#bbc0c4!important} #dialogue .more,#explain .more{background:#ee864a} #dialogue .more svg,#explain .more svg{stroke:#101213} #icard .arrow i,#cmp .arrow i{border-left:9px solid #ee864a} #lvlup{text-shadow:0 2px 12px #000,0 0 30px rgba(238,134,74,.5)} #lvlup span{color:#c5c9cd} #lvlup b{color:#ee864a} #skills .spage .sock.locked{border-color:rgba(91,98,105,.55)!important} #gmenu .tile::after,.mm-tests .tile::after{background:linear-gradient(105deg,transparent 38%,rgba(204,208,211,.22) 50%,transparent 62%) 0 0/250% 100% no-repeat} #help .hlist{background:linear-gradient(90deg,transparent calc(100% - 16px),rgba(195,197,200,.05) calc(100% - 11px),rgba(195,197,200,.2)),linear-gradient(0deg,rgba(195,197,200,.18),rgba(195,197,200,.04) 10px,transparent 15px),linear-gradient(90deg,#26282c,#202226)} #help .hrow{background:#32363a} #help .opt.on{color:#d7dadc;filter:drop-shadow(0 0 6px rgba(238,134,74,.35))} #help .seedrow input:focus{border-color:#ee864a} #help .act{color:#131415} #help .hpage td{border-bottom:1px solid rgba(50,54,58,.55)} #help .hpage td:first-child{color:#ee864a!important} #icard .scroll,#cmp .scroll{scrollbar-color:#484d52 transparent} #icard .scroll::-webkit-scrollbar-thumb,#cmp .scroll::-webkit-scrollbar-thumb{background:#484d52} #icard .btns button.pri,#cmp .btns button.pri{color:#131415!important;text-shadow:0 1px 0 rgba(225,227,230,.35)} .ip .banner{background:linear-gradient(90deg,#5b6269,#3c4044 70%,#26292c)!important;color:#d7dadc!important} .ip::before{background:radial-gradient(ellipse 70% 100% at 50% 0,color-mix(in srgb,var(--rc,#5b6269) 20%,transparent),transparent 72%)} #cmp .arrow{border:1.5px solid #ee864a;box-shadow:0 0 12px rgba(238,134,74,.35)} html body.touch #icard#icard .btns button.pri.cardic svg{stroke:#131415!important} #tourBtn{color:#131415;text-shadow:0 1px 0 rgba(225,227,230,.35);filter:drop-shadow(0 0 12px rgba(238,134,74,.4)) drop-shadow(0 3px 6px rgba(0,0,0,.7))} :is(#mapPanel,#qlog) .mlist{background:linear-gradient(90deg,transparent calc(100% - 16px),rgba(195,197,200,.05) calc(100% - 11px),rgba(195,197,200,.2)),linear-gradient(0deg,rgba(195,197,200,.18),rgba(195,197,200,.04) 10px,transparent 15px),linear-gradient(90deg,#26282c,#202226)} :is(#mapPanel,#qlog) .mi.camp{background:#41464b} :is(#mapPanel,#qlog) .mframe{background:#0b0c0d} :is(#mapPanel,#qlog) .mframe::before{box-shadow:inset 0 0 0 1px rgba(176,92,44,.45),inset 0 0 28px 10px rgba(8,9,10,.85),inset 0 0 80px 20px rgba(8,9,10,.35)} #callout.rt b{border-right:14px solid #ef8c53!important} #tourBtn{background:#ee864a!important} #tourBtn svg{stroke:#101213} #tourBtn:hover{background:#f69b66!important} .mm-cls.on{filter:drop-shadow(0 0 12px rgba(238,134,74,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.7))} .mm-cls.on svg{stroke:#d7dadc} .mm-desc{color:#bbbec1} .mm-tags{border-top:1px solid rgba(91,98,105,.35)} .mm-tags svg{stroke:#ee864a} #heroName:focus{border-color:#ee864a} .mm-go{color:#131415;text-shadow:0 1px 0 rgba(225,227,230,.35);filter:drop-shadow(0 0 14px rgba(238,134,74,.35)) drop-shadow(0 3px 6px rgba(0,0,0,.7))} .mm-port b{border:1px solid #ee864a;color:#d7dadc} .mm-slot.on .mm-port{filter:drop-shadow(0 0 12px rgba(238,134,74,.55)) drop-shadow(0 4px 8px rgba(0,0,0,.7))} .mm-slot.on::before{background:radial-gradient(ellipse 60% 90% at 18% 50%,rgba(238,134,74,.30),rgba(238,134,74,.08) 60%,transparent 80%),linear-gradient(90deg,rgba(13,14,15,.75),rgba(13,14,15,.35) 60%,transparent)} .mm-slot.on .mm-who strong{color:#d7dadc;text-shadow:0 0 10px rgba(238,134,74,.6),0 1px 3px #000} .mm-slot.on .mm-who small{color:#ee864a;border-top:1px solid rgba(238,134,74,.55)} .mm-del.sure svg{stroke:#131415} .mm-note{color:#d7dadc} #mainmenu .mm-newsbar{border-top:1px solid rgba(197,103,49,.45)} #mainmenu .mm-newsbar .nb-gem{background:#5b6269} #mainmenu .mm-newsbar.fresh .nb-gem{background:#ee864a;box-shadow:0 0 8px #ee864a,0 0 0 1px #000} #mainmenu .mm-newsbar b{color:#e79566} #mainmenu .mm-newsbar time{color:#c8662e} #mainmenu .mm-newsbar span{color:#c1c4c8} #mainmenu .mm-newsbar:hover span,#mainmenu .mm-newsbar.down span{color:#eceeef} #newsAsk .nw-item time{color:#c8662e} #newsAsk .nw-item p{color:#d1d4d8} #mainmenu .mm-version{color:#c4c8cc} #inv.open .igold{color:#babec3} #inv .igold i{background:radial-gradient(circle at 35% 30%,#d9dcde,#e07b40 45%,#484d52);box-shadow:0 0 6px rgba(238,134,74,.6)} .mm-cls svg{stroke:color-mix(in srgb,var(--cg) 55%,#e6e8e9)} :is(#mapPanel,#qlog) .mrow.tap:hover,:is(#mapPanel,#qlog) .mrow.on{background:rgba(238,134,74,.14)} #inv .itabs button.on{border-color:#ee864a;background:rgba(238,134,74,.14)} #inv .itabs button.on svg{stroke:#ee864a} #inv .itabs button i{background:#ee864a;box-shadow:0 0 8px #ee864a} #shop .cat svg{stroke:#ee864a} #shop .cat .pr{color:#ee864a} #shop .pr i,#shop .sbtn i,#shop .shgold i{background:radial-gradient(circle at 35% 35%,#c0c4c9,#c05b20)} #shop .shnote{color:#d7dadc} #shop .sgrid .cell.sel{outline:2px solid #ee864a} #shop .sbtn,#shop .sall{border:1px solid rgba(238,134,74,.6);background:rgba(238,134,74,.14);color:#ee864a} #shop .shgold{color:#ee864a} #shop .cat:active,#shop .cat:hover{filter:drop-shadow(0 0 8px rgba(238,134,74,.35))} #shop .sgrid .cell.sel{filter:drop-shadow(0 0 6px rgba(238,134,74,.5))} #shop .sall{color:#ee864a} #qlog .mtabs button.on{color:#ee864a;text-shadow:0 0 10px rgba(238,134,74,.6)} :is(#mapPanel,#qlog) .mtabs button.on{color:#ee864a;filter:drop-shadow(0 0 6px rgba(238,134,74,.4))} .mm-cbtns button.danger{color:#131415} :is(#mapPanel,#qlog) .mtravel b{color:#ee864a} :is(#mapPanel,#qlog) .mtravel button{color:#131415} .mm-hero .mm-desc{color:#ee864a;border-bottom:1px solid rgba(91,98,105,.35)} .mm-tests .tsearch input:focus{border-color:#ee864a;box-shadow:0 0 calc(8px * var(--k)) rgba(238,134,74,.25)} #cityTitle .ct-name{color:#f09b6a;background:linear-gradient(180deg,#e6e8e9 0%,#f29d6c 42%,#626970 68%,#bcc0c5 100%);filter:drop-shadow(0 3px 5px rgba(0,0,0,.85)) drop-shadow(0 0 22px rgba(238,134,74,.35))} #rotate .phone{border-color:#ee864a;box-shadow:0 0 18px rgba(238,134,74,.35)} #rotate .phone i{background:#ee864a} #install .mm-cbtns button.ib{color:#131415} #shop .sall.sure{color:#131415!important} .tpot svg{stroke:#d5d8db} .tpot b{border:1px solid #ee864a;color:#d7dadc} #riftHud .rtime{background:#090a0b;outline:1px solid rgba(238,134,74,.45)} #riftHud .rtime i{background:linear-gradient(90deg,#b85e2a,#ee864a)} #riftHud .rtime em{color:#ee864a} #inv .misc .cell .ndot{background:radial-gradient(circle at 35% 35%,#d0d3d7,#ee864a 55%,#636a71);border:1px solid #16181a;box-shadow:0 0 8px rgba(238,134,74,.85)} #callout .more{background:#ee864a} #callout .more svg{stroke:#101213} .cu-tab.on{filter:drop-shadow(0 0 12px rgba(238,134,74,.55)) drop-shadow(0 4px 8px rgba(0,0,0,.7))} .cu-tab.on svg{stroke:#c0c4c9} .cu-panel{background:linear-gradient(270deg,transparent calc(100% - 16px),rgba(195,197,200,.05) calc(100% - 11px),rgba(195,197,200,.2)),linear-gradient(270deg,#26282c,#202226)} .cu-opt.on{color:#c0c4c9;filter:drop-shadow(0 0 10px rgba(238,134,74,.45)) drop-shadow(0 3px 6px rgba(0,0,0,.55))} .cu-tab.on svg{stroke:#c0c4c9!important} #zload .zl-tip b{color:#ee864a} #zload .zl-tip p{color:#c3c5c8} #zload .zl-bar{background:rgba(91,98,105,.3)} #zload .zl-bar i{background:linear-gradient(90deg,#5b6269,#ee864a);box-shadow:0 0 6px rgba(238,134,74,.6)} #shop .cat.pet small.own{color:#ee864a} #shop .cat.pet.on{filter:drop-shadow(0 0 8px rgba(238,134,74,.35))} #shop .cat.pet .ci svg,#shop.pets .cat .ci svg{stroke:#ee864a} .ip .nm .up{color:#d7dadc} #shop .cat b .upn{color:#d7dadc} #qlog .mlist.lr{background:linear-gradient(270deg,transparent calc(100% - 16px),rgba(195,197,200,.05) calc(100% - 11px),rgba(195,197,200,.2)),linear-gradient(0deg,rgba(195,197,200,.18),rgba(195,197,200,.04) 10px,transparent 15px),linear-gradient(270deg,rgba(38,40,44,.5),rgba(30,32,35,.58)),var(--tex-panel) 0 0/384px 384px,#222427!important} #qlog .qitem.sel{background:rgba(238,134,74,.1);border-color:rgba(238,134,74,.35)} #qlog .qitem.side.sel{background:rgba(174,183,192,.1);border-color:rgba(174,183,192,.4)} #qlog .qhd:hover{background:rgba(195,197,200,.05)} #qlog .qd{background:#ee864a;box-shadow:0 0 6px rgba(238,134,74,.6)} #qlog .qitem.side .qd{box-shadow:0 0 6px rgba(174,183,192,.6)} #qlog .qhx b{color:#ee864a} #qlog .qitem.side .qhx b{color:#c0c7ce} #qlog .qf{color:#ee864a;border:1px solid rgba(238,134,74,.55)} #qlog .qitem.side .qf{color:#c0c7ce;border-color:rgba(174,183,192,.6)} #qlog .qwhere{border-left:2px solid #ee864a;background:rgba(238,134,74,.08)} #qlog .qitem.side .qwhere{background:rgba(174,183,192,.09)} #qlog .qwhere em{color:#c0c4c9} #qlog .qnav svg{stroke:#ee864a} #qlog .qx li.now::before{background:#ee864a} #qlog h3.side{color:#b5bcc4} #qlog .ldock::before{border:solid #ee864a} #qlog .ldock.l{box-shadow:inset -1px 0 0 rgba(238,134,74,.45)} #qlog .ldock.r{box-shadow:inset 1px 0 0 rgba(238,134,74,.45)} #qlog .mnpc b{color:#ee864a} #qlog .mnpc em{color:#d7dadc} #qlog .mnpc em.side{color:#c0c7ce} #qlog .mnpc.side b{color:#c0c7ce} *{scrollbar-color:rgba(91,98,105,.5) transparent} ::-webkit-scrollbar-thumb{background:rgba(91,98,105,.5)} body.uisoft #manaGlobe.ready{filter:blur(.35px) drop-shadow(0 0 12px rgba(191,198,204,.7))} #shop .shask button.pri{color:#131415} #shop .shtabs button.on{color:#ee864a;text-shadow:0 0 10px rgba(238,134,74,.6)} #shop .sdoll .fig{background:radial-gradient(ellipse at 50% 88%,rgba(0,0,0,.55),transparent 45%),radial-gradient(ellipse at 50% 55%,rgba(238,134,74,.16),transparent 65%)} #shop .sdoll .eq.sel{filter:drop-shadow(0 0 6px rgba(238,134,74,.5))} .updots i{background:rgba(14,15,16,.85);border:1px solid rgba(238,134,74,.45)} .updots i.on{background:radial-gradient(circle at 35% 35%,#d0d3d7,#ee864a 60%,#636a71);border-color:#16181a;box-shadow:0 0 4px rgba(238,134,74,.8)} #icard .uphead{color:#ee864a} #icard .btns button.upbtn small{color:#1e2022} #icard .btns button.upbtn small .mt{color:#1e2022!important} #icard .btns button.upbtn .gc{background:radial-gradient(circle at 35% 35%,#c0c4c9,#c05b20);border:1px solid #393d41} #inv .forgebar .shtabs button.on{color:#ee864a;text-shadow:0 0 10px rgba(238,134,74,.6)} .mchip{border:1px solid rgba(91,98,105,.45)} #benchOut b{color:#ee864a} body.touch #qlog .qitem.sel{border-left-color:#ee864a!important;background:rgba(238,134,74,.08)} :is(#shop,#petp) .pbtn{color:#ee864a} :is(#shop,#petp) .pbtn.fire{color:#131415} :is(#shop,#petp) .pbtn:hover{filter:drop-shadow(0 0 8px rgba(238,134,74,.45))} #shop.pets{background:var(--o-c-tl) left 10px top 10px/56px 56px no-repeat,var(--o-c-bl) left 10px bottom 10px/56px 56px no-repeat,var(--o-c-br) right 10px bottom 10px/56px 56px no-repeat, radial-gradient(ellipse 50% 55% at 42% 62%,rgba(238,134,74,.07),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.6)),linear-gradient(rgba(14,15,16,.55),rgba(8,8,8,.7)),var(--tex-panel,none) 0 0/384px 384px,#121110} #shop.pets .shgold i{box-shadow:0 0 6px rgba(255,150,90,.6)} #shop .ptile .ci svg{stroke:#ee864a;filter:drop-shadow(0 0 4px rgba(238,134,74,.3))} #shop .ptile.side small,#shop .ptile.own small{color:#ee864a} #shop .ptile.on{background:linear-gradient(90deg,rgba(238,134,74,.17),rgba(238,134,74,.06) 55%,transparent)} #shop .ptile.on b{color:#eceeef} #shop .ptile.on::after{background:linear-gradient(transparent,rgba(238,134,74,.7),transparent)} #shop .ptile.on::before{background:#ee864a;box-shadow:0 0 8px #ee864a} #shop .phd b{color:#ee864a;text-shadow:0 0 16px rgba(238,134,74,.3)} #shop .pq h4{color:#c0c7ce} #shop .pq li em{color:#c0c7ce} #shop.pets .pbtn.fire{filter:drop-shadow(0 0 10px rgba(238,134,74,.35))} #shop .pfollow{color:#c0c7ce} #petp{background:var(--o-c-tl) left 10px top 10px/56px 56px no-repeat,var(--o-c-bl) left 10px bottom 10px/56px 56px no-repeat,var(--o-c-br) right 10px bottom 10px/56px 56px no-repeat,var(--o-div) center bottom 8px/calc(240px * var(--k)) calc(24px * var(--k)) no-repeat,radial-gradient(ellipse 34% 60% at 50% 50%,rgba(238,134,74,.06),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.62)),linear-gradient(rgba(14,15,16,.55),rgba(8,8,8,.7)),var(--tex-panel,none) 0 0/384px 384px,#121110!important} #petp .gc{background:radial-gradient(circle at 35% 35%,#c0c4c9,#c05b20);box-shadow:0 0 6px rgba(255,150,90,.6)} #petp .ppstage::before{background:radial-gradient(ellipse 26% 100% at 50% 0%,rgba(209,212,216,.30),rgba(255,163,110,.14) 45%,rgba(238,134,74,.04) 75%,transparent 100%)} #petp .ppdeco *{stroke:#d48354} #petp .ppdeco .mk{fill:#d48354} #petp .ppname b{color:#ee864a;text-shadow:0 0 14px rgba(238,134,74,.35)} #petp .pplring .bg{fill:#0c0d0e;stroke:#272a2d} #petp .pplring .fg{stroke:#ee864a;filter:drop-shadow(0 0 3px rgba(238,134,74,.7))} #petp .pplring .fg.bond{stroke:#c0c7ce;filter:drop-shadow(0 0 3px rgba(192,199,206,.7))} #petp .pplring text{fill:#d7dadc} #petp .orn *{stroke:#d48354} #petp .orn .mk{fill:#d48354} #petp .vine{stroke:#111214} #petp .vine2{stroke:#313539} #petp .vinelit{filter:drop-shadow(0 0 4px rgba(238,134,74,.6))} #petp .branch{stroke:#313539} #petp .branch.lit{stroke:#d06d34;filter:drop-shadow(0 0 3px rgba(238,134,74,.6))} #petp .leaf{fill:#1f2123;stroke:#3c4146} #petp .leaf.lit{fill:#2a2d30;stroke:#c06530} #petp .seal{stroke:#5d646b} #petp .sealmark{fill:#ee864a} #petp .tier .plq{fill:#141618;stroke:#484d52} #petp .tier text{fill:#d48354} #petp .tier.shut text{fill:#51575d} #petp .need text{fill:#6f777f} #petp .needmk{stroke:#6f777f} #petp .pn .rim{stroke:#070809} #petp .pn .rim2{stroke:#111214} #petp .pn .rays{fill:#1e2022;stroke:#3c4146} #petp .pn .pi{stroke:#6f777f} #petp .pn.got .pi{stroke:#c0c4c9} #petp .pn.got .rays{fill:#4f555b;stroke:#ee864a} #petp .pn.can .rim{stroke:#ee864a} #petp .pn.can .pi{stroke:#d6d8da} #petp .pn.shut .pi{stroke:#3b3f43} #petp .pn .lock rect,#petp .pn .lock path{stroke:#6f777f} #petp .pn.sel .rim2{stroke:#eceeef} #petp .pip{fill:#111214;stroke:#484d52} #petp .pip.on{fill:#ee864a;stroke:#d0d3d7;filter:drop-shadow(0 0 2px rgba(238,134,74,.8))} #petp .pppts.has b{color:#ee864a;text-shadow:0 0 12px rgba(238,134,74,.7)} #petp .pch .ni{filter:drop-shadow(0 0 8px rgba(238,134,74,.25))} #petp .pch .ni svg{stroke:#ee864a} #petp .pch b{color:#ee864a} #petp .ppact .pbtn.fire{filter:drop-shadow(0 0 10px rgba(238,134,74,.35))} #shop.pets{background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.6)),linear-gradient(rgba(14,15,16,.55),rgba(8,8,8,.7)),var(--tex-panel,none) 0 0/384px 384px,#121110!important} #shop.pets .ptile{border-left:1px solid rgba(176,92,44,.22)} #petp .ppstage::before{background:radial-gradient(ellipse 24% 100% at 50% 0%,rgba(209,212,216,.26),rgba(255,163,110,.13) 50%,rgba(238,134,74,.04) 80%,transparent 100%)} #mainmenu[data-mode="select"] .mm-who small{color:#c8662e} #mainmenu[data-mode="select"] .mm-slot.on .mm-who strong{color:#eceeef} #mainmenu[data-mode="select"] .mm-slot.on .mm-who small{color:#ee864a} #mainmenu[data-mode="select"] .mm-addp svg{stroke:#ee864a} #mainmenu[data-mode="select"] .mm-addt:hover{color:#d7dadc} :is(#mapPanel,#qlog) .mtravel button[data-a="area"]{color:#ee864a} html body #dialogue{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' preserveAspectRatio='none'%3E%3Cpath d='M40 22 L80 15 L129 15 L175 17 L207 18 L238 17 L270 15 L313 21 L347 16 L396 22 L443 17 L502 14 L558 16 L592 15 L631 21 L667 19 L716 17 L763 15 L794 16 L845 17 L884 19 L928 16 L960 20 L962 22 L975 34 L973 46 L986 58 L981 70 L964 82 L990 94 L957 106 L969 118 L982 130 L959 142 L972 154 L954 166 L978 178 L907 185 L851 182 L800 185 L753 184 L697 188 L653 186 L621 186 L572 189 L517 182 L476 186 L445 184 L410 180 L378 187 L344 181 L303 188 L270 183 L224 188 L169 188 L131 183 L90 188 L40 181 L16 180 L6 168 L18 156 L15 144 L31 132 L7 120 L9 108 L13 96 L23 84 L19 72 L45 60 L23 48 L29 36 L20 24Z' fill='%230a0b0c' fill-opacity='.93'/%3E%3Cpath d='M120 24 H930' stroke='%23c56731' stroke-opacity='.75' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 174 H900' stroke='%23c56731' stroke-opacity='.55' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M50 168 C150 176 260 176 330 170' stroke='%23c56731' stroke-opacity='.4' stroke-width='1' fill='none' vector-effect='non-scaling-stroke'/%3E%3Crect x='990' y='38' width='15' height='2.7' fill='%23090a0b' opacity='.8'/%3E%3Crect x='993' y='142' width='10' height='2.1' fill='%23090a0b' opacity='.8'/%3E%3Crect x='982' y='119' width='7' height='1.6' fill='%23090a0b' opacity='.8'/%3E%3Crect x='983' y='53' width='9' height='1.6' fill='%23090a0b' opacity='.8'/%3E%3Crect x='980' y='51' width='7' height='2.0' fill='%23090a0b' opacity='.8'/%3E%3C/svg%3E") center/100% 100% no-repeat!important} #dialogue::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='gL' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23dde0e2'/%3E%3Cstop offset='1' stop-color='%23e0814a'/%3E%3C/linearGradient%3E%3ClinearGradient id='gD' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23626970'/%3E%3Cstop offset='1' stop-color='%23282b2e'/%3E%3C/linearGradient%3E%3CradialGradient id='gC'%3E%3Cstop offset='0' stop-color='%23eaeced'/%3E%3Cstop offset='.5' stop-color='%23ee8a50'/%3E%3Cstop offset='1' stop-color='%23393d41'/%3E%3C/radialGradient%3E%3Cfilter id='sh'%3E%3CfeDropShadow dx='0' dy='1.5' stdDeviation='1.5' flood-color='%23000' flood-opacity='.7'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url%28%23sh%29'%3E%3Cpath d='M60 30 C78 22 96 26 104 12 M60 90 C42 98 24 94 16 108' fill='none' stroke='%23d17845' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='60' cy='60' r='21' fill='none' stroke='%23d17845' stroke-width='1.4'/%3E%3Ccircle cx='60' cy='60' r='24' fill='none' stroke='%2333373b' stroke-width='1'/%3E%3Cpath d='M60 60 L67.0 60.0 L60.0 6.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L53.0 60.0 L60.0 6.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L60.0 67.0 L114.0 60.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L60.0 53.0 L114.0 60.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L53.0 60.0 L60.0 114.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L67.0 60.0 L60.0 114.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L60.0 53.0 L6.0 60.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L60.0 67.0 L6.0 60.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L63.5 63.5 L81.2 38.8Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L56.5 56.5 L81.2 38.8Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L56.5 63.5 L81.2 81.2Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L63.5 56.5 L81.2 81.2Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L56.5 56.5 L38.8 81.2Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L63.5 63.5 L38.8 81.2Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L63.5 56.5 L38.8 38.8Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L56.5 63.5 L38.8 38.8Z' fill='url%28%23gD%29'/%3E%3Ccircle cx='60' cy='60' r='7.5' fill='url%28%23gC%29' stroke='%23282b2e' stroke-width='1'/%3E%3Ccircle cx='58' cy='58' r='2' fill='%23f3f3f4' opacity='.85'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} html body #dialogue .who{color:#d6d8da} #dialogue .who::before{border:1px solid #d17845} html body #dialogue .who::after{background:linear-gradient(90deg,#d17845,rgba(209,120,69,0))!important} html body #dialogue .say{color:#e1e2e4} html body #dialogue .more{background:linear-gradient(160deg,#f4a77a,#c8662e)!important;filter:drop-shadow(0 0 1px #d17845) drop-shadow(0 3px 6px rgba(0,0,0,.6))} #dialogue .dplate{background:linear-gradient(90deg,rgba(197,103,49,0),rgba(197,103,49,.8) 6%,rgba(197,103,49,.8) 94%,rgba(197,103,49,0)) left 9% top var(--dl) / 84% 1px no-repeat,linear-gradient(90deg,rgba(197,103,49,0),rgba(197,103,49,.6) 6%,rgba(197,103,49,.6) 94%,rgba(197,103,49,0)) left 6% bottom var(--dl) / 84% 1px no-repeat,radial-gradient(ellipse at 30% 40%,rgba(94,101,108,.16),transparent 60%),linear-gradient(rgba(11,12,13,.38),rgba(7,7,7,.58)),var(--tex-panel) 0 0/320px 320px,#111213} :root{--o-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='gL' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23dde0e2'/%3E%3Cstop offset='1' stop-color='%23e0814a'/%3E%3C/linearGradient%3E%3ClinearGradient id='gD' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23626970'/%3E%3Cstop offset='1' stop-color='%23282b2e'/%3E%3C/linearGradient%3E%3CradialGradient id='gC'%3E%3Cstop offset='0' stop-color='%23eaeced'/%3E%3Cstop offset='.5' stop-color='%23ee8a50'/%3E%3Cstop offset='1' stop-color='%23393d41'/%3E%3C/radialGradient%3E%3Cfilter id='sh'%3E%3CfeDropShadow dx='0' dy='1.5' stdDeviation='1.5' flood-color='%23000' flood-opacity='.7'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url%28%23sh%29'%3E%3Cpath d='M60 30 C78 22 96 26 104 12 M60 90 C42 98 24 94 16 108' fill='none' stroke='%23d17845' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='60' cy='60' r='21' fill='none' stroke='%23d17845' stroke-width='1.4'/%3E%3Ccircle cx='60' cy='60' r='24' fill='none' stroke='%2333373b' stroke-width='1'/%3E%3Cpath d='M60 60 L67.0 60.0 L60.0 6.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L53.0 60.0 L60.0 6.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L60.0 67.0 L114.0 60.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L60.0 53.0 L114.0 60.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L53.0 60.0 L60.0 114.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L67.0 60.0 L60.0 114.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L60.0 53.0 L6.0 60.0Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L60.0 67.0 L6.0 60.0Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L63.5 63.5 L81.2 38.8Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L56.5 56.5 L81.2 38.8Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L56.5 63.5 L81.2 81.2Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L63.5 56.5 L81.2 81.2Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L56.5 56.5 L38.8 81.2Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L63.5 63.5 L38.8 81.2Z' fill='url%28%23gD%29'/%3E%3Cpath d='M60 60 L63.5 56.5 L38.8 38.8Z' fill='url%28%23gL%29'/%3E%3Cpath d='M60 60 L56.5 63.5 L38.8 38.8Z' fill='url%28%23gD%29'/%3E%3Ccircle cx='60' cy='60' r='7.5' fill='url%28%23gC%29' stroke='%23282b2e' stroke-width='1'/%3E%3Ccircle cx='58' cy='58' r='2' fill='%23f3f3f4' opacity='.85'/%3E%3C/g%3E%3C/svg%3E")} #mainmenu[data-mode="create"] .mm-classes::before{background:linear-gradient(transparent,rgba(209,120,69,.55) 15%,rgba(209,120,69,.55) 85%,transparent)} .mm-cls .rim{border:1px solid rgba(209,120,69,.55)} .mm-cls .rim::before,.mm-cls .rim::after{background:#d17845} .mm-cls .rim{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cg fill='none' stroke='%23d17845'%3E%3Crect x='21' y='21' width='70' height='70' stroke-width='1.1' stroke-opacity='.85'/%3E%3Crect x='25.5' y='25.5' width='61' height='61' stroke-width='.7' stroke-opacity='.45'/%3E%3Cpath d='M91 21 L108 4 M21 91 L4 108' stroke-width='.9' stroke-opacity='.8'/%3E%3C/g%3E%3Cg fill='%23d17845'%3E%3Crect x='18.5' y='18.5' width='5' height='5'/%3E%3Crect x='88.5' y='18.5' width='5' height='5'/%3E%3Crect x='18.5' y='88.5' width='5' height='5'/%3E%3Crect x='88.5' y='88.5' width='5' height='5'/%3E%3Crect x='105.5' y='1.5' width='4' height='4'/%3E%3Crect x='2.5' y='106.5' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat} #mainmenu[data-mode="create"] .mm-info.none::before{background:linear-gradient(90deg,transparent,rgba(209,120,69,.6)) left calc(50% - 0px) center / 0 0 no-repeat,var(--o-star) center/contain no-repeat} #mainmenu[data-mode="create"] .mm-info.none::after{border:1px solid rgba(209,120,69,.22)} #mainmenu[data-mode="create"] .mm-info.none h2{color:#e1e2e4!important} #mainmenu[data-mode="create"] .mm-info.none h2::after{background:linear-gradient(90deg,transparent,rgba(209,120,69,.85) 15%,rgba(209,120,69,.85) 85%,transparent) left center/100% 1px no-repeat,var(--o-div) center/calc(60px * var(--k)) 100% no-repeat!important} #mainmenu[data-mode="create"] .mm-info.none .mm-desc{color:#c3c6c9} #mainmenu[data-mode="create"] .mm-info.none .mm-desc::after{background:linear-gradient(transparent,rgba(209,120,69,.7))!important} #mainmenu[data-mode="create"] .mm-info.none::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23d17845'%3E%3Ccircle cx='150' cy='150' r='142' stroke-width='1' stroke-opacity='.7'/%3E%3Ccircle cx='150' cy='150' r='118' stroke-width='.9' stroke-opacity='.5' stroke-dasharray='2 6'/%3E%3Ccircle cx='150' cy='150' r='150' stroke-width='.6' stroke-opacity='.3'/%3E%3Cg stroke-width='1' stroke-opacity='.55'%3E%3Cpath d='M288.0 150.0 L296.0 150.0'/%3E%3Cpath d='M283.3 185.7 L291.0 187.8'/%3E%3Cpath d='M269.5 219.0 L276.4 223.0'/%3E%3Cpath d='M247.6 247.6 L253.2 253.2'/%3E%3Cpath d='M219.0 269.5 L223.0 276.4'/%3E%3Cpath d='M185.7 283.3 L187.8 291.0'/%3E%3Cpath d='M150.0 288.0 L150.0 296.0'/%3E%3Cpath d='M114.3 283.3 L112.2 291.0'/%3E%3Cpath d='M81.0 269.5 L77.0 276.4'/%3E%3Cpath d='M52.4 247.6 L46.8 253.2'/%3E%3Cpath d='M30.5 219.0 L23.6 223.0'/%3E%3Cpath d='M16.7 185.7 L9.0 187.8'/%3E%3Cpath d='M12.0 150.0 L4.0 150.0'/%3E%3Cpath d='M16.7 114.3 L9.0 112.2'/%3E%3Cpath d='M30.5 81.0 L23.6 77.0'/%3E%3Cpath d='M52.4 52.4 L46.8 46.8'/%3E%3Cpath d='M81.0 30.5 L77.0 23.6'/%3E%3Cpath d='M114.3 16.7 L112.2 9.0'/%3E%3Cpath d='M150.0 12.0 L150.0 4.0'/%3E%3Cpath d='M185.7 16.7 L187.8 9.0'/%3E%3Cpath d='M219.0 30.5 L223.0 23.6'/%3E%3Cpath d='M247.6 52.4 L253.2 46.8'/%3E%3Cpath d='M269.5 81.0 L276.4 77.0'/%3E%3Cpath d='M283.3 114.3 L291.0 112.2'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23d17845' fill-opacity='.85'%3E%3Cpath d='M150 2 L155 8 L150 14 L145 8Z'/%3E%3Cpath d='M150 286 L155 292 L150 298 L145 292Z'/%3E%3Cpath d='M2 150 L8 145 L14 150 L8 155Z'/%3E%3Cpath d='M286 150 L292 145 L298 150 L292 155Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .mm-cls .rim{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112' shape-rendering='geometricPrecision'%3E%3Cg fill='none' stroke='%23d8885a'%3E%3Crect x='21' y='21' width='70' height='70' stroke-width='1.8'/%3E%3Crect x='25.5' y='25.5' width='61' height='61' stroke-width='1.1' stroke-opacity='.7'/%3E%3Cpath d='M91 21 L108 4 M21 91 L4 108' stroke-width='1.5'/%3E%3C/g%3E%3Cg fill='%23d8885a'%3E%3Crect x='18' y='18' width='6' height='6'/%3E%3Crect x='88' y='18' width='6' height='6'/%3E%3Crect x='18' y='88' width='6' height='6'/%3E%3Crect x='88' y='88' width='6' height='6'/%3E%3Crect x='105' y='1' width='5' height='5'/%3E%3Crect x='2' y='106' width='5' height='5'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} #mainmenu[data-mode="create"] .mm-classes::before{background:linear-gradient(transparent,rgba(216,136,90,.85) 12%,rgba(216,136,90,.85) 88%,transparent)!important} :root{--o-cring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23d17845'%3E%3Ccircle cx='150' cy='150' r='142' stroke-width='1' stroke-opacity='.7'/%3E%3Ccircle cx='150' cy='150' r='118' stroke-width='.9' stroke-opacity='.5' stroke-dasharray='2 6'/%3E%3Ccircle cx='150' cy='150' r='150' stroke-width='.6' stroke-opacity='.3'/%3E%3Cg stroke-width='1' stroke-opacity='.55'%3E%3Cpath d='M288.0 150.0 L296.0 150.0'/%3E%3Cpath d='M283.3 185.7 L291.0 187.8'/%3E%3Cpath d='M269.5 219.0 L276.4 223.0'/%3E%3Cpath d='M247.6 247.6 L253.2 253.2'/%3E%3Cpath d='M219.0 269.5 L223.0 276.4'/%3E%3Cpath d='M185.7 283.3 L187.8 291.0'/%3E%3Cpath d='M150.0 288.0 L150.0 296.0'/%3E%3Cpath d='M114.3 283.3 L112.2 291.0'/%3E%3Cpath d='M81.0 269.5 L77.0 276.4'/%3E%3Cpath d='M52.4 247.6 L46.8 253.2'/%3E%3Cpath d='M30.5 219.0 L23.6 223.0'/%3E%3Cpath d='M16.7 185.7 L9.0 187.8'/%3E%3Cpath d='M12.0 150.0 L4.0 150.0'/%3E%3Cpath d='M16.7 114.3 L9.0 112.2'/%3E%3Cpath d='M30.5 81.0 L23.6 77.0'/%3E%3Cpath d='M52.4 52.4 L46.8 46.8'/%3E%3Cpath d='M81.0 30.5 L77.0 23.6'/%3E%3Cpath d='M114.3 16.7 L112.2 9.0'/%3E%3Cpath d='M150.0 12.0 L150.0 4.0'/%3E%3Cpath d='M185.7 16.7 L187.8 9.0'/%3E%3Cpath d='M219.0 30.5 L223.0 23.6'/%3E%3Cpath d='M247.6 52.4 L253.2 46.8'/%3E%3Cpath d='M269.5 81.0 L276.4 77.0'/%3E%3Cpath d='M283.3 114.3 L291.0 112.2'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23d17845' fill-opacity='.85'%3E%3Cpath d='M150 2 L155 8 L150 14 L145 8Z'/%3E%3Cpath d='M150 286 L155 292 L150 298 L145 292Z'/%3E%3Cpath d='M2 150 L8 145 L14 150 L8 155Z'/%3E%3Cpath d='M286 150 L292 145 L298 150 L292 155Z'/%3E%3C/g%3E%3C/svg%3E")} .mm-cls .rim{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' shape-rendering='geometricPrecision'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ccd0d3'/%3E%3Cstop offset='.45' stop-color='%23d98656'/%3E%3Cstop offset='1' stop-color='%23464b50'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d98656'/%3E%3Cstop offset='1' stop-color='%23d98656' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='p'%3E%3Cstop offset='0' stop-color='%23302d30'/%3E%3Cstop offset='1' stop-color='%23121113'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='90' cy='90' r='50' fill='none' stroke='%23d17845' stroke-opacity='.22' stroke-width='.7' stroke-dasharray='60 40 30 184'/%3E%3Cpath d='M59 121 L0 180' stroke='url%28%23l%29' stroke-width='1.3'/%3E%3Cpath d='M121 59 L128 52' stroke='%23d98656' stroke-width='1.3'/%3E%3Crect x='60' y='60' width='60' height='60' fill='none' stroke='%230b0c0c' stroke-width='4.4'/%3E%3Crect x='60' y='60' width='60' height='60' fill='none' stroke='url%28%23g%29' stroke-width='2.8'/%3E%3Crect x='63.4' y='63.4' width='53.2' height='53.2' fill='none' stroke='%23d98656' stroke-opacity='.5' stroke-width='.7'/%3E%3Cg fill='%23101213' stroke='url%28%23g%29' stroke-width='1.1'%3E%3Crect x='56.5' y='116.5' width='7' height='7'/%3E%3Crect x='116.5' y='56.5' width='7' height='7'/%3E%3Crect x='56.5' y='56.5' width='7' height='7'/%3E%3Crect x='116.5' y='116.5' width='7' height='7'/%3E%3Crect x='50' y='50' width='4.5' height='4.5'/%3E%3Crect x='125.5' y='125.5' width='4.5' height='4.5'/%3E%3Crect x='127.5' y='50.5' width='4' height='4'/%3E%3Crect x='34' y='144' width='4' height='4'/%3E%3C/g%3E%3Cg fill='%23e8986a'%3E%3Crect x='59' y='119' width='2' height='2'/%3E%3Crect x='119' y='59' width='2' height='2'/%3E%3Crect x='59' y='59' width='2' height='2'/%3E%3Crect x='119' y='119' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} #mainmenu[data-mode="create"] .mm-cls.on svg{stroke:color-mix(in srgb,var(--cg) 70%,#eceeef)!important} #mainmenu[data-mode="create"] .mm-info.none::after,#mainmenu[data-mode="create"] .mm-info:not(.none)::after{background:conic-gradient(from var(--ga),transparent 0deg,transparent 300deg,rgba(215,218,220,calc(var(--gk) * .9)) 345deg,rgba(239,240,241,var(--gk)) 356deg,transparent 360deg),var(--o-cring) center/contain no-repeat!important} #mainmenu[data-mode="create"] .mm-info.none::after,#mainmenu[data-mode="create"] .mm-info:not(.none)::after{background:conic-gradient(from var(--ga),transparent 0deg,transparent 300deg,rgba(215,218,220,calc(var(--gk) * .9)) 345deg,rgba(239,240,241,var(--gk)) 356deg,transparent 360deg),linear-gradient(#f09f70,#d47d4a)!important} #shop .sgrid .cell.sel{filter:drop-shadow(0 0 6px rgba(238,134,74,.5))} .tbtn.main::before{background:conic-gradient(from var(--ga),transparent 0deg,transparent 300deg,rgba(215,218,220,calc(var(--gk) * .9)) 345deg,rgba(239,240,241,var(--gk)) 356deg,transparent 360deg),linear-gradient(#f09f70,#d47d4a)!important} #loading #loadBar{background:rgba(91,98,105,.35)} #loading #loadBar i{background:linear-gradient(90deg,#5b6269,#ee864a);box-shadow:0 0 8px rgba(238,134,74,.7)} #loading #loadNote{color:#dc9a74} #loading #loadSkip{background:rgba(15,16,17,.7);border:1px solid rgba(220,154,116,.45)} #loading #loadSkip:hover{border-color:#dc9a74} #lodep .lsboard{box-shadow:inset 0 0 0 1px rgba(212,131,84,.18),inset 0 0 60px rgba(0,0,0,.85)} #lodep .lsrule::before{background:linear-gradient(90deg,transparent,rgba(91,98,105,.8) 10%,#d48354 40%,#d48354 60%,rgba(91,98,105,.8) 90%,transparent)} #lodep .lsrule b{background:#0b0c0d;border:1px solid #db956d;box-shadow:0 0 0 2px #0b0c0d,0 0 0 3px rgba(212,131,84,.35)} #lodep .lsrule b.e{background:#d48354} #lodep .lsbtn::before,#lodep .lsbtn::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath d='M16 10H8M8 10Q4 10 3 6M8 10Q4 10 3 14' stroke='%23d48354' stroke-width='1.2' fill='none'/%3E%3Cpath d='M0 10l3-3 3 3-3 3z' fill='%23db956d'/%3E%3C/svg%3E") center/contain no-repeat} #lodep .lsastro .ring{stroke:#d48354} #lodep .lsastro .rim{stroke:#d48354} #lodep .lsastro .rim2{stroke:#d48354} #lodep .lsastro .tick{stroke:#d48354} #lodep .ln .selr{stroke:#eceeef} #lodep .cost circle{fill:#0f1012;stroke:#ffab7a} #lodep .cost text{fill:#d5d8da} #lodep .lszoom button{border:1.5px solid #3c4146;box-shadow:inset 0 0 0 3px #111213,inset 0 0 0 4px #272a2d,0 2px 8px rgba(0,0,0,.6);background:radial-gradient(circle at 50% 35%,#222528,#0a0b0c)} #lodep .lszoom svg{stroke:#d48354} #lodep .lszoom button:hover{border-color:#d48354} #lodep .lspts.has b{color:#ee864a;text-shadow:0 0 12px rgba(238,134,74,.7)} #lodep .lsch .ni{background:radial-gradient(circle,var(--c) 0 22%,#111213 26%);box-shadow:0 0 14px color-mix(in srgb,var(--c) 45%,transparent),inset 0 0 0 3px #0a0b0c} #lodep .lsch .ni.key .k4{stroke:#eff0f2} #lodep .lsch .ni.key .kd{fill:#e8b090} #lodep .lsch .ni.key .kc{fill:#f7f8f8} #lodep .lsch .ni.bridge{background:radial-gradient(circle,var(--c) 0 30%,#111213 34%)} #lodep .lsch .ni.core{background:radial-gradient(circle,#fff 0 18%,#ffab7a 22% 50%,#24272a 56%);border-color:#ffab7a} #lodep .lsbtn{color:#ee864a} #lodep .lsbtn.fire{color:#131415;filter:drop-shadow(0 0 10px rgba(238,134,74,.35))} #lodep .lsbtn:hover{filter:drop-shadow(0 0 8px rgba(238,134,74,.45))} #lodep .gc{background:radial-gradient(circle at 35% 35%,#c0c4c9,#c05b20);box-shadow:0 0 6px rgba(255,150,90,.6)} #lodep .lstot .lsh{color:#d48354} #mastp{background:var(--o-c-bl) left 10px bottom 10px/56px 56px no-repeat,var(--o-c-br) right 10px bottom 10px/56px 56px no-repeat,radial-gradient(ellipse at 50% 60%,transparent 45%,rgba(0,0,0,.6)),linear-gradient(rgba(14,15,16,.55),rgba(8,8,8,.72)),var(--tex-panel,none) 0 0/384px 384px,#111010!important} #mastp .mhead{border-bottom:1px solid #272a2d;box-shadow:0 1px 0 rgba(212,131,84,.12),0 6px 18px rgba(0,0,0,.45)} #mastp .mem{background:radial-gradient(circle,color-mix(in srgb,var(--tc) 30%,#0d0e10),#0a0b0c 70%);box-shadow:0 0 18px color-mix(in srgb,var(--tc) 45%,transparent),inset 0 0 0 3px #0a0b0c} #mastp .mtt p{color:#dfa27f} #mastp .mseal i{border:2px solid #3c4146;background:radial-gradient(circle,#222528,#0a0b0c)} #mastp .mseal i svg{stroke:#6f777f} #mastp button.mseal:hover i{border-color:#d48354} #mastp .mseal.shut i svg{stroke:#6f777f} #mastp .mtb{border:1px solid #1f2123} #mastp .mtb i{border:1.5px solid color-mix(in srgb,var(--c) 55%,#272a2d);background:#0b0c0d} #mastp .mgrid{box-shadow:inset 0 0 0 1px rgba(212,131,84,.16),inset 0 0 50px rgba(0,0,0,.7);background:radial-gradient(ellipse at 50% 50%,#191a1c,#121110 70%)} #mastp .mwr2{stroke:#d48354} #mastp .ml{stroke:#363a3e} #mastp .ml.ready{stroke:#b35e2d} #mastp .ml.lit{stroke:#e08f60;filter:drop-shadow(0 0 3px rgba(224,143,96,.6))} #mastp .ah{fill:#363a3e} #mastp .ahl{fill:#e08f60} #mastp .mn .fr{fill:#111213;stroke:#363a3e} #mastp .mn .fr2{fill:#0c0d0e;stroke:#1f2123} #mastp .mn .ic *{stroke:#53595f} #mastp .mn .cnt rect{fill:#0a0b0c;stroke:#363a3e} #mastp .mn .cnt text{fill:#889098} #mastp .mn .lk circle{fill:#0a0b0c;stroke:#53595f} #mastp .mn .lk rect,#mastp .mn .lk path{stroke:#889098} #mastp .mn.can .fr{stroke:#e08f60} #mastp .mn.can .ic *{stroke:#d6d8da} #mastp .mn.can .halo{fill:#e08f60} #mastp .mn.got .fr{fill:color-mix(in srgb,var(--tc) 22%,#0d0e10)} #mastp .mn.got .ic *{stroke:#eceeef} #mastp .mn.full.spec .fr,#mastp .mn.full.cap .fr{stroke:#e08f60} #mastp .mn.sel .fr2{stroke:#eceeef} #mastp .mni{background:radial-gradient(circle,color-mix(in srgb,var(--tc) 25%,#0d0e10),#0a0b0c 75%)} #mastp .mni svg{stroke:#eceeef} #mastp .mper{color:#d48354} #mastp .lsbtn{color:#ee864a} #mastp .lsbtn.fire{color:#131415;filter:drop-shadow(0 0 10px rgba(238,134,74,.35))} #mastp .gc{background:radial-gradient(circle at 35% 35%,#c0c4c9,#c05b20);box-shadow:0 0 6px rgba(255,150,90,.6)} #mastp .lstot .lsh{color:#d48354} #chron .rw.star svg,.rw.star svg{fill:#ffab7a;filter:drop-shadow(0 0 4px rgba(255,171,122,.7))} #loading.warming #loadNote{color:#bbc0c5} #inv .ip .ln.lp,#tip .ip .ln.lp,.ip .ln.lp{color:#ffa470} #inv .sgrow .sgt b em{color:#ccd0d4} #logView textarea{border:1px solid rgba(209,122,71,.35)} body:not(.touch) #shop:not(.smith):not(.pets):not(.seyla) .shsell{border-left:1px solid rgba(176,92,44,.22)} #hintAsk .hck input:checked+i::after{box-shadow:0 0 8px rgba(245,128,61,.7)} #statsv{background:radial-gradient(ellipse at 30% 40%,rgba(91,98,105,.12),transparent 55%),linear-gradient(rgba(14,15,16,.55),rgba(8,8,8,.7)),var(--tex-panel,none) 0 0/384px 384px,#121110} #statsv .svleft{border-right:1px solid rgba(176,92,44,.22)} #statsv .svhero{border-bottom:1px solid rgba(176,92,44,.22)} #statsv .svhero em{color:#ee864a} #statsv .svskills button{background:radial-gradient(circle at 50% 35%,#1c1d20,#0a0b0c) padding-box,linear-gradient(155deg,#d88e64,#484d52 38%,#b05c2c 62%,#26292c) border-box} #statsv .svskills button.on{box-shadow:0 0 0 1.5px #070809,0 0 12px rgba(238,134,74,.6)} #statsv .svst:hover{background:rgba(238,134,74,.06)} #statsv .svst.on{background:linear-gradient(90deg,rgba(238,134,74,.18),rgba(238,134,74,.04) 70%,transparent)} #statsv .svst.on::before{background:#ee864a;box-shadow:0 0 8px #ee864a} #statsv .svst b.up{color:#c0c7ce} #statsv h2{color:#ee864a} #statsv .svbox{border:1px solid rgba(176,92,44,.25)} #statsv .svcalc .tot{border-top:1px solid rgba(176,92,44,.3);color:#ee864a} #statsv .svsrc li b{color:#c0c7ce} #statsv .svsrc li:hover{background:rgba(238,134,74,.07)} #statsv .svsrc .ic{border:1.5px solid var(--rc,#747d86)} .book[data-kind=canon]{--ink:#151719} .book[data-kind=bestiary]{--ink:#151719} .bk-title{color:#e4b091} .bk-x{color:#e8af8e} .bk-ribbons button{box-shadow:inset 0 0 0 1px rgba(232,175,142,.18),-3px 3px 8px rgba(0,0,0,.5);color:#dfa380} .bk-ribbons button:hover{color:#d5d8db} .bk-ribbons button.on{color:#e9ebec;box-shadow:inset 0 0 0 1px rgba(232,175,142,.45),-3px 3px 10px rgba(0,0,0,.6)} .bk-arr{background:radial-gradient(circle,rgba(13,14,15,.9),rgba(13,14,15,.6));box-shadow:0 0 0 1px rgba(232,175,142,.5),0 2px 8px rgba(0,0,0,.6);color:#e8af8e} .bk-arr:hover{color:#e4e6e7;box-shadow:0 0 0 1px #e8af8e,0 0 12px rgba(238,134,74,.5)} .book[data-kind=canon]{--accent:#42474c} .book[data-kind=canon]{--rib:#1f2224;--ribon:#292c2f} .book[data-kind=bestiary]{--ribon:#272a2d} .bk-ribbons button.on{color:#babec3;box-shadow:inset 0 0 0 1px rgba(238,134,74,.85),0 0 10px rgba(238,134,74,.35),-3px 3px 10px rgba(0,0,0,.6)} .book[data-kind=canon]{--accent:#303438} .bk-ribbons button{color:#e4b092} .bk-ribbons button.on{filter:drop-shadow(0 0 8px rgba(238,134,74,.55)) drop-shadow(-3px 3px 6px rgba(0,0,0,.6)) brightness(1.18);color:#bcc1c6} .sbtn:hover{filter:brightness(1.18) drop-shadow(0 0 6px rgba(238,134,74,.35))} #playBtn{color:#151719!important;text-shadow:0 1px 0 rgba(225,227,230,.45)!important} #playBtn:hover{filter:brightness(1.1) drop-shadow(0 0 14px rgba(238,134,74,.5))!important} html body #callout,html body #explain{color:#dbdee0!important;filter:drop-shadow(0 0 8px rgba(238,134,74,.28)) drop-shadow(0 4px 8px rgba(0,0,0,.6))!important} html body #callout span{color:#dbdee0!important} html body #callout b,html body #callout.rt b,html body #callout.up b,html body #callout.bag b{filter:drop-shadow(0 0 4px rgba(238,134,74,.5))} html body #icard#icard .ip2 .nm,html body #cmp#cmp .ip2 .nm{color:#dee0e3!important} html body #icard#icard .ip2 .sub,html body #cmp#cmp .ip2 .sub,.ip2 .ilv{color:#a4a6a9} .ip2 .orn{background:linear-gradient(90deg,transparent,#5a6168 4%,#5a6168 96%,transparent)} .ip2 .orn::after{background:#d17b49} .ip2 .sep2{background:rgba(184,97,46,.28)} html body .ip.ip2.ip2 .pw{border-bottom:1px solid rgba(184,97,46,.28)} html body .ip.ip2.ip2 .pw span{color:#b9bcbe} html body .ip.ip2.ip2 .pw b{color:#e2e4e6!important} .ip2 .delta{--dc:#d48354} .ip2 .delta.mix{--dc:#e08550} .ip2 .delta small{color:#b5b8ba} html body #icard#icard .ip2 .ln,html body #cmp#cmp .ip2 .ln{color:#dbdee0} .ip2 .ln::before{background:#d17b49} html body #icard#icard .btns::before,html body #cmp#cmp .btns::before{background:linear-gradient(90deg,transparent,rgba(184,97,46,.5) 6%,rgba(184,97,46,.5) 94%,transparent)} html body #icard#icard .btns::after,html body #cmp#cmp .btns::after{background:#d17b49} html body #icard#icard button,html body #cmp#cmp button{color:#c3c6c9!important} html body #icard#icard button.pri,html body #cmp#cmp button.pri{color:#101213!important;text-shadow:0 1px 0 rgba(220,222,225,.35)!important} html body #icard#icard button.icon svg,html body #cmp#cmp button.icon svg{stroke:#e8af8e!important} .kb-gold,html body :is(#playBtn,.mm-go,.cclaim,.mm-cbtns button.pri,.mm-cbtns button[data-a="yes"],#death .cmd,#help .ok,button.fire,.upbtn){color:#101213!important;text-shadow:0 1px 0 rgba(220,222,225,.35)!important} html body #icard#icard .upcost{color:#c3c6c9} html body #icard#icard .upcost .gc{background:radial-gradient(circle at 35% 35%,#c0c4c9,#c05b20)} html body #explain span{color:#dbdee0!important} #heroName{color:#dbdee0!important} #heroName::placeholder{color:#90989f} #heroName:focus{filter:drop-shadow(0 0 6px rgba(238,134,74,.4))} .mm-namebox::before,.mm-namebox::after{background:#d17b49;box-shadow:0 0 0 2px #17181b,0 0 0 3px #5a6168} .mm-namebox i{border-right:1px solid rgba(209,123,73,.45)} .mm-namebox i svg{stroke:#ee864a} html body #lodep .lsbtn.fire,html body #petp .pbtn.fire{color:#101213!important;text-shadow:0 1px 0 rgba(220,222,225,.35)!important} html body .cu-opt.on{filter:sepia(.4) saturate(2.2) brightness(1.25) drop-shadow(0 0 10px rgba(238,134,74,.55))!important;color:#c0c4c9} html body #statsv .svcard .ip2 .nm{color:#dee0e3!important} html body #statsv .svcard .ip2 .sub{color:#a4a6a9} html body #statsv .svcard .ip2 .ln{color:#dbdee0} html body #statsv .svcard .btns::before{background:linear-gradient(90deg,transparent,rgba(184,97,46,.5) 6%,rgba(184,97,46,.5) 94%,transparent)} html body #statsv .svcard .btns::after{background:#d17b49} html body #statsv .svcard button{color:#c3c6c9!important} html body #statsv .svcard button.pri{color:#101213!important;text-shadow:0 1px 0 rgba(220,222,225,.35)!important} html body #statsv .svcard button.icon svg{stroke:#e8af8e!important} html body #statsv .svcard .upcost{color:#c3c6c9} html body #statsv .svcard .upcost .gc{background:radial-gradient(circle at 35% 35%,#c0c4c9,#c05b20)} .mm-actrow .mm-edit svg{stroke:#e8af8e} html body .cu-opt.on{filter:brightness(1.2) drop-shadow(0 0 10px rgba(238,134,74,.55))!important;color:#c0c4c9} html body .cu-opt.on::after{box-shadow:inset 0 0 0 2px rgba(238,134,74,.85),inset 0 0 18px rgba(238,134,74,.35)} html body #lodep .ldone{color:#e8af8e!important} html body #lodep .ldone::before{background:#e89260;box-shadow:0 0 6px rgba(238,134,74,.6)} html body #lodep .lsrnote{color:#d6895d} #petp .ppbg{background:radial-gradient(ellipse 70% 80% at 55% 50%,rgba(7,7,7,.35),rgba(7,7,7,.9)),linear-gradient(90deg,rgba(7,7,7,.55),rgba(7,7,7,.2) 30%,rgba(7,7,7,.35) 70%,rgba(7,7,7,.8)),url(../assets/ui/pets-scene.webp) center/cover no-repeat,#0b0c0d} #petp .pn.shut .rim{fill:#1e2022} #petp .pn.shut .rim2{stroke:#0d0e0e} #petp .pn .face{fill:#090a0b} #petp .pdone:not(.dim){color:#e8af8e} #petp .pdone:not(.dim)::before{background:#e89260;box-shadow:0 0 6px rgba(238,134,74,.6)} #petp .pprnote{color:#d6895d} #petp .pppts{border-bottom:1px solid rgba(212,131,84,.22)} #petp .ppinfo{background:linear-gradient(90deg,transparent,rgba(8,9,10,.55) 18%)} body.touch #petp .ppbg{background:linear-gradient(rgba(4,3,3,.5),rgba(4,3,3,.5)),radial-gradient(ellipse 70% 80% at 55% 50%,rgba(7,7,7,.35),rgba(7,7,7,.9)),url(../assets/ui/pets-scene.webp) center/cover no-repeat,#0b0c0d!important} :is(#mapPanel,#qlog) .mtravel .mlegs>span{color:#d9743a} :is(#mapPanel,#qlog) .mtravel .mlg{border:1px solid rgba(255,124,48,.75);background:radial-gradient(circle at 50% 55%,rgba(255,114,32,.32),rgba(21,23,25,.85) 70%),#0c0d0e;box-shadow:inset 0 0 calc(10px * var(--k)) rgba(255,112,30,.35),0 0 calc(6px * var(--k)) rgba(255,112,30,.25)} :is(#mapPanel,#qlog) .mtravel .mlg.fancy{border-color:#ff9355;box-shadow:inset 0 0 calc(12px * var(--k)) rgba(255,125,50,.5),0 0 calc(9px * var(--k)) rgba(255,119,40,.45)} .ip .lph,#icard .ip .lph{border-top:1px solid rgba(255,125,50,.35);color:#e8722e} #icard .ip .ln.lp,#inv .ip .ln.lp,#tip .ip .ln.lp,.ip .ln.lp{color:#ff9e66!important;text-shadow:0 0 calc(8px * var(--k)) rgba(255,112,30,.35)} html body .lph{border-top:1px solid rgba(255,125,50,.35);color:#e8722e} html body #icard#icard .ln.lp,html body .ln.lp{color:#ff9e66!important;text-shadow:0 0 calc(8px * var(--k)) rgba(255,112,30,.35)} #shop .stab.on{color:#131415} #shop .stab small{color:#ee864a} #shop .stab.lock{color:#5c6269} #shop .stab.lock.next{color:#dd9c76} .tult .ic{border:3px solid #e4e7ea;box-shadow:0 0 18px 6px rgba(191,198,204,.85),0 0 42px 14px rgba(163,172,182,.45)} .tult .ic::before{background:conic-gradient(from 0deg,transparent 0 12%,rgba(200,235,255,.95) 18%,transparent 26% 46%,rgba(196,203,209,.9) 54%,transparent 62% 80%,rgba(220,245,255,.95) 88%,transparent 96%)} .tult span{color:#f0f2f3;text-shadow:0 0 8px rgba(179,188,196,.9),0 1px 2px #000} .tult kbd{border:1px solid #bfc6cc;color:#edeff1} #lodep .lsmed .mr1{stroke:#e8a27a} #lodep .mfd .d1{stroke:#191b1d} #lodep .mfd .d3{stroke:#dfe2e4} #lodep .ln.got .lr{stroke:#eff0f2} #lodep .ln.got .lb{stroke:#eff0f2} #shop .cats .mktiers button.on{color:#0e0f10;background:linear-gradient(#f4a77a,#c9662c);border-color:#ee864a} #icard .ln.egsel{background:rgba(238,134,74,.14);outline:1px solid rgba(238,134,74,.7)} #icard .ln.egsel .egt{color:#ee864a} #egAltar .mktiers button.on{color:#0e0f10;background:linear-gradient(#f4a77a,#c9662c);border-color:#ee864a} .ip .egsock i{border:1.5px solid #6a727a} .ip .egsock.on i{border-color:#d88c60} #icard .egbtns .egsockb{border-color:rgba(216,140,96,.6)} .mm-confirm .egwarnj{color:#c0c4c9} :is(#riftAsk,#fullAsk,#newsAsk) .mktiers button.on{color:#0e0f10;background:linear-gradient(#f4a77a,#c9662c);border-color:#ee864a} .mm-slots .mm-lock svg{stroke:#ee864a} .mktiers.step b{color:#ee864a} #icard .btns.egrow .egsockb{border-color:rgba(216,140,96,.6)} body.touch #icard .btns.egrow button.egsockb::before{color:#d88c60} #egAltar .egstack em{color:#ff8c4a} #egAltar .egchance{color:#ff8c4a} #egAltar .egalt::before,#egAltar .egalt::after{border:2px solid #d17946;box-shadow:0 0 12px rgba(63,230,210,.9),0 0 0 2px #191b1d} #egAltar .egbody h3{color:#d1d4d7} #egAltar .mm-cbox.egalt,:is(#riftAsk,#fullAsk,#newsAsk) .mm-cbox.egalt{box-shadow:inset 0 0 0 2px #c56731,inset 0 0 0 5px #0c0d0e,inset 0 0 0 6px #4a5056,0 0 0 1px #000,0 12px 40px rgba(0,0,0,.75)} #egAltar .egchance i{background:linear-gradient(90deg,transparent,#c56731)} #egAltar .egchance i:last-child{background:linear-gradient(90deg,#c56731,transparent)} #egAltar .egchance i::after{background:#d88c60} :is(#riftAsk,#fullAsk,#newsAsk) .egalt::before,:is(#riftAsk,#fullAsk,#newsAsk) .egalt::after{border:2px solid #d17946;box-shadow:0 0 12px rgba(63,230,210,.9),0 0 0 2px #191b1d} :is(#riftAsk,#fullAsk,#newsAsk) .egbody h3{color:#d1d4d7} :is(#riftAsk,#fullAsk,#newsAsk) .egchance i{background:linear-gradient(90deg,transparent,#c56731)} :is(#riftAsk,#fullAsk,#newsAsk) .egchance i:last-child{background:linear-gradient(90deg,#c56731,transparent)} :is(#riftAsk,#fullAsk,#newsAsk) .egchance i::after{background:#d88c60} #egAltar .eglegs .mlg{box-shadow:inset 0 0 10px rgba(255,113,31,.25)} #egAltar .eglegs .mlg.fancy{border-color:#ffa16a;box-shadow:inset 0 0 12px rgba(255,132,60,.45)} :is(#riftAsk,#fullAsk,#newsAsk) .mm-cbox.egalt{box-shadow:inset 0 0 0 2px #c56731,inset 0 0 0 5px #0c0d0e,inset 0 0 0 6px #4a5056,0 12px 40px rgba(0,0,0,.75)} #egAltar .mm-cbox.egalt{box-shadow:inset 0 0 0 2px #c56731,inset 0 0 0 5px #0c0d0e,inset 0 0 0 6px #4a5056,0 12px 40px rgba(0,0,0,.75)} #icard .btns.egrow .egsockb b .gc{background:radial-gradient(circle at 35% 35%,#d0d3d7,#d87840)} body.touch :is(#shop,#inv) .cell.sel,body.touch #shop .sdoll .eq.sel{box-shadow:0 0 6px 1px rgba(238,134,74,.55)} body.touch #side.fresh .sbtn[data-open="menu"]::before,body.touch #side.claim .sbtn[data-open="menu"]::before{background:radial-gradient(circle closest-side,rgba(255,163,110,1),rgba(250,142,80,.85) 50%,rgba(238,134,74,.45) 72%,transparent 100%)} #shfloat{background:rgba(9,10,11,.92);border:1px solid rgba(212,129,81,.45);color:#d7dadc} #icard .ip .egsock.tap{border:1px dashed rgba(216,140,96,.55);background:rgba(216,140,96,.07)} #icard .ip .egsock.tap:hover{background:rgba(216,140,96,.16)} #icard .ip .egsock .egsgo{color:#ee864a} #cmp.jw .jwgrid .jwt.sel{outline:2px solid #f59f6e;box-shadow:0 0 14px rgba(245,159,110,.7)} #cmp.jw .ip .egsock.jwnew{color:#f59f6e;background:rgba(245,159,110,.1);box-shadow:inset 0 0 0 1px rgba(245,159,110,.6)} #cmp.jw .btns button .gc{background:radial-gradient(circle at 35% 35%,#ccd0d3,#c85b1c 60%,#373b3f)} #inv.jwmode .cell.jwfit,#inv.jwmode .eq.jwfit{box-shadow:0 0 0 2px #ee864a,0 0 14px rgba(238,134,74,.65)!important} #inv.jwmode .cell.jwsel{box-shadow:0 0 0 3px #f59f6e,0 0 16px rgba(245,159,110,.8)!important} #cmp.jw .jwcost .gc{background:radial-gradient(circle at 35% 35%,#ccd0d3,#c85b1c 60%,#373b3f)} #shop .pcard.on{filter:drop-shadow(0 0 calc(14px * var(--k)) rgba(238,134,74,.38)) drop-shadow(0 14px 22px rgba(0,0,0,.65))} #shop .pcard.on::after{background:#ee864a;box-shadow:0 0 10px rgba(238,134,74,.8)} #shop .pcart{background:radial-gradient(ellipse at 50% 58%,rgba(238,134,74,.16),transparent 68%)} #shop .pcard.on b{color:#eceeef} #shop .pcard:is(.side,.own) small{color:#ee864a} #shop .pcard .pclv{color:#c9ccd0;background:radial-gradient(circle,#1f2123,#0c0c0d 72%);box-shadow:inset 0 0 0 1px rgba(238,134,74,.65),0 0 0 2px rgba(0,0,0,.5)} #petp .vnext{stroke:#cd6f39} #petp .parm text{fill:#d48354} #petp .parm .pmk{fill:#d48354} #petp .pmed .mrim{stroke:#070809} #petp .pmed .mrim2{stroke:#cd6f39} #petp .pmed .msign{stroke:#ee864a;filter:drop-shadow(0 0 6px rgba(238,134,74,.55))} #petp .ppzoom button{border:1.5px solid #3c4146;box-shadow:inset 0 0 0 3px #111213,inset 0 0 0 4px #272a2d,0 2px 8px rgba(0,0,0,.6);background:radial-gradient(circle at 50% 35%,#222528,#0a0b0c)} #petp .ppzoom svg{stroke:#d48354} #petp .ppzoom button:hover{border-color:#d48354} #lore .lp .qt{color:#ee864a} #lore .lp .qt::before{background:#ee864a} #lore .lbar{background:rgba(8,9,10,.6);border:1px solid rgba(238,134,74,.5);box-shadow:0 0 6px rgba(238,134,74,.2)} #lore .lbar b{background:linear-gradient(90deg,#4f545a,#ee864a)} #lore .lt{color:#dbdee0;filter:drop-shadow(0 0 8px rgba(238,134,74,.28)) drop-shadow(0 4px 8px rgba(0,0,0,.6))} #lore .lt::before{filter:brightness(1.45) saturate(1.1) drop-shadow(0 0 5px rgba(238,134,74,.6)) drop-shadow(0 2px 3px rgba(0,0,0,.9))} #lore .lt .lh{color:#ee864a} #lore .lt .ln{color:#dbdee0} #fullAsk .fslide h4{color:#c8ccd0} #fullAsk .fschips span{color:#d1d4d7} #fullAsk .fslegs .mlg{border:1px solid #ff9355;background:radial-gradient(circle at 50% 40%,rgba(255,119,40,.3),rgba(12,13,14,.92));box-shadow:inset 0 0 calc(12px * var(--k)) rgba(255,125,50,.5),0 0 calc(9px * var(--k)) rgba(255,119,40,.45)} #fullAsk .fslegs span{color:#ff9355} #fullAsk .fsnav .dot{background:rgba(200,204,208,.25)} #fullAsk .fullsl .egart{border:1px solid rgba(214,137,93,.55);box-shadow:inset 0 0 calc(30px * var(--k)) rgba(0,0,0,.85),0 0 0 calc(3px * var(--k)) rgba(10,10,12,.9),0 0 0 calc(4px * var(--k)) rgba(214,137,93,.25)} #fullAsk .fullsl .egbody{border-image:linear-gradient(transparent,rgba(214,137,93,.7) 20%,rgba(214,137,93,.7) 80%,transparent) 1} #fullAsk .fullsl .egbody h3{color:#c1c4c7} #fullAsk .fslide h4 span{background:linear-gradient(#d5d8da,#e0814a 55%,#b95e2a)} #fullAsk .fsleg .mlg{background:url(../assets/ui/icon-frame.webp) center/100% 100% no-repeat,radial-gradient(circle,rgba(255,119,40,.35),rgba(17,18,19,.95) 70%)!important;box-shadow:0 0 calc(10px * var(--k)) rgba(255,119,40,.45)!important} #fullAsk .fsleg span{color:#ff9e66!important;text-shadow:0 0 6px rgba(255,119,40,.35)} #fullAsk .fsnav .arr{border:calc(2px * var(--k)) solid #c66832!important;background:radial-gradient(circle at 50% 35%,#1f2123,#0a0b0c 70%)!important;color:#f0a57a!important;box-shadow:0 0 0 1px rgba(0,0,0,.8),inset 0 0 calc(6px * var(--k)) rgba(255,157,100,.25)} #fullAsk .fullsl .mm-cbtns button{color:#16181a!important;text-shadow:0 1px 0 rgba(209,212,216,.45)} #fullAsk .fsstats b{background:linear-gradient(#d5d8da,#e0814a 60%,#b95e2a)} #fullAsk .fsnav .arr::before{border:solid #e8a27a;filter:drop-shadow(0 0 3px rgba(232,162,122,.5))} #fullAsk .fsmats li b{color:#c8ccd0} #fullAsk .fsbuy b{color:#c8ccd0} #fullAsk .fsrestl{color:#8d949c} #fullAsk .fsrest{color:#d6895d} #restVeil p{color:#c4c8cc} html body #petp .vinelitw{stroke:#ee864a} html body #petp .pn .selr{stroke:#f2f2f3} html body #petp .pn.got .rim{stroke:#dddfe1} html body #petp .pn:not(.got):not(.can) .rim{fill:#272a2d} html body #petp .pn.shut .rim{fill:#151719} html body #petp .pn.sel .rim2{stroke:#f2f2f3} #banner .bn-t{color:#d8dbde;text-shadow:0 1px 0 #000,0 0 calc(8px * var(--k)) rgba(0,0,0,.9),0 0 calc(16px * var(--k)) rgba(238,134,74,.18)} #banner .bn-k{color:#ee905a} #banner .bn-k:not(.colon)::after{background:#ee905a} #banner .bn-med::after{background:radial-gradient(closest-side,rgba(255,170,120,.55),rgba(238,134,74,.18) 55%,transparent)} .wsign{color:#d1d4d8} .wsign .ws-go{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23d9dcde'/%3E%3Cstop offset='.5' stop-color='%23e3834c'/%3E%3Cstop offset='1' stop-color='%2343484e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M.6.6L5 5 .6 9.4h2.6L7.6 5 3.2.6zM4.6.6L9 5 4.6 9.4h2.6L11.6 5 7.2.6z' fill='url(%23g)' stroke='%23161819' stroke-width='.5'/%3E%3C/svg%3E") center/contain no-repeat} body.hudbar #skillsT .hporb .hplv{color:#cdd0d4} body.hudbar #skillsT .hporb .hpv{color:#f2f2f3} body.hudbar #skillsT .barxp>i{background:linear-gradient(90deg,#555b61,#e6a27a)} body.hudbar:not(.touch) #skillsT .tbtn.locked{box-shadow:inset 0 0 10px rgba(0,0,0,.9),0 0 0 1.5px rgba(176,92,44,.35)} body.hudbar:not(.touch) #skillsT .tpot[hidden]{box-shadow:inset 0 0 10px rgba(0,0,0,.9),0 0 0 1.5px rgba(176,92,44,.35)} body.hudbar #skillsT .ultsock{box-shadow:inset 0 0 10px rgba(0,0,0,.9),0 0 0 1.5px rgba(176,92,44,.35)} #binds h4{color:var(--gold,#d48151)} #binds .brow{border-bottom:1px solid rgba(212,129,81,.12)} html body.hudbar:not(.touch) #inv.open,html body.hudbar:not(.touch) #skills.open{box-shadow:-10px 0 34px rgba(0,0,0,.65),inset 1px 0 0 rgba(212,129,81,.18)} html body.hudbar:not(.touch) #shop.open:not(.pets){box-shadow:10px 0 34px rgba(0,0,0,.65),inset -1px 0 0 rgba(212,129,81,.18)} html body.hudbar:not(.touch) #shop.open .shsell{box-shadow:-10px 0 34px rgba(0,0,0,.65),inset 1px 0 0 rgba(212,129,81,.18)} html body.hudbar:not(.touch) #shop.open .shsell>h3{color:var(--gold,#d48151);border-bottom:1px solid rgba(212,129,81,.25)} html body.hudbar:not(.touch) #shop.open.smith .shtabs{border:1px solid rgba(212,129,81,.55)!important} html body.hudbar:not(.touch) #shop.open.smith .shtabs button.on{color:#f3a67a;text-shadow:0 0 8px rgba(238,134,74,.5);background:linear-gradient(#141416,#16181a);box-shadow:inset 0 2px 6px rgba(0,0,0,.9),inset 0 0 0 1px rgba(238,134,74,.6)} :root{--o-plate:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233a3d42'/%3E%3Cstop offset='1' stop-color='%231a1b1e'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='url%28%23g%29' fill-opacity='1' stroke='%235b6269' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-plate-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233c4045'/%3E%3Cstop offset='1' stop-color='%231e1d1b'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='url%28%23g%29' fill-opacity='1' stroke='%23ee864a' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23383b40'/%3E%3Cstop offset='1' stop-color='%231a1b1e'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='url%28%23g%29' fill-opacity='1' stroke='%2332363a' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-tile-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233c4146'/%3E%3Cstop offset='1' stop-color='%231c1b19'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='url%28%23g%29' fill-opacity='1' stroke='%23ee864a' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='none' fill-opacity='1' stroke='%2332363a' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-card-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='none' fill-opacity='1' stroke='%235b6269' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-card-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='none' fill-opacity='1' stroke='%23ee864a' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='url%28%23g%29' fill-opacity='0.28' stroke='%2332363a' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23000' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-fl-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='18' viewBox='0 0 110 18'%3E %3Cdefs%3E%3ClinearGradient id='t' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%235b6269' stop-opacity='0'/%3E%3Cstop offset='.55' stop-color='%235b6269'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='2,9 92,7.6 97,9 92,10.4' fill='url%28%23t%29'/%3E %3Cpath d='M86 8.2C82 1.5 69 1.2 68.6 6.2 68.4 9 72.5 9.6 73.6 7.4M86 9.8C82 16.5 69 16.8 68.6 11.8 68.4 9 72.5 8.4 73.6 10.6' fill='none' stroke='%235b6269' stroke-width='1.1'/%3E %3Cpath d='M44 8.3l5-4.6-1.4 4.4zM54 9.7l5 4.6-1.4-4.4zM30 8.5l3.6-3-1 3z' fill='%235b6269' opacity='.8'/%3E %3Cpolygon points='100,9 104,4.8 108,9 104,13.2' fill='%23111214' stroke='%235b6269' stroke-width='1.2'/%3E %3Ccircle cx='104' cy='9' r='1.2' fill='%23ee864a' opacity='.8'/%3E%3C/svg%3E");--o-fl-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='18' viewBox='0 0 110 18'%3E%3Cg transform='translate(110 0) scale(-1 1)'%3E %3Cdefs%3E%3ClinearGradient id='t' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%235b6269' stop-opacity='0'/%3E%3Cstop offset='.55' stop-color='%235b6269'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='2,9 92,7.6 97,9 92,10.4' fill='url%28%23t%29'/%3E %3Cpath d='M86 8.2C82 1.5 69 1.2 68.6 6.2 68.4 9 72.5 9.6 73.6 7.4M86 9.8C82 16.5 69 16.8 68.6 11.8 68.4 9 72.5 8.4 73.6 10.6' fill='none' stroke='%235b6269' stroke-width='1.1'/%3E %3Cpath d='M44 8.3l5-4.6-1.4 4.4zM54 9.7l5 4.6-1.4-4.4zM30 8.5l3.6-3-1 3z' fill='%235b6269' opacity='.8'/%3E %3Cpolygon points='100,9 104,4.8 108,9 104,13.2' fill='%23111214' stroke='%235b6269' stroke-width='1.2'/%3E %3Ccircle cx='104' cy='9' r='1.2' fill='%23ee864a' opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--o-rule:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='12' viewBox='0 0 200 12'%3E %3Cdefs%3E%3ClinearGradient id='r' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%235b6269'/%3E%3Cstop offset='1' stop-color='%235b6269' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='9,4.8 200,6 9,7.2' fill='url%28%23r%29'/%3E %3Cpolygon points='1,6 4.5,2.5 8,6 4.5,9.5' fill='%23111214' stroke='%235b6269' stroke-width='1'/%3E %3Cpath d='M40 5.2l4-3.4-1 3.3zM70 6.8l4 3.4-1-3.3z' fill='%235b6269' opacity='.7'/%3E%3C/svg%3E");--o-div:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24'%3E %3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%235b6269' stop-opacity='0'/%3E%3Cstop offset='.8' stop-color='%235b6269'/%3E%3C/linearGradient%3E %3ClinearGradient id='b' x1='1' x2='0'%3E%3Cstop offset='0' stop-color='%235b6269' stop-opacity='0'/%3E%3Cstop offset='.8' stop-color='%235b6269'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='0,12 100,11 108,12 100,13' fill='url%28%23a%29'/%3E%3Cpolygon points='240,12 140,11 132,12 140,13' fill='url%28%23b%29'/%3E %3Cpath d='M110 11C106 4 97 4 97 8.5 97 11 100 11.4 101 9.6M110 13C106 20 97 20 97 15.5 97 13 100 12.6 101 14.4M130 11C134 4 143 4 143 8.5 143 11 140 11.4 139 9.6M130 13C134 20 143 20 143 15.5 143 13 140 12.6 139 14.4' fill='none' stroke='%235b6269' stroke-width='1.1'/%3E %3Cpath d='M120 1l2 6h-4zM120 23l2-6h-4z' fill='%235b6269'/%3E %3Cpolygon points='120,5.5 126.5,12 120,18.5 113.5,12' fill='%23111214' stroke='%235b6269' stroke-width='1.3'/%3E %3Cpolygon points='120,9.2 122.8,12 120,14.8 117.2,12' fill='%23ee864a' opacity='.75'/%3E%3C/svg%3E");--o-c-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='rotate(0 24 24)'%3E %3Cpath d='M3 44V13Q3 3 13 3H44' fill='none' stroke='%235b6269' stroke-width='1.2' opacity='.8'/%3E %3Cpath d='M8 34V16Q8 8 16 8H34' fill='none' stroke='%2332363a' stroke-width='1'/%3E %3Cpath d='M13 13C19 13 21 17 18 19 16 20.5 14 18.5 15.5 17' fill='none' stroke='%235b6269' stroke-width='1'/%3E %3Cpolygon points='13,9 15,13 13,17 11,13' fill='%235b6269' transform='rotate(-45 13 13)'/%3E %3Ccircle cx='3' cy='46' r='1.3' fill='%235b6269'/%3E%3Ccircle cx='46' cy='3' r='1.3' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-c-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='rotate(90 24 24)'%3E %3Cpath d='M3 44V13Q3 3 13 3H44' fill='none' stroke='%235b6269' stroke-width='1.2' opacity='.8'/%3E %3Cpath d='M8 34V16Q8 8 16 8H34' fill='none' stroke='%2332363a' stroke-width='1'/%3E %3Cpath d='M13 13C19 13 21 17 18 19 16 20.5 14 18.5 15.5 17' fill='none' stroke='%235b6269' stroke-width='1'/%3E %3Cpolygon points='13,9 15,13 13,17 11,13' fill='%235b6269' transform='rotate(-45 13 13)'/%3E %3Ccircle cx='3' cy='46' r='1.3' fill='%235b6269'/%3E%3Ccircle cx='46' cy='3' r='1.3' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-c-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='rotate(180 24 24)'%3E %3Cpath d='M3 44V13Q3 3 13 3H44' fill='none' stroke='%235b6269' stroke-width='1.2' opacity='.8'/%3E %3Cpath d='M8 34V16Q8 8 16 8H34' fill='none' stroke='%2332363a' stroke-width='1'/%3E %3Cpath d='M13 13C19 13 21 17 18 19 16 20.5 14 18.5 15.5 17' fill='none' stroke='%235b6269' stroke-width='1'/%3E %3Cpolygon points='13,9 15,13 13,17 11,13' fill='%235b6269' transform='rotate(-45 13 13)'/%3E %3Ccircle cx='3' cy='46' r='1.3' fill='%235b6269'/%3E%3Ccircle cx='46' cy='3' r='1.3' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-c-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='rotate(270 24 24)'%3E %3Cpath d='M3 44V13Q3 3 13 3H44' fill='none' stroke='%235b6269' stroke-width='1.2' opacity='.8'/%3E %3Cpath d='M8 34V16Q8 8 16 8H34' fill='none' stroke='%2332363a' stroke-width='1'/%3E %3Cpath d='M13 13C19 13 21 17 18 19 16 20.5 14 18.5 15.5 17' fill='none' stroke='%235b6269' stroke-width='1'/%3E %3Cpolygon points='13,9 15,13 13,17 11,13' fill='%235b6269' transform='rotate(-45 13 13)'/%3E %3Ccircle cx='3' cy='46' r='1.3' fill='%235b6269'/%3E%3Ccircle cx='46' cy='3' r='1.3' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-engrave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='236' height='214' viewBox='0 0 236 214'%3E%3Cg fill='none' stroke='%235b6269' opacity='.5'%3E %3Cpath d='M47.8 177.01A98 98 0 0 1 212.5 81.92' stroke-width='1.4'/%3E %3Cpath d='M40.27 171.62A104 104 0 0 1 211.59 72.71' stroke-width='.7' stroke-dasharray='2 4'/%3E %3Cpath d='M23.6 193.09A126 126 0 0 1 243.94 75.94' stroke-width='.8'/%3E%3Cpath d='M25.48 192.41L20.78 194.12M21.95 181.05L17.11 182.3M19.53 169.4L14.59 170.18M18.23 157.57L13.24 157.88M18.08 145.67L13.08 145.5M19.06 133.81L14.1 133.16M21.18 122.11L16.31 120.98M24.41 110.65L19.67 109.07M28.72 99.56L24.15 97.53M34.08 88.94L29.72 86.48M40.43 78.88L36.33 76.01M47.71 69.47L43.91 66.22M55.86 60.8L52.39 57.21M64.81 52.96L61.7 49.04M74.46 46L71.74 41.81M84.74 40.01L82.43 35.58M95.55 35.03L93.68 30.39M106.78 31.11L105.36 26.31M118.34 28.28L117.39 23.37M130.12 26.57L129.64 21.59M142 26L142 21M153.88 26.57L154.36 21.59M165.66 28.28L166.61 23.37M177.22 31.11L178.64 26.31M188.45 35.03L190.32 30.39M199.26 40.01L201.57 35.58M209.54 46L212.26 41.81M219.19 52.96L222.3 49.04M228.14 60.8L231.61 57.21M236.29 69.47L240.09 66.22' stroke-width='.8'/%3E %3Ccircle cx='142' cy='150' r='54' stroke-width='1.2'/%3E%3Ccircle cx='142' cy='150' r='60' stroke-width='.6' stroke-dasharray='1 3'/%3E %3Cpath d='M88 150L72 150M100.63 115.29L88.38 105M132.62 96.82L129.84 81.06M169 103.23L177 89.38' stroke-width='1.2'/%3E%3C/g%3E%3Cpolygon points='49.91,112.48 53.91,116.48 49.91,120.48 45.91,116.48' fill='%23111214' stroke='%235b6269' stroke-width='1'/%3E%3Cpolygon points='93,61.13 97,65.13 93,69.13 89,65.13' fill='%23111214' stroke='%235b6269' stroke-width='1'/%3E%3Cpolygon points='159.02,49.49 163.02,53.49 159.02,57.49 155.02,53.49' fill='%23111214' stroke='%235b6269' stroke-width='1'/%3E%3C/svg%3E");--o-thorn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='20' viewBox='0 0 56 20'%3E %3Cdefs%3E%3ClinearGradient id='h' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%235b6269' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%235b6269'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='0,10 50,8.4 56,10 50,11.6' fill='url%28%23h%29'/%3E %3Cpath d='M16 9.3l5-6-1.2 6.1zM28 10.7l6 6.2-1.6-6.3zM38 9l5-7-1 7.1zM46 10.9l4 5-.8-5z' fill='%235b6269'/%3E %3Cpath d='M24 9.6C22 5 26 3 27.5 5.5' fill='none' stroke='%235b6269' stroke-width='.9'/%3E%3C/svg%3E");--o-crest:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='10' viewBox='0 0 34 10'%3E%3Cpath d='M0 8.5H11L14 5.5M34 8.5H23L20 5.5' fill='none' stroke='%2332363a' stroke-width='1.2'/%3E%3Cpolygon points='17,1 21,5.5 17,10 13,5.5' fill='%23111214' stroke='%235b6269' stroke-width='1.1'/%3E%3Ccircle cx='17' cy='5.5' r='1.1' fill='%235b6269'/%3E%3C/svg%3E");--o-tick-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg transform='rotate(0 5 5)'%3E%3Cpath d='M1 8V1H8' fill='none' stroke='%2332363a' stroke-width='1.3'/%3E%3Crect x='2.5' y='2.5' width='1.6' height='1.6' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-tick-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg transform='rotate(90 5 5)'%3E%3Cpath d='M1 8V1H8' fill='none' stroke='%2332363a' stroke-width='1.3'/%3E%3Crect x='2.5' y='2.5' width='1.6' height='1.6' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-tick-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg transform='rotate(180 5 5)'%3E%3Cpath d='M1 8V1H8' fill='none' stroke='%2332363a' stroke-width='1.3'/%3E%3Crect x='2.5' y='2.5' width='1.6' height='1.6' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-tick-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg transform='rotate(270 5 5)'%3E%3Cpath d='M1 8V1H8' fill='none' stroke='%2332363a' stroke-width='1.3'/%3E%3Crect x='2.5' y='2.5' width='1.6' height='1.6' fill='%235b6269'/%3E%3C/g%3E%3C/svg%3E");--o-rail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='90' viewBox='0 0 14 90'%3E%3Cpath d='M4 0V90M9 0V90' stroke='%2332363a' stroke-width='1.2'/%3E%3Cpath d='M6.5 0V90' stroke='%23000' stroke-width='2' opacity='.6'/%3E%3Cpolygon points='6.5,38 10.5,45 6.5,52 2.5,45' fill='%23141517' stroke='%235b6269' stroke-width='1'/%3E%3Ccircle cx='6.5' cy='45' r='1.1' fill='%235b6269'/%3E%3C/svg%3E");--o-fire:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ef8c53'/%3E%3Cstop offset='1' stop-color='%23c26630'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='url%28%23g%29' fill-opacity='1' stroke='%23cbced2' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23313539' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-fire-hi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f69b66'/%3E%3Cstop offset='1' stop-color='%23cd6e37'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='7.31,0.75 28.69,0.75 35.25,7.31 35.25,28.69 28.69,35.25 7.31,35.25 0.75,28.69 0.75,7.31' fill='url%28%23g%29' fill-opacity='1' stroke='%23dde0e2' stroke-width='1.5'/%3E %3Cpolygon points='8.45,3.5 27.55,3.5 32.5,8.45 32.5,27.55 27.55,32.5 8.45,32.5 3.5,27.55 3.5,8.45' fill='none' stroke='%23313539' stroke-width='1' opacity='.75'/%3E %3Cpath d='M10.45 4.5H25.55' stroke='%23fff' stroke-opacity='.07'/%3E%3C/svg%3E");--o-tag-normal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231d1f22'/%3E%3Cstop offset='1' stop-color='%230e0f11'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='.8,12 9,.8 31,.8 39.2,12 31,23.2 9,23.2' fill='url%28%23g%29' stroke='%23dcddde' stroke-width='1.3'/%3E %3Cpolygon points='4,12 10.6,3.4 29.4,3.4 36,12 29.4,20.6 10.6,20.6' fill='none' stroke='%23dcddde' stroke-width='.8' opacity='.6'/%3E%3C/svg%3E");--o-tag-normal-f:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23dcddde'/%3E%3Cstop offset='1' stop-color='%23a4a19a'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='.8,12 9,.8 31,.8 39.2,12 31,23.2 9,23.2' fill='url%28%23g%29' stroke='%23dcddde' stroke-width='1.3'/%3E %3Cpolygon points='4,12 10.6,3.4 29.4,3.4 36,12 29.4,20.6 10.6,20.6' fill='none' stroke='%23000' stroke-width='.8' opacity='.6'/%3E%3C/svg%3E");--o-tag-rare-f:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f5cf3d'/%3E%3Cstop offset='1' stop-color='%23b05c2c'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='.8,12 9,.8 31,.8 39.2,12 31,23.2 9,23.2' fill='url%28%23g%29' stroke='%23f5cf3d' stroke-width='1.3'/%3E %3Cpolygon points='4,12 10.6,3.4 29.4,3.4 36,12 29.4,20.6 10.6,20.6' fill='none' stroke='%23000' stroke-width='.8' opacity='.6'/%3E%3C/svg%3E");--o-tag-unique-f:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff7d1f'/%3E%3Cstop offset='1' stop-color='%2360676e'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpolygon points='.8,12 9,.8 31,.8 39.2,12 31,23.2 9,23.2' fill='url%28%23g%29' stroke='%23ff7d1f' stroke-width='1.3'/%3E %3Cpolygon points='4,12 10.6,3.4 29.4,3.4 36,12 29.4,20.6 10.6,20.6' fill='none' stroke='%23000' stroke-width='.8' opacity='.6'/%3E%3C/svg%3E");--o-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='47.5' fill='none' stroke='%2332363a' stroke-width='1.6'/%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='1'/%3E%3Cpath d='M93 50L97 50M93.82 57.73L96.29 58.16M91.82 65.22L94.17 66.07M87.24 71.5L90.7 73.5M84.09 78.6L86 80.21M78.6 84.09L80.21 86M71.5 87.24L73.5 90.7M65.22 91.82L66.07 94.17M57.73 93.82L58.16 96.29M50 93L50 97M42.27 93.82L41.84 96.29M34.78 91.82L33.93 94.17M28.5 87.24L26.5 90.7M21.4 84.09L19.79 86M15.91 78.6L14 80.21M12.76 71.5L9.3 73.5M8.18 65.22L5.83 66.07M6.18 57.73L3.71 58.16M7 50L3 50M6.18 42.27L3.71 41.84M8.18 34.78L5.83 33.93M12.76 28.5L9.3 26.5M15.91 21.4L14 19.79M21.4 15.91L19.79 14M28.5 12.76L26.5 9.3M34.78 8.18L33.93 5.83M42.27 6.18L41.84 3.71M50 7L50 3M57.73 6.18L58.16 3.71M65.22 8.18L66.07 5.83M71.5 12.76L73.5 9.3M78.6 15.91L80.21 14M84.09 21.4L86 19.79M87.24 28.5L90.7 26.5M91.82 34.78L94.17 33.93M93.82 42.27L96.29 41.84' stroke='%235b6269' stroke-width='.8' opacity='.75'/%3E%3Cpolygon points='83.59,80.99 86.19,83.59 83.59,86.19 80.99,83.59' fill='%23141517' stroke='%235b6269' stroke-width='.8'/%3E%3Cpolygon points='16.41,80.99 19.01,83.59 16.41,86.19 13.81,83.59' fill='%23141517' stroke='%235b6269' stroke-width='.8'/%3E%3Cpolygon points='16.41,13.81 19.01,16.41 16.41,19.01 13.81,16.41' fill='%23141517' stroke='%235b6269' stroke-width='.8'/%3E%3Cpolygon points='83.59,13.81 86.19,16.41 83.59,19.01 80.99,16.41' fill='%23141517' stroke='%235b6269' stroke-width='.8'/%3E%3C/svg%3E")} #side.fresh .sbtn[data-open="menu"]{filter:drop-shadow(0 0 6px rgba(238,134,74,.55))} #gmenu.fresh .tile[data-go="skills"]{filter:drop-shadow(0 0 8px rgba(238,134,74,.5))} #skills .slist{background:linear-gradient(90deg,transparent calc(100% - 16px),rgba(195,197,200,.05) calc(100% - 11px),rgba(195,197,200,.2)),linear-gradient(0deg,rgba(195,197,200,.18),rgba(195,197,200,.04) 10px,transparent 15px),linear-gradient(90deg,#26282c,#202226)!important} #skills .slist .sk[data-id]{background:var(--fc,#32363a)!important} #skills .slist .sk canvas{box-shadow:0 0 0 2px #0c0d0f,0 0 0 3px #32363a!important} #skills .slist .sk.fresh{--fc:#5b6269} #skills .slist .sk.sel{--fc:#ee864a} #skills .slist .sk.fresh::before{background:linear-gradient(90deg,#3b3f43,#202225 70%,#191b1d)} #skills .slist .sk.sel canvas{box-shadow:0 0 0 2px #0c0d0f,0 0 0 3px #ee864a!important} #skills .spage .sock{box-shadow:0 0 0 3px #0c0d0f,0 0 0 4px #32363a,0 3px 8px rgba(0,0,0,.6)!important} #skills .spage .sock.ok{box-shadow:0 0 0 3px #0c0d0f,0 0 0 4px #ee864a,0 0 16px 3px rgba(238,134,74,.7)!important} #tLife{background:#5b6269!important} #playBtn{color:#131415!important;text-shadow:0 1px 0 rgba(225,227,230,.35)!important;filter:drop-shadow(0 0 14px rgba(238,134,74,.4)) drop-shadow(0 3px 6px rgba(0,0,0,.7))} #callout,#explain{color:#0d0e0f!important;text-shadow:0 1px 0 rgba(225,227,230,.45);filter:drop-shadow(0 0 8px rgba(238,134,74,.4)) drop-shadow(0 4px 8px rgba(0,0,0,.6))} #callout b{border-left-color:#ef8c53!important} #callout.up b,#callout.bag b{border-bottom-color:#ef8c53!important} .tbtn{background:radial-gradient(circle at 50% 35%,#1c1d20,#0a0b0c) padding-box,linear-gradient(155deg,#d88e64,#484d52 38%,#b05c2c 62%,#26292c) border-box!important} .tbtn.press{background:radial-gradient(circle at 50% 35%,#1c1d20,#0a0b0c) padding-box,linear-gradient(155deg,#d7dadc,#d68759 40%,#ee864a 65%,#484d52) border-box!important} .tbtn.main.talk{background:radial-gradient(circle,#272a2d,#0e0f11) padding-box,linear-gradient(155deg,#d7dadc,#c56731 45%,#ee864a 65%,#484d52) border-box!important} .tact{background:radial-gradient(circle at 50% 38%,#3a3c41,#141518) padding-box,linear-gradient(155deg,#d88e64,#484d52 38%,#b05c2c 62%,#26292c) border-box!important} .tact::before{border:1px solid rgba(238,134,74,.35)} .tact.talk.on{background:radial-gradient(circle at 50% 38%,#3a3c41,#141518) padding-box,linear-gradient(155deg,#d7dadc,#c56731 45%,#ee864a 65%,#484d52) border-box!important} .tact.pick{background:radial-gradient(circle at 50% 32%,#c3c8cc,#e27332 45%,#575e65 100%) padding-box,linear-gradient(155deg,#dfe2e4,#5b6269 40%,#ee864a 62%,#32363a) border-box!important} .tact.pick::before{border:1.5px solid rgba(47,50,54,.55)} :is(#mapPanel,#qlog) .mlist,#skills .slist{background:linear-gradient(90deg,transparent calc(100% - 16px),rgba(195,197,200,.05) calc(100% - 11px),rgba(195,197,200,.2)),linear-gradient(0deg,rgba(195,197,200,.18),rgba(195,197,200,.04) 10px,transparent 15px), linear-gradient(90deg,rgba(38,40,44,.5),rgba(30,32,35,.58)),var(--tex-panel) 0 0/384px 384px,#222427!important} #chron .clist{background:linear-gradient(90deg,transparent calc(100% - 16px),rgba(195,197,200,.05) calc(100% - 11px),rgba(195,197,200,.2)),linear-gradient(0deg,rgba(195,197,200,.18),rgba(195,197,200,.04) 10px,transparent 15px),linear-gradient(90deg,rgba(38,40,44,.5),rgba(30,32,35,.58)),var(--tex-panel) 0 0/384px 384px,#222427} #chron .ctab.on{filter:drop-shadow(0 0 6px rgba(238,134,74,.35))} #chron .ctab.on b{color:#ee864a} #chron .cnote em{color:#ee864a} #chron .cbanner{background:radial-gradient(ellipse at 12% 50%,rgba(238,134,74,.16),transparent 55%),linear-gradient(rgba(10,11,12,.55),rgba(10,11,12,.7))} #chron .crank{filter:drop-shadow(0 0 8px rgba(238,134,74,.45))} #chron .crank span{color:#d7dadc} #chron .cbar div{background:linear-gradient(90deg,#4d5359,#ee864a);box-shadow:0 0 8px rgba(238,134,74,.5)} #chron .ccard.ready{background:radial-gradient(ellipse at 80% 50%,rgba(238,134,74,.16),transparent 60%),linear-gradient(90deg,rgba(39,42,45,.6),rgba(16,18,19,.7));filter:drop-shadow(0 0 8px rgba(238,134,74,.3))} #chron .ccard.ready .cicon svg{stroke:#ee864a} #chron .chere{color:#ee864a} #chron .chead{border-bottom:1px solid rgba(91,98,105,.35)} #chron .ccard.ready .cwhat{color:#d7dadc} #chron .cprog div{background:linear-gradient(90deg,#3d4247,#b25d2c)} #chron .cprog.full div{background:linear-gradient(90deg,#4d5359,#ee864a);box-shadow:0 0 8px rgba(238,134,74,.5)} #chron .rw{color:#c9cfd5} #chron .rw em{color:#d7dadc} #chron .cshow svg{stroke:#ee864a} #chron .cclaim{color:#131415} #chron .cbadge{background:#ee864a;color:#131415;box-shadow:0 0 8px rgba(238,134,74,.7)} #chron .cfloat{color:#d7dadc;text-shadow:0 0 6px rgba(238,134,74,.9),0 1px 2px #000} #gmenu .tile .claim{color:#ee864a} :is(#mapPanel,#qlog) .mback{color:#ee864a} :is(#mapPanel,#qlog) .mback svg{stroke:#ee864a} #feat{background:radial-gradient(ellipse at 50% 50%,rgba(238,134,74,.2),transparent 70%)} #feat small{color:#ee864a} #feat b{color:#d7dadc;text-shadow:0 0 14px rgba(238,134,74,.6)} #chron .ccards{border-left:2px solid rgba(176,92,44,.55)} #chron .ccard::before{background:rgba(176,92,44,.55)} #evTimer .bar,#target .bar{background:#5b6269!important} #target .af{color:#c3c5c8} .ip .pw{color:#9ca0a4} .ip .pw b{color:#ccd0d4} .ip .delta.mix{color:#e89260} .ip .delta.eq{color:#858d95} .ip .ln.base{color:#ccd0d4} #gmenu.claim .tile[data-go="chron"]{filter:drop-shadow(0 0 8px rgba(238,134,74,.5))} #inv.open .eq.sel,#inv.open .cell.sel{filter:drop-shadow(0 0 7px rgba(238,134,74,.6))} #inv.open .eq.fit{filter:drop-shadow(0 0 9px rgba(204,208,211,.6))} #side.fresh .sbtn[data-open="menu"] svg,#side.claim .sbtn[data-open="menu"] svg{stroke:#c0c4c9!important} .nb{background:radial-gradient(circle at 35% 35%,#d0d3d7,#ee864a 55%,#636a71);border:1px solid #16181a;box-shadow:0 0 8px rgba(238,134,74,.9)} .sbtn .dot{background:radial-gradient(circle at 35% 35%,#d0d3d7,#ee864a 55%,#636a71)!important;border:1px solid #16181a!important} #inv .crate small{color:#ee864a} #inv .crate b{color:#d7dadc;text-shadow:0 1px 3px #000,0 0 10px rgba(238,134,74,.4)} #inv .crs{background:radial-gradient(circle,#eaeced,#ff8640 60%,transparent 70%);box-shadow:0 0 8px #ff8640} #inv .crate b{color:#ee864a!important} #inv .crate svg{stroke:#ee864a} :is(#mapPanel,#qlog) .mfilter{color:#d7dadc} :is(#mapPanel,#qlog) .mfilter i{background:#ee864a;box-shadow:0 0 6px #ee864a} :is(#mapPanel,#qlog) .mfilter b{border-left:1px solid rgba(238,134,74,.4)} :is(#mapPanel,#qlog) .mfilter.side{border-color:rgba(174,183,192,.6)} #gmenu .gem{background:radial-gradient(circle,#232629,#0b0c0d 70%);box-shadow:0 0 0 calc(2px * var(--k)) #51575d,0 0 0 calc(4px * var(--k)) #111213,0 0 0 calc(5px * var(--k)) #3c4044,inset 0 0 12px rgba(0,0,0,.9)} #gmenu .gem svg{stroke:#e8af8e;filter:drop-shadow(0 0 4px rgba(238,134,74,.45))} #gmenu .gname{color:#d5d8db} #gmenu .gxp{background:#090a0b!important;box-shadow:0 0 0 1px #32363a,inset 0 1px 2px #000} #gmenu .gxp div{background:linear-gradient(90deg,#50565c,#e08b5a 70%,#babfc4)!important;box-shadow:0 0 6px rgba(238,134,74,.5)} #gmenu .tile span{color:#d5d8db} #gmenu .gl .tile svg{stroke:#e8af8e!important} #gmenu .ghead span{color:#e4b091} #gmenu .gr .tile.bar svg{stroke:#e8af8e!important} #gmenu .tile .chev{border:solid #e8af8e} /* the test panel's foes switch (22.10.) */ .mm-tests .tfoes{display:flex;align-items:center;gap:calc(10px * var(--k));margin:calc(4px * var(--k)) 0 calc(10px * var(--k));font-size:calc(15px * var(--k));color:#d5d8db;cursor:pointer;user-select:none} .mm-tests .tfoes input{width:calc(20px * var(--k));height:calc(20px * var(--k));accent-color:#ee864a;margin:0;cursor:pointer} .mm-tests .topts{display:flex;flex-wrap:wrap;align-items:center;column-gap:calc(32px * var(--k));row-gap:calc(6px * var(--k));margin:calc(4px * var(--k)) 0 calc(10px * var(--k))} .mm-tests .topts .tfoes{display:inline-flex;margin:0;min-height:calc(30px * var(--k))} /* the fps line at the top, bigger and bolder (the user, 22.10.: 'die Debug-FPS-Leiste nach oben, dicker und größer') */ #fps.on,body.touch #fps.on{top:calc(6px + env(safe-area-inset-top))!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;font:700 calc(17px * var(--k, 1)) var(--f-body)!important;letter-spacing:.06em;color:#ffd08a!important;background:rgba(10,8,6,.72);padding:4px 12px;border:1px solid rgba(238,134,74,.55);border-radius:4px;text-shadow:0 1px 2px #000;z-index:60!important} body.touch #fps.on{font-size:12px!important;max-width:94vw;white-space:normal!important;text-align:center;line-height:1.25;padding:3px 8px}