@font-face{font-family:Beaufort;src:url('client/beaufort-bold.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:Spiegel;src:url('client/spiegel.otf') format('opentype');font-display:swap}:root{--text:#cdbe91;--gold:#c8aa6e;--muted:#7e8074;--blue:#0ac8b9;--border:#3c3c31}*{box-sizing:border-box}body{margin:0;background:#01060a;color:var(--text);font:13px Spiegel,Arial,sans-serif;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:18px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #59c1c6;outline-offset:3px}[hidden]{display:none!important}.client-window{width:100%;max-width:1280px;height:calc(100dvh - 36px);min-height:660px;max-height:850px;border:1px solid #60543b;box-shadow:0 12px 60px #0008;background:#010a13;display:flex;flex-direction:column;overflow:hidden}.client-header{height:76px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid #313b3d;background:linear-gradient(90deg,#081622,#010a13);padding:0 25px;gap:25px}.client-mark{font:700 32px Beaufort,serif;text-decoration:none;position:relative;color:#c5ab70;width:32px;line-height:1}.client-mark>span{color:#38bccb;position:absolute;font-size:13px;left:20px;bottom:2px}.craft-tab{font:700 16px Beaufort,serif;letter-spacing:1px;position:relative;border:2px solid #827348;background:linear-gradient(90deg,#123d4a,#0d2028);padding:11px 27px 10px 21px;clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%)}nav{display:flex;height:100%;gap:27px;margin-left:8px}nav a{font:700 13px Beaufort,serif;letter-spacing:1px;color:#8b8976;text-decoration:none;display:flex;align-items:center;position:relative}nav a.active{color:#f0e6d2}nav a.active:after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:2px;background:#c8aa6e;box-shadow:0 -8px 22px #c8aa6e33}.header-right{margin-left:auto;display:flex;align-items:center;gap:22px}.patch-label{color:#7f837d;font-size:11px;letter-spacing:1px}header button{width:20px;height:20px;border:1px solid #80724c;border-radius:50%;background:none;color:#b6a370;font-size:12px}.client-main{display:grid;grid-template-columns:48px 350px minmax(0,1fr);flex:1;min-height:0;background:#010a13 url('client/background.jpg') center/cover no-repeat}.icon-rail{padding:22px 0;display:flex;align-items:center;flex-direction:column;gap:25px;background:linear-gradient(90deg,#010a1388,transparent)}.icon-rail a,.icon-rail button{width:29px;height:29px;display:grid;place-items:center;text-decoration:none;background:none;border:none;color:#66777b;font-size:18px;position:relative}.icon-rail svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.icon-rail .rail-active{color:#c9ad71}.rail-active:before{content:'';position:absolute;left:-9px;top:-3px;bottom:-3px;width:2px;background:#d2b47c}.icon-rail button:last-child{margin-top:auto;border:1px solid #70613d;border-radius:50%;width:21px;height:21px;color:#c8aa6e;font-size:12px}.loot-inventory{display:flex;flex-direction:column;padding:20px 18px 0 10px;min-height:0;border-right:1px solid #343c35;position:relative}.inventory-search{display:grid;grid-template-columns:20px minmax(0,1fr) 117px;align-items:center;border:1px solid #615738;background:#000a13;min-height:32px;margin-bottom:19px}.inventory-search>span{font-size:22px;padding-left:6px;color:#8a8c80}.inventory-search input{min-width:0;width:100%;background:none;border:0;color:#c7c6b5;padding:8px;font-size:12px;outline-offset:0}.inventory-search select{background:#0c161b;border:0;border-left:1px solid #4e4b34;color:#a5a38c;min-width:0;width:100%;padding:7px 2px;font-size:10px;border-radius:0}.inventory-scroll{flex:1;min-height:0;overflow:auto;padding-right:10px;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#785a28 transparent}.category-title{font:700 13px Beaufort,serif;color:#aba88e;margin:0 0 14px;letter-spacing:.4px;display:flex;align-items:center;gap:10px}.category-title:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#6b5833,#55472a22)}.loot-tile{display:block;width:65px;height:65px;border:1px solid #826c3b;background:#06131d;padding:3px;position:relative;box-shadow:inset 0 0 0 1px #000}.loot-tile img{width:100%;height:100%;object-fit:contain}.loot-tile.selected{border-color:#aebcc0;box-shadow:0 0 0 1px #327288,inset 0 0 0 1px #000}.loot-tile>span{position:absolute;right:3px;bottom:0;color:#e8d9ad;font-size:14px;text-shadow:0 1px 2px #000}.category-row{display:flex;align-items:center;gap:8px;margin-top:25px}.category-row h2{flex:1;margin-bottom:0}.category-row>span{font-size:10px;color:#807d68}.collection-actions{display:flex;gap:8px;margin:9px 0 14px;color:#525d5c;font-size:10px}.collection-actions button{border:0;background:none;padding:0;font-size:10px;color:#8b8e7e}.collection-actions button:hover{color:#d1ba85}#championGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.champion{min-width:0;aspect-ratio:1;background:#06131d;border:1px solid #6b5d3e;padding:2px;position:relative;box-shadow:inset 0 0 0 1px #000}.champion img{width:100%;height:100%;object-fit:cover;display:block}.champion .champion-info{position:absolute;inset:0;opacity:0;background:linear-gradient(transparent,#020a12e0);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.champion b{color:#f0e6d2;font-size:9px;line-height:1.1;text-align:center;padding:3px;word-break:break-word;font-weight:400}.champion small{display:none}.champion:hover,.champion:focus-visible{border-color:#e5ce9c;box-shadow:0 0 9px #c8aa6e33}.champion:hover .champion-info,.champion:focus-visible .champion-info{opacity:1}.champion.off img{opacity:.2;filter:grayscale(1)}.champion.off:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;color:#b3a785;font-size:23px}.champion.spent img{opacity:.45}.champion.spent:after{content:'✓';position:absolute;bottom:0;right:1px;color:#83c7b6;font-size:14px;text-shadow:0 0 2px #000}.inventory-bottom{height:47px;flex-shrink:0;border-top:1px solid #5a4b2c;display:flex;align-items:center;gap:5px;font-size:10px;color:#7f877e}.inventory-bottom>b{font-size:13px;color:#c8c6ad;font-weight:400}.blue-essence{color:#17bdde;font-size:20px;margin-right:6px;text-shadow:0 0 7px #1085bc66}.chance-caption{margin-left:auto;font-size:9px}.chance-caption>b{font-weight:400;color:#b9b295}.crafting-stage{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;position:absolute;top:22px;left:30px;right:25px;z-index:4}.stage-toolbar>span{font:700 10px Beaufort,serif;letter-spacing:1px;color:#606b69}.sound-controls{display:flex;gap:9px;align-items:center}.sound-controls button{background:none;border:0;font-size:9px;letter-spacing:.8px;color:#9a9a80;padding:0}.sound-controls input{width:42px;height:2px;accent-color:#9b8450}.scene{position:absolute;top:25px;bottom:205px;left:0;right:0;display:flex;justify-content:center;align-items:center;isolation:isolate}.orb-video,.orb-poster{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:570px;height:570px;max-width:125%;max-height:125%;object-fit:contain;pointer-events:none;mix-blend-mode:screen}.orb-poster{z-index:0}.orb-video{z-index:1}.orb-poster.inactive{visibility:hidden}.ground-shadow{position:absolute;left:50%;top:calc(50% + 128px);transform:translateX(-50%);width:130px;height:13px;background:radial-gradient(ellipse,#0007,transparent 70%);z-index:-1}.stage-actions{position:absolute;bottom:88px;left:20px;right:20px;text-align:center;z-index:3}.stage-actions h1{font:700 21px Beaufort,serif;margin:0 0 7px;color:#d8d1b8;letter-spacing:.7px}.orb-description{font-size:12px;color:#8a9187;margin:0}.action-decoration{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px 0}.action-decoration span{width:54px;height:1px;background:linear-gradient(90deg,transparent,#7b643a)}.action-decoration span:last-child{transform:rotate(180deg)}.action-decoration i{font-size:10px;color:#a58a54;font-style:normal}.open-button{min-width:130px;min-height:35px;padding:7px 25px;border:1px solid #a58b55;box-shadow:inset 0 0 0 2px #010a13,inset 0 0 0 3px #5b5233;background:linear-gradient(#172026,#09151f);font:700 13px Beaufort,serif;letter-spacing:1px;color:#cfbd94}.open-button:hover{border-color:#eddaa6;color:#f0e6ce;background:linear-gradient(#263337,#15232b)}.open-button:active{background:#080f13}.status{font-size:10px;line-height:1.4;color:#647770;max-width:380px;margin:12px auto 0;min-height:15px}.subtle-action{font-size:10px;border:0;background:none;color:#a38d58;margin-top:7px}.recent{position:absolute;bottom:24px;left:30px;right:25px;z-index:2}.recent-heading{display:flex;gap:15px;align-items:center;font-size:8px;letter-spacing:1px;color:#64716a}.recent-heading button{background:none;border:0;font-size:8px;color:#7b806c;padding:0}.recent #historyList{display:flex;align-items:center;gap:7px;min-height:28px;margin-top:7px;overflow:auto;scrollbar-width:thin}.history-empty{font-size:10px;color:#465e5d}.history-chip{height:27px;width:27px;position:relative;border:1px solid #796136;flex-shrink:0}.history-chip img{height:100%;width:100%;object-fit:cover}.history-chip>span{position:absolute;display:none}.stage-footer{display:flex;justify-content:space-between;position:absolute;bottom:8px;left:30px;right:25px;font-size:7px;letter-spacing:.7px;color:#3d5455}.reward{width:230px;text-align:center;position:relative;z-index:3;animation:rewardReveal .6s ease-out}.shard-frame{height:245px;width:170px;margin:0 auto 17px;padding:4px;background:linear-gradient(135deg,#3d9aaa,#827348 30%,#324c5a 60%,#c8aa6e);clip-path:polygon(8% 0,92% 0,100% 7%,100% 92%,92% 100%,8% 100%,0 92%,0 7%)}#rewardImage{height:100%;width:100%;background-size:cover;background-position:center 25%;clip-path:polygon(8% 0,92% 0,100% 7%,100% 92%,92% 100%,8% 100%,0 92%,0 7%)}.reward-type{font:700 9px Beaufort,serif;color:#6ca9b2;letter-spacing:1.8px}.reward h2{font:700 23px Beaufort,serif;color:#e3d5b4;margin:8px 0 3px}.reward p{font-size:11px;color:#a0a494;margin:0}.reward>span{font-size:9px;color:#736f5a;display:block;margin-top:8px}.revealed #orbName,.revealed #orbDescription,.revealed .action-decoration{display:none}.revealed .stage-actions{bottom:91px}.revealed .scene{bottom:175px}.revealed .ground-shadow{opacity:0}.client-footer{height:27px;border-top:1px solid #26322e;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:8px;flex-shrink:0;color:#485959}.client-footer>span:first-child{color:#8a805d;font:700 10px Beaufort,serif;letter-spacing:.7px}.client-footer small{font:8px Spiegel,Arial,sans-serif;letter-spacing:0;color:#485959;margin-left:8px}dialog{width:min(500px,90vw);max-height:85vh;overflow:auto;color:#a4aa9c;background:#07141e;border:1px solid #7c6942;box-shadow:0 10px 80px #0009;padding:32px;font-size:12px;line-height:1.7}dialog::backdrop{background:#000b}dialog h2{font:700 22px Beaufort,serif;color:#c8b78f;margin-top:0}dialog a{color:#b7a36e;display:block;font-size:11px}.close{position:absolute;right:12px;top:8px;font-size:22px;color:#a28d5e;background:none;border:0}.toggle{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:#cdbe91}.toggle small{display:block;color:#7d8b83;font-size:10px}input[type=checkbox]{accent-color:#37919b;width:16px;height:16px}.secondary-button{background:#101c22;border:1px solid #78653d;padding:9px 13px;font-size:11px}#emptyPool{font-size:11px;color:#6d807b}@keyframes rewardReveal{from{opacity:0;transform:scale(.85);filter:brightness(1.8)}to{opacity:1;transform:none;filter:brightness(1)}}@media(min-width:1150px){.client-main{grid-template-columns:52px 390px minmax(0,1fr)}#championGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.orb-video,.orb-poster{width:650px;height:650px}.ground-shadow{top:calc(50% + 143px)}}@media(max-width:800px){body{padding:0}.client-window{height:100dvh;max-height:none;border:0;min-height:620px}.client-header{height:65px;padding:0 17px;gap:19px}.craft-tab{font-size:13px;padding:10px 18px 9px 14px}nav{gap:18px;margin:0}nav a{font-size:11px}.client-main{grid-template-columns:38px 280px minmax(0,1fr)}.loot-inventory{padding:16px 12px 0 6px}.inventory-search{grid-template-columns:18px minmax(0,1fr)}.inventory-search select{grid-column:1/-1;border-left:0;border-top:1px solid #393b2b;font-size:11px}.inventory-search input{font-size:11px}#championGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.stage-toolbar{left:17px;right:17px}.stage-toolbar>span{display:none}.sound-controls{margin-left:auto}.scene{top:25px;bottom:220px}.orb-video,.orb-poster{width:520px;height:520px;max-width:150%;max-height:150%}.ground-shadow{top:calc(50% + 105px)}.stage-actions{left:12px;right:12px}.stage-actions h1{font-size:19px}.orb-description{font-size:11px}.recent,.stage-footer{left:17px;right:17px}.chance-caption{font-size:8px}.client-footer>span:last-child{font-size:7px}.reward{width:200px}.shard-frame{width:145px;height:210px}}
@media(max-width:580px){.client-header{gap:14px;height:58px}.client-mark{font-size:27px;width:25px}.craft-tab{font-size:12px;padding:8px 13px 8px 10px}nav{gap:12px}nav a{font-size:9px}.header-right{gap:10px}.patch-label{display:none}.client-main{grid-template-columns:30px minmax(140px,39%) minmax(0,1fr)}.icon-rail{gap:18px;padding-top:15px}.icon-rail svg{width:16px;height:16px}.icon-rail a,.icon-rail button{width:23px}.rail-active:before{left:-4px}.loot-inventory{padding:13px 8px 0 4px}.inventory-search{margin-bottom:17px}.inventory-search input{padding:7px 3px;font-size:10px}.category-title{font-size:11px;gap:5px}.loot-tile{width:51px;height:51px}.category-row{margin-top:20px}.collection-actions{gap:4px;font-size:8px;flex-wrap:wrap}.collection-actions button{font-size:8px}#championGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.inventory-bottom{flex-wrap:wrap;height:48px;gap:4px;font-size:9px;padding:5px 0}.inventory-bottom>b{font-size:11px}.blue-essence{font-size:16px;margin:0}.chance-caption{flex-basis:100%;padding-left:19px;margin-top:-6px}.scene{top:0;bottom:245px}.orb-video,.orb-poster{width:450px;height:450px;max-width:180%;max-height:170%}.ground-shadow{top:calc(50% + 80px);width:85px}.stage-actions{bottom:91px;left:8px;right:8px}.stage-actions h1{font-size:16px}.orb-description{font-size:10px;line-height:1.5}.action-decoration{margin:12px 0}.action-decoration span{width:22px}.open-button{min-width:110px;font-size:12px}.status{font-size:9px}.sound-controls input{width:30px}.sound-controls button{font-size:8px}.stage-toolbar{top:17px;right:12px}.recent-heading{font-size:7px;letter-spacing:.3px}.recent-heading button{font-size:7px}.recent{left:12px;right:12px}.history-empty{font-size:8px;line-height:1.3}.stage-footer{left:12px;right:12px;font-size:5px}.reward{width:150px}.shard-frame{width:115px;height:170px}.reward h2{font-size:20px}.reward p{font-size:9px}.reward-type{font-size:7px;letter-spacing:1px}.revealed .scene{bottom:230px}.client-footer{padding:0 9px}.client-footer small{display:none}.client-footer>span:last-child{max-width:70%;font-size:6px}.champion b{font-size:7px}.subtle-action{font-size:9px}}
.history-chip img{display:block}.recent #historyList{overflow-y:hidden}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.orb-video{display:none}.orb-poster.inactive{visibility:visible}}