:root{font-family:Manrope,Arial,sans-serif;color:#27372f;background:#f5f6f2;font-synthesis:none;font-size:14px;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #729c65;outline-offset:4px}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;flex-shrink:0}button{border:0;background:none}p{color:#788077;line-height:1.7;margin:8px 0}h1,h2,h3{margin:0;letter-spacing:-.045em}h1{font-size:30px;font-weight:600;line-height:1.25}h2{font-size:21px;font-weight:600}h3{font-size:16px;font-weight:600}small{font-size:12px}aside{width:222px;position:fixed;top:0;bottom:0;left:0;padding:36px 22px 20px;border-right:1px solid #e4e7df;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap;gap:8px}.brand-mark{color:#3c694a;display:flex}.brand-mark svg{width:28px;height:28px;fill:#3c694a;stroke:#f5f6f2;stroke-width:.6}.brand-dot{color:#789567;margin-left:-7px}.nav-label{font-size:11px;color:#68725f;margin:49px 10px 16px}nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;border-radius:9px;font-size:13px;color:#6e776f;text-align:left}.nav-link.active{background:#e7ebe3;color:#2f4936;font-weight:700}.nav-link:hover{background:#edf0e9}.nav-link svg{width:18px;height:18px}.nav-count{margin-left:auto;font-size:11px}.sidebar-bottom{margin-top:auto}.how{padding:20px 10px 25px}.how .small{font-size:11px;color:#68725f}.how p{font-size:17px;letter-spacing:-.5px;color:#5d6c5c;line-height:1.6;margin:10px 0}.how .text-button{font-size:11px}.profile{width:100%;border-top:1px solid #e4e7df;padding:22px 0 0;display:flex;gap:10px;align-items:center;text-align:left;font-size:12px}.avatar{background:#e4e9df;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.profile small{display:block;color:#858b81;font-size:11px;margin-top:4px}.profile>svg{margin-left:auto;width:17px}main{margin-left:222px}header{height:88px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e7df}.breadcrumb{font-size:12px;color:#7e877e}.breadcrumb span{padding:0 13px;color:#b3baae}.top-actions{display:flex;align-items:center;gap:12px}.top-chip{display:flex;gap:8px;align-items:center;background:#fff;padding:9px 13px;border:1px solid #e4e7df;border-radius:9px;font-size:12px;font-weight:700}.top-chip svg{width:16px}.top-chip span{font-weight:500;color:#858b81;font-size:11px}.preview-dot{font-size:11px;color:#798271;display:flex;align-items:center;gap:5px;margin-right:5px}.preview-dot:before{content:"";width:5px;height:5px;background:#8b9e73;border-radius:50%}.page{max-width:1430px;margin:auto;padding:35px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:29px}.page-heading p{font-size:13px;margin:9px 0 0}.season{font-size:11px;color:#68725f;white-space:nowrap}.intro-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(235px,1fr);gap:22px;margin-bottom:38px}.draw-panel{border-radius:20px;background:#e7edde;display:flex;position:relative;overflow:hidden;min-height:280px;padding:28px 30px}.draw-copy{position:relative;z-index:2;min-width:54%}.available{display:flex;align-items:center;gap:7px;font-size:11px;color:#6e7d63;margin-bottom:14px}.available svg{width:15px;height:15px}.draw-copy h2{font-size:29px;line-height:1.2;font-weight:600}.draw-copy p{font-size:11px;color:#77816e;line-height:1.7;margin:12px 0 18px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#344f3a;color:#fff;padding:13px 19px;border-radius:9px;font-size:12px;font-weight:600;min-height:44px}.primary:hover{background:#243d2a}.primary svg{width:16px;height:16px}.primary svg:last-child{margin-left:10px}.draw-copy>small{display:block;font-size:11px;color:#68725f;margin-top:10px}.hero-cards{position:absolute;width:240px;height:235px;right:15px;top:35px;transform:rotate(5deg)}.hero-cards>div{position:absolute;width:137px;height:190px;top:15px;border-radius:11px}.back-card{background:#bdc9a9;transform:rotate(25deg);left:85px;top:24px!important;border:6px solid #dce4cf}.middle-card{background:#f9faf4;transform:rotate(10deg);left:62px;border:1px solid #d4ddc6}.middle-card .artifact{width:140px;height:170px}.front-card{left:16px;transform:rotate(-13deg);background:#4c6649;border:6px solid #6e825d;outline:1px solid #45633f;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12px;color:#d5dfbd}.front-card span:first-child{font-size:11px;letter-spacing:-.4px}.front-card>svg{width:77px;height:77px;stroke-width:.8;fill:#cbd6ae}.front-card span:last-child{font-size:11px}.reward-panel{background:#fff;border:1px solid #e5e8e0;border-radius:20px;padding:25px 24px;display:flex;flex-direction:column}.reward-top{display:flex;justify-content:space-between;font-size:12px}.reward-top svg{width:17px;color:#8b9585}.balance{font-size:35px;letter-spacing:-1.5px;margin-top:16px;font-weight:600;font-variant-numeric:tabular-nums}.balance span{font-size:14px;font-weight:500;letter-spacing:0;color:#68725f}.reward-panel>p{font-size:11px;margin-top:3px}.reward-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;margin:19px 0 14px;padding:16px 0}.reward-facts span{font-size:11px;color:#68725f}.reward-facts strong{display:block;color:#3a4933;font-size:18px;font-weight:500;margin-top:6px}.text-button{display:inline-flex;align-items:center;gap:8px;padding:0;font-size:11px}.text-button svg{width:15px;height:15px}.reward-panel>.text-button{justify-content:space-between;margin-top:auto}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:12px}.section-title h2{font-size:20px}.section-title h2 span{display:inline-grid;place-items:center;vertical-align:middle;font-size:11px;background:#e8ece3;min-width:22px;height:22px;border-radius:6px;margin-left:7px;color:#7c8972;letter-spacing:0}.section-title p{font-size:11px;margin:5px 0 0}.section-title>.text-button{color:#7f8879}.filters{display:flex;gap:7px;align-items:center;overflow-x:auto;margin-bottom:20px;padding:1px 1px 4px}.filters button{font-size:11px;white-space:nowrap;padding:8px 12px;border-radius:7px;color:#68725f;border:1px solid transparent}.filters button.selected{background:#fff;color:#3d5138;border-color:#dfe5d8}.filters button span{font-size:11px;background:#e9eee3;padding:1px 4px;border-radius:3px;margin-left:3px}.collection-card{padding:0;overflow:hidden;text-align:left;border:1px solid #e2e6dc;border-radius:16px;background:#fff;transition:transform .2s,border-color .2s}.collection-card:hover{transform:translateY(-4px);border-color:#a1b296}.card-art{position:relative;height:193px;overflow:hidden;display:flex;justify-content:center;align-items:center}.card-art .artifact{width:170px;height:170px;margin-top:7px;transition:transform .3s}.collection-card:hover .artifact{transform:rotate(-6deg) scale(1.04)}.rarity{position:absolute;left:17px;top:16px;font-size:11px;background:#ffffff80;border:1px solid #ffffff70;padding:4px 8px;border-radius:5px}.art-number{position:absolute;right:16px;top:20px;font-size:11px;opacity:.65}.art-caption{position:absolute;bottom:12px;font-size:11px;opacity:.75}.card-content{padding:18px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-title h3{font-size:15px}.card-title>svg{width:14px;color:#839079}.shard-slots{display:flex;gap:8px}.shard{border:1px dashed #d9e0d0;background:#f7f9f4;border-radius:7px;height:42px;flex:1;display:flex;align-items:center;justify-content:center;color:#b8c2af;gap:10px;font-size:19px}.shard.owned{background:#eef2e8;border:1px solid #e0e7d7;color:#829773}.shard svg{width:22px;height:22px;fill:#c5d4b6;stroke-width:1}.shard small{font-size:11px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:11px;color:#68725f}.card-foot strong{color:#536347;font-size:13px;font-weight:600}.card-foot small{font-size:11px;font-weight:500;color:#68725f}.card-foot .ready{color:#51824d}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;color:#68725f;font-size:11px}footer button{display:flex;align-items:center;gap:6px;font-size:11px}footer svg{width:13px;height:13px}.white-panel{background:#fff;border:1px solid #e2e6dc;border-radius:18px;overflow:hidden}.task-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(220px,1fr);gap:24px}.tabs{display:flex;padding:20px 26px 0;gap:25px;border-bottom:1px solid #e8ece3}.tabs button{padding:10px 0 18px;color:#68725f;font-size:13px}.tabs button.selected{border-bottom:2px solid #405a38;color:#405a38}.list-heading{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.list-heading h2{font-size:17px}.list-heading>span{font-size:11px;color:#68725f}.task-row{display:flex;align-items:center;gap:17px;padding:25px;border-top:1px solid #edf0e8}.task-symbol{color:#6e7e63}.task-symbol svg{width:25px;height:25px}.task-info{flex:1}.task-info small{font-size:11px;color:#89927f}.task-info h3{font-size:14px;margin-top:5px}.task-info p{font-size:11px;margin-bottom:0}.turn-reward{display:flex;align-items:center;gap:5px;color:#69835b;font-size:12px;white-space:nowrap}.turn-reward svg{width:16px}.secondary{border:1px solid #d4dfca;background:#f0f4eb;border-radius:7px;padding:10px 14px;font-size:11px;color:#435e39;min-height:40px}.done{font-size:11px}.task-note{background:#e7edde;padding:30px;border-radius:20px;align-self:start}.large-ticket svg{width:60px;height:60px;color:#718764;stroke-width:1;margin:10px 0 25px}.task-note h2{line-height:1.4}.task-note p{font-size:12px;margin:17px 0 25px}.form-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:35px}.form-layout h2{font-size:19px;margin-bottom:28px}.form-layout label{display:block;font-size:12px;margin-bottom:22px}.form-layout input,.form-layout select{width:100%;display:block;padding:13px;margin-top:10px;border-radius:7px;border:1px solid #d9dfd3;background:#fbfcf9;color:#43513c;outline-color:#7c9a6b}.form-layout label small{display:block;font-size:11px;color:#84907c;margin-top:8px}.order-summary{background:#f4f6ef;padding:28px;border-radius:12px;align-self:start}.order-summary p{font-size:12px}.order-summary>div{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e0e5d8;font-size:11px}.order-summary .note{margin-top:25px}.empty{padding:45px 24px;text-align:center;grid-column:1/-1}.empty p{margin:15px 0 20px}.status{background:#f3eddb;color:#8d7646;padding:8px 12px;border-radius:7px;font-size:11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b281b80;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.modal{background:#fcfdf9;border:1px solid #e2e7d9;border-radius:24px;padding:42px 32px 32px;width:560px;max-width:100%;max-height:90dvh;overflow-y:auto;position:relative;text-align:center;box-shadow:0 20px 80px #18221630;outline:none}.modal h2{font-size:26px;margin:10px 0}.modal p{font-size:13px}.modal-label{font-size:11px;color:#68725f}.close{position:absolute;right:17px;top:15px;padding:5px}.close svg{width:18px;height:18px}.detail-shards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.detail-shard{border-radius:12px;padding:10px 5px 18px}.detail-shard .artifact{width:100%;height:auto}.detail-shard strong{display:block;font-size:11px}.detail-shard small{display:block;font-size:11px;margin-top:7px}.detail-shard.missing{filter:grayscale(1);opacity:.45}.wide{width:100%;margin-top:20px}.draw-card{background:#496345;color:#dce5c6;width:190px;height:260px;border:9px solid #728664;border-radius:15px;outline:1px solid #496345;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;margin:30px auto;transition:transform .2s}.draw-card:hover{transform:rotate(-3deg)}.draw-card svg{width:100px;height:100px;fill:#c8d6b4;stroke-width:.6}.draw-card span{font-size:12px}.result-art{width:210px;height:210px;border-radius:20px;margin:25px auto}.result-art .artifact{width:100%;height:100%}.centered{margin:18px auto 0}.guide{text-align:left;margin:25px 0}.guide p{margin:20px 0}.guide strong{color:#3c5034}.note{background:#eff2e9;color:#79846c!important;padding:15px;border-radius:9px;font-size:11px!important;line-height:1.7}.odds-row{display:flex;justify-content:space-between;font-size:12px;padding:17px 0;border-bottom:1px solid #e1e7d9}.success-icon{display:grid;place-items:center;background:#e5eddb;color:#5e7c49;width:65px;height:65px;margin:0 auto 20px;border-radius:50%}.success-icon svg{width:33px;height:33px}.url-preview{overflow-wrap:anywhere}@media(min-width:1500px){.card-art{height:220px}.card-art .artifact{height:195px;width:195px}.hero-cards{right:45px}.draw-panel{padding-left:35px}.page{padding-top:42px}}@media(max-width:1200px){aside{width:190px;padding-left:16px;padding-right:16px}.brand{font-size:21px}main{margin-left:190px}.page{padding:28px 27px 0}header{padding:0 27px}.hero-cards{right:-33px;transform:rotate(5deg) scale(.86)}.draw-panel{padding:25px}.draw-copy h2{font-size:26px}.draw-copy p{max-width:200px}.season{display:none}.intro-grid{grid-template-columns:1.9fr 1fr}.card-content{padding:15px}.task-layout{grid-template-columns:1fr}.task-note{display:none}.task-row{padding:20px}.form-layout{gap:30px;padding:28px}}@media(max-width:950px){aside{width:75px;padding:30px 12px}.brand{font-size:0;gap:0;justify-content:center}.brand-dot,.nav-label,.nav-link span,.how,.profile{display:none}nav{margin-top:45px}.nav-link{justify-content:center;padding:14px 8px}.nav-link svg{width:21px;height:21px}.brand-mark svg{width:32px;height:32px}main{margin-left:75px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid{grid-template-columns:1.6fr 1fr;gap:16px}.draw-panel{padding:24px}.hero-cards{display:none}.draw-copy{width:100%}.draw-copy p{max-width:none}.page-heading h1{font-size:27px}.reward-panel{padding:22px}.form-layout{grid-template-columns:1fr}.order-summary{grid-row:1}.form-layout h2{font-size:18px}}@media(max-width:600px){aside{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:72px;background:#f9faf6;border-top:1px solid #dce3d3;border-right:0;z-index:5;padding:5px 12px 8px}.brand,.sidebar-bottom{display:none}nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.nav-link{flex-direction:column;gap:5px;border-radius:7px;padding:9px 0}.nav-link span{display:block;font-size:11px}.nav-link .nav-count{display:none}.nav-link svg{width:19px;height:19px}.nav-link.active{background:none;color:#344f3a}.nav-link:not(.active){color:#8d9685}main{margin-left:0}header{height:65px;padding:0 18px}.breadcrumb{font-size:11px}.breadcrumb span{padding:0 5px}.top-actions{gap:5px}.top-chip{gap:5px;font-size:11px;padding:8px}.top-chip span,.preview-dot{display:none}.top-chip svg{width:14px}.page{padding:27px 18px 70px}.page-heading{margin-bottom:24px;align-items:flex-start}.page-heading h1{font-size:25px;max-width:330px}.page-heading p{font-size:12px;line-height:1.8}.page-heading>.primary{font-size:0;min-width:42px;padding:12px}.page-heading>.primary svg{margin:0}.intro-grid{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.draw-panel{min-height:268px;padding:24px}.draw-copy h2{font-size:28px}.draw-copy p{font-size:11px;max-width:210px}.hero-cards{display:block;right:-65px;top:37px;transform:scale(.7) rotate(8deg);transform-origin:right center}.draw-copy{min-width:0}.reward-panel{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:0 20px;border-radius:16px}.reward-top{font-size:11px;align-items:center}.reward-top svg{display:none}.reward-panel .balance{grid-row:2;font-size:29px;margin-top:5px}.reward-panel>p{grid-row:3;font-size:11px}.reward-facts{grid-column:2;grid-row:1/4;align-self:center;border:0;border-left:1px solid #e3e8dc;margin:0;padding:0 0 0 18px;gap:10px}.reward-facts span{font-size:11px}.reward-facts strong{font-size:19px}.reward-panel>.text-button{grid-column:1/-1;margin-top:17px;border-top:1px solid #e8ece2;padding-top:13px}.section-title h2{font-size:19px}.section-title p{font-size:11px}.section-title>.text-button{font-size:11px}.filters{gap:3px;margin-bottom:14px}.filters button{padding:8px 10px;font-size:11px;min-height:36px}.collection-grid{gap:12px}.card-art{height:153px}.card-art .artifact{width:135px;height:135px;margin-top:12px}.rarity{font-size:11px;left:10px;top:10px;padding:3px 6px}.art-number{right:10px;top:14px;font-size:11px}.art-caption{display:none}.card-content{padding:12px 10px}.card-title{margin-bottom:12px}.card-title h3{font-size:12px;letter-spacing:-.4px}.card-title>svg{width:12px}.shard-slots{gap:5px}.shard{height:33px;gap:3px;border-radius:5px}.shard svg{width:17px;height:17px}.shard small{font-size:11px}.card-foot{font-size:11px;gap:5px;margin-top:12px;align-items:center}.card-foot strong,.card-foot small{font-size:11px}.collection-card{border-radius:12px}.task-row{gap:10px;padding:20px 16px;flex-wrap:wrap}.task-symbol{display:none}.task-info h3{font-size:13px}.task-info p,.turn-reward{font-size:11px}.secondary{font-size:11px;padding:9px 10px}.list-heading{padding:22px 16px;display:block}.list-heading>span{display:block;margin-top:6px}.tabs{padding-left:18px}.form-layout{padding:22px;gap:25px}.order-summary{padding:20px}.modal{padding:40px 20px 25px;border-radius:18px}.modal h2{font-size:23px}.detail-shards{gap:6px}.detail-shard strong,.detail-shard small,.odds-row{font-size:11px}.modal p{font-size:12px}footer{font-size:11px;padding-top:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:600px){.filters{flex-wrap:wrap;overflow:visible}.card-foot{flex-wrap:wrap}.card-title h3{font-size:13px}.hero-cards{right:-75px}.draw-copy p{max-width:200px}.nav-link span{font-size:11px}}:root{--ink:#1e1240;--paper:#fffbf0;--purple:#3b2386;--green:#2fb52a;font-family:"Baloo 2",sans-serif;color:var(--ink);background:#1a0e3d;font-weight:700;font-size:16px}body{background:linear-gradient(180deg,#1e124000,#1e124088),url(/figma/0-img1Home.webp) center top/cover fixed;min-height:100vh}button,input,select{font-family:inherit}h1,h2,h3,.balance{font-family:"Baloo 2",sans-serif;font-weight:800;letter-spacing:0}p{color:#7a6b9e}button{font-weight:800}svg{stroke-width:2.3}button:focus-visible,a:focus-visible{outline:3px solid #fff79c;outline-offset:4px}main{margin:0 auto;max-width:1160px;padding:0 0 110px}header{border:0;padding:28px 28px 22px;height:104px;gap:20px;max-width:1160px;margin:auto}.player{display:flex;align-items:center;gap:10px}.player-avatar{width:52px;height:52px;border:3px solid var(--ink);border-radius:50%;background:linear-gradient(#b98cff,#6a3be0);overflow:hidden;box-shadow:0 3px 0 var(--ink);position:relative}.player-avatar img{width:161%;height:161%;max-width:none;object-fit:contain;position:absolute;left:-32%;top:-3%}.player strong{font-weight:800;display:block;font-size:24px;line-height:1;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.player small{display:block;color:#e3d6ff;font-size:14px;line-height:1.25;margin-top:4px}.top-actions{gap:10px}.top-chip{background:#160b33d0;border:2px solid var(--ink);border-radius:22px;padding:5px 7px 5px 4px;color:#fff;display:flex;align-items:center;gap:6px;font-size:20px;line-height:1}.top-chip img{width:28px;height:28px;object-fit:contain}.top-chip img[src$=".svg"]{width:auto;height:auto}.top-chip .add-chip{background:linear-gradient(#8bf05a,#2fb52a);border:1.5px solid var(--ink);width:20px;height:20px;display:grid;place-items:center;border-radius:7px;color:#fff;font-size:16px;line-height:1}.page{max-width:none;padding:10px 28px 0}.game-hero{position:relative;height:190px;border:4px solid var(--ink);border-radius:25px;background:linear-gradient(120deg,#b15bfa,#7739da);box-shadow:0 5px 0 var(--ink),inset 0 3px #e7b8ff;isolation:isolate;margin:16px 0 28px;overflow:visible}.game-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden;background:repeating-conic-gradient(from -20deg at 75% 110%,#fff0,#fff0 18deg,#ffffff12 18deg,#ffffff12 36deg);z-index:-1}.hero-copy{padding:30px;position:relative;z-index:2;max-width:70%}.hero-copy h1{font-size:38px;line-height:1.1;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);white-space:nowrap}.hero-copy p{color:#fff;font-size:17px;line-height:1.2;margin:9px 0 13px}.mascot{position:absolute;width:250px;height:250px;object-fit:contain;right:30px;bottom:-2px;z-index:2}.hero-sparkle{position:absolute;right:285px;top:25px}.hero-sparkle.small{right:25px;top:45px}.reward-pill{display:inline-flex;gap:4px;align-items:center;padding:2px 9px 2px 3px;border:2px solid var(--ink);background:linear-gradient(#fff6c2,#ffd54a);border-radius:16px;box-shadow:inset 0 2px #fffc;color:var(--ink);font-size:15px;line-height:1.1;white-space:nowrap;font-weight:800}.reward-pill img{flex-shrink:0}.collections{margin:0}.section-title{margin-bottom:16px}.section-title h2{color:#fff;font-size:25px;text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.section-title h2 span{background:#3c247d;border:1px solid #9e79dd;color:#f0dbff;font-size:13px;width:25px;height:25px;text-shadow:none;-webkit-text-stroke:0}.section-title p{color:#e1cafa;font-size:13px}.section-title>.text-button{color:#f4e8ff;font-size:13px;background:#221148a6;border:1px solid #8554ac;border-radius:10px;padding:7px 10px}.filters{gap:8px;margin-bottom:20px;padding:0 1px 5px;overflow:auto}.filters button{font-size:13px;color:#cbb4eb;background:#231047ce;border:2px solid var(--ink);border-radius:10px;padding:6px 13px;box-shadow:0 2px #1e124066;white-space:nowrap}.filters button.selected{background:linear-gradient(#ffe873,#ffb21e);border:2px solid var(--ink);color:var(--ink);box-shadow:inset 0 2px #fff7c6,0 3px #a25c0d}.filters button span{background:#fff3bf;color:#533373;font-size:11px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.collection-card{background:linear-gradient(#fffbf0,#ffe6bf);border:3px solid var(--ink);border-radius:22px;padding:14px 13px 12px;text-align:left;box-shadow:0 5px 0 var(--ink),inset 0 3px #fff;overflow:visible;transition:transform .15s,box-shadow .15s}.collection-card:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 8px 0 var(--ink),inset 0 3px #fff}.tray-heading{display:flex;align-items:center;gap:8px;width:100%}.rarity{position:static;font-size:13px;line-height:1.1;padding:3px 10px;border:2px solid var(--ink);border-radius:9px;background:linear-gradient(#ffc07a,#e06a2a);color:#fff;text-transform:uppercase;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;font-weight:800;box-shadow:inset 0 2px #fff9}.rarity[data-tier=Silver]{background:linear-gradient(#9ee6ff,#3a8bea)}.rarity[data-tier=Gold]{background:linear-gradient(#ffe45c,#ff9a1f)}.progress{display:flex;align-items:center;gap:6px;flex:1;min-width:25px;font-size:13px}.progress-track{height:12px;flex:1;min-width:15px;border:1.5px solid var(--ink);background:#1e124026;border-radius:7px;overflow:hidden}.progress-track>span{display:block;height:100%;background:linear-gradient(#ffc07a,#e06a2a);border-radius:5px}.collection-card[data-tier=Gold] .progress-track>span{background:linear-gradient(#ffe45c,#ff9a1f)}.collection-card[data-tier=Silver] .progress-track>span{background:linear-gradient(#9ee6ff,#3a8bea)}.tray-heading .reward-pill{font-size:13px;padding-right:6px;gap:2px}.tray-items{display:flex;justify-content:space-between;gap:12px;margin:20px 8px 14px}.item-tile{width:86px;height:86px;position:relative;flex-shrink:1;border:2.5px solid var(--ink);border-radius:18px;background:linear-gradient(#ffc07a,#e06a2a);box-shadow:0 3px 0 var(--ink),inset 0 -5px #a9431c,inset 0 3px #fff9;display:flex;align-items:center;justify-content:center}.item-tile[data-tier=Silver]{background:linear-gradient(#9ee6ff,#3a8bea);box-shadow:0 3px 0 var(--ink),inset 0 -5px #2566bb,inset 0 3px #fff9}.item-tile[data-tier=Gold]{background:linear-gradient(#ffe45c,#ff9a1f);box-shadow:0 3px 0 var(--ink),inset 0 -5px #c25e00,inset 0 3px #fff9}.item-tile.unfound{background:linear-gradient(#4b3b8a,#2a1d5c);box-shadow:inset 0 4px #00000059}.item-tile .artifact{width:72px;height:72px;object-fit:contain;flex-shrink:0}.item-tile.unfound .artifact{opacity:.55;filter:brightness(.32) saturate(.45)}.tile-shine{position:absolute;left:7px;top:1px;transform:rotate(-12deg)}.duplicate{position:absolute;right:-5px;top:-11px;background:linear-gradient(#ff849b,#ee3359);border:2px solid var(--ink);border-radius:9px;color:#fff;line-height:1;padding:3px 5px;font-size:13px;box-shadow:0 2px #1e124066}.tray-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #d3b99277;padding-top:8px}.tray-caption h3{font-size:17px;color:#55366a;line-height:1.2}.tray-caption>span{display:flex;align-items:center;gap:3px;font-size:11px;color:#a38aad}.tray-caption svg{width:12px;height:12px}.tray-caption .ready{color:#38862d;font-size:11px}.primary{border:3px solid var(--ink);background:linear-gradient(#8bf05a,#2fb52a);box-shadow:0 4px 0 var(--ink),inset 0 -5px #1c7a19,inset 0 3px #ffffff8c;border-radius:18px;color:#fff;font-family:"Baloo 2";font-size:23px;font-weight:800;line-height:1.15;padding:12px 24px 16px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);min-height:54px;transition:transform .12s}.primary:hover{background:linear-gradient(#a1ff70,#3fce37);transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink),inset 0 -3px #1c7a19}.primary svg{stroke:#fff;width:18px;height:18px;filter:drop-shadow(0 1px 0 var(--ink))}.draw-dock{margin:26px auto 0;max-width:420px;text-align:center}.draw-dock .primary{width:100%;font-size:27px}.draw-dock>small{display:block;font-size:13px;color:#e7d5fd;margin-top:12px}aside{position:fixed;top:auto;bottom:0;left:50%;right:auto;transform:translate(-50%);width:460px;height:86px;padding:8px 14px 12px;background:linear-gradient(#3b2386,#1a0e3d);border:3px solid var(--ink);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:inset 0 3px #6e4fd8,0 -5px 25px #190a3940;z-index:5;display:block}nav{display:flex;gap:8px;margin:0;height:100%}.nav-link{padding:6px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2.5px solid transparent;border-radius:16px;color:#b9a8f0;font-size:13px;line-height:1;min-width:0}.nav-link img{object-fit:contain;flex-shrink:0}.nav-link img[src$=".svg"]{max-width:30px}.nav-link.active{background:linear-gradient(#ffe873,#ffb21e);border-color:var(--ink);box-shadow:0 3px 0 var(--ink),inset 0 -4px #c2750a,inset 0 3px #fff9;color:var(--ink)}.nav-link:hover{background:#60429488}.nav-link.active:hover{background:linear-gradient(#fff29c,#ffc540)}.nav-link span{display:block;font-size:14px;font-weight:800}.page-heading{justify-content:center;text-align:center;margin:14px 0 20px}.page-heading h1{font-size:32px;color:#fff;line-height:1.1;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.page-heading p{font-size:15px;color:#f1e8ff;line-height:1.1;margin-top:5px}.task-layout{display:block;max-width:700px;margin:auto}.task-note{display:none}.white-panel{border:0;border-radius:0;overflow:visible;background:none}.tabs{border:2px solid var(--ink);background:#160b33aa;border-radius:18px;padding:4px;gap:5px;margin-bottom:14px;display:flex}.tabs button{flex:1;border:0;color:#c7b6eb;padding:9px;font-size:17px;line-height:1;min-height:38px}.tabs button.selected{background:linear-gradient(#ffe873,#ffb21e);border:2px solid var(--ink);box-shadow:inset 0 -4px #c2750a,inset 0 2px #fff8c1;border-radius:13px;color:var(--ink);padding:7px}.list-heading{display:none}.task-row{border:3px solid var(--ink);background:linear-gradient(#fffbf0,#ffe6bf);box-shadow:0 5px 0 var(--ink),inset 0 3px #fff;border-radius:20px;padding:14px;gap:12px;margin-bottom:16px;position:relative}.task-symbol{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;background:linear-gradient(#a4ed79,#36a833);border:2px solid #7d6c9c;border-radius:15px;color:#fff;font-size:27px;font-weight:800;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;box-shadow:inset 0 -4px #17559d}.task-row:nth-last-child(1) .task-symbol{background:linear-gradient(#c79bff,#7b3cff)}.task-info h3{font-size:18px;line-height:1.15;margin:0;color:var(--ink)}.task-info small{display:none}.task-info p{font-size:12px;color:#8b739f;margin-top:5px;line-height:1.3}.turn-reward{color:#7236dc;background:#ab78ee30;font-size:13px;border-radius:12px;padding:2px 6px;white-space:nowrap}.secondary{background:linear-gradient(#ffe873,#ffb21e);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink),inset 0 -4px #c2750a,inset 0 3px #fff7bb;border-radius:16px;color:var(--ink);font-size:19px;padding:10px 20px;line-height:1.1;min-height:48px}.secondary[data-task=check]{background:linear-gradient(#8bf05a,#2fb52a);box-shadow:0 3px 0 var(--ink),inset 0 -4px #1c7a19,inset 0 3px #fff9;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.done{background:linear-gradient(#e9e5f8,#a79abf);border:3px solid var(--ink);box-shadow:inset 0 -4px #7d6f9d;border-radius:16px;color:#fff;opacity:1!important;font-size:18px;padding:10px 20px;min-height:48px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.create-panel{max-width:800px;margin:auto}.form-layout{background:linear-gradient(#fffbf0,#ffe6bf);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink),inset 0 3px #fff;padding:26px;gap:30px;grid-template-columns:1.3fr 1fr}.form-layout h2{font-size:23px;color:#57366b;line-height:1.2;margin-bottom:20px}.form-layout label{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:16px}.form-layout input,.form-layout select{font-size:16px;font-weight:700;color:var(--ink);border:2px solid var(--ink);border-radius:12px;background:#fff;padding:10px 12px;margin-top:5px;box-shadow:inset 0 2px #1e12401f}.form-layout label small{font-size:12px;color:#7a6b9e;margin-top:6px;line-height:1.2}.order-summary{background:linear-gradient(#f1e9ff,#dccbff);border:2px solid var(--ink);border-radius:14px;padding:20px}.order-summary h3{font-size:23px;line-height:1.1;color:#513065}.order-summary p{font-size:13px;color:#7a6b9e}.order-summary>div{font-size:14px;border-color:#bba3d2}.note{background:#f1e9ff;border:1px solid #d1bce3;color:#7a6b9e!important;font-size:12px!important;padding:12px;border-radius:12px}.status{background:linear-gradient(#fff6c2,#ffd54a);border:2px solid var(--ink);color:var(--ink);font-size:13px}.empty{background:linear-gradient(#fffbf0,#ffe6bf);border:3px solid var(--ink);border-radius:22px;padding:35px 20px}.empty h2{font-size:26px}.empty p{font-size:15px}.overlay{background:#160b33ba;padding:20px}.modal{background:linear-gradient(#fffbf0,#ffe6bf);border:4px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink),inset 0 3px #fff,0 20px 80px #160b3388;padding:45px 28px 30px;max-width:560px}.modal h2{font-size:32px;color:var(--ink);line-height:1.1}.modal p{font-size:15px;color:#7a6b9e}.modal-label{font-size:13px;color:#9674a3}.close{background:linear-gradient(#ff9bb4,#db4168);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink),inset 0 2px #ffd8e2;border-radius:10px;color:#fff;padding:5px;right:12px;top:12px}.detail-shards{gap:12px}.detail-shard{border:2px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);padding:9px 5px 13px;background:linear-gradient(#ffe45c,#ff9a1f)!important}.detail-shard .artifact{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.detail-shard.missing{background:linear-gradient(#4b3b8a,#2a1d5c)!important;filter:none;opacity:1;color:#ac98ce}.detail-shard.missing .artifact{filter:brightness(.35);opacity:.55}.detail-shard strong{font-size:14px}.detail-shard small{font-size:12px}.guide p{font-size:16px}.guide strong{color:var(--ink)}.odds-row{font-size:15px;border-color:#dac6de}.success-icon{background:linear-gradient(#8bf05a,#2fb52a);border:3px solid var(--ink);color:#fff;box-shadow:0 4px 0 var(--ink)}.balance{font-size:40px;color:var(--ink)}.balance span{color:#8a6f9c;font-size:22px}.result-art{background:radial-gradient(#a877e8,#6a33b4)!important;border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);width:210px;height:210px;padding:12px}.result-art .artifact{width:100%;height:100%;object-fit:contain}.centered{font-size:15px;color:#775394}.draw-modal{background:linear-gradient(#1e124000,#1e124066),url(/figma/3-img2Draw.webp) center/cover;color:#fff;overflow:hidden}.draw-modal h2{color:#fff;text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.draw-modal p,.draw-modal .modal-label{color:#f1e8ff}.draw-card{background:none;border:0;outline:0;box-shadow:none;padding:0;width:236px;height:auto;display:flex;align-items:center;flex-direction:column;gap:8px;margin:25px auto 20px;position:relative}.draw-card>img{width:236px;height:296px;object-fit:contain;transform:rotate(5deg);filter:drop-shadow(0 8px 0 #1e124099);transition:transform .2s}.draw-card>span{background:#160b33c0;border:2px solid var(--ink);border-radius:14px;padding:5px 12px;color:#fff;font-size:15px}.draw-card:hover{transform:none}.draw-card:hover>img{transform:rotate(-3deg) scale(1.03)}.draw-card:disabled>img{animation:shuffle .18s alternate infinite}.draw-modal small{font-size:13px}.draw-modal .close{z-index:3}footer{font-size:12px;color:#cfb8e8;padding:25px 2px 0;text-shadow:0 1px 1px var(--ink)}footer button{font-size:12px;color:#cfb8e8}.draw-copy{min-width:0}.text-button:hover{text-decoration:underline}@keyframes shuffle{to{transform:rotate(-5deg) scale(.95)}}@media(max-width:1050px){main{margin:0}.page{padding:8px 22px 0}header{padding:26px 22px 18px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tray-items{justify-content:space-around;gap:12px;margin:20px 10px 14px}.item-tile{width:88px;height:88px}.tray-heading .reward-pill{font-size:14px}.tray-caption h3{font-size:18px}.mascot{right:10px}.hero-copy{padding:30px 22px}.hero-copy h1{font-size:33px}.game-hero{height:185px}.hero-sparkle{right:240px}.hero-sparkle.small{right:10px}}@media(max-width:600px){body{background-size:100% auto;background-color:#21104a;background-repeat:no-repeat;background-attachment:fixed}main{max-width:480px;padding-bottom:154px}header{height:82px;padding:20px 16px 10px;gap:8px}.player{gap:7px;min-width:0}.player-avatar{width:46px;height:46px;flex-shrink:0}.player strong{font-size:18px;white-space:nowrap;-webkit-text-stroke:3px var(--ink);text-shadow:0 2px 0 var(--ink)}.player small{font-size:12px;margin-top:2px}.top-actions{gap:5px;flex-shrink:0}.top-chip{padding:3px 5px 3px 3px;gap:3px;font-size:16px;border-radius:18px}.top-chip img{width:28px;height:28px}.top-chip .add-chip{display:grid;width:18px;height:18px;font-size:14px;border-radius:7px}.page{padding:5px 16px 0}.game-hero{height:128px;margin:25px 0 16px;border-radius:22px;background:url(/figma/0-imgHeroBg.svg) center/100% 100% no-repeat;border:0;box-shadow:none}.game-hero:before{display:none}.hero-copy{padding:16px;max-width:none;z-index:1}.hero-copy h1{font-size:22px;line-height:1.1;-webkit-text-stroke:4px var(--ink);text-shadow:0 3px 0 var(--ink)}.hero-copy p{font-size:13px;margin:5px 0 7px;line-height:1.1}.hero-copy .reward-pill{font-size:13px;max-width:205px}.mascot{width:158px;height:158px;right:-4px;bottom:8px;pointer-events:none;z-index:2}.hero-sparkle{right:144px;top:12px}.hero-sparkle.small{right:10px;top:20px}.section-title{display:none}.filters{margin:0 0 12px;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 0 4px}.filters button{font-size:11px;padding:5px 9px;min-height:30px;flex-shrink:0}.filters button span{font-size:10px}.collection-grid{display:grid;grid-template-columns:1fr;gap:14px}.collection-card{padding:10px 12px 9px;border-radius:22px;border-width:3px;box-shadow:0 4px 0 var(--ink),inset 0 3px #fff}.tray-heading{gap:7px}.rarity{font-size:14px;padding:2px 9px;border-radius:10px}.progress{font-size:13px;gap:5px}.tray-heading .reward-pill{font-size:13px;padding:1px 7px 1px 3px}.tray-items{justify-content:space-between;margin:14px 14px 10px;gap:12px}.item-tile{width:76px;height:76px;flex-shrink:0;border-radius:18px}.item-tile .artifact{width:62px;height:62px}.tray-caption{padding-top:7px}.tray-caption h3{font-size:14px;line-height:1}.tray-caption>span{font-size:11px}.tray-caption .ready{font-size:11px}.draw-dock{position:fixed;left:50%;transform:translate(-50%);bottom:82px;width:calc(100% - 32px);max-width:448px;margin:0;z-index:4;min-width:0}.draw-dock .primary{font-size:25px;min-height:52px;padding:10px 15px 14px;width:100%;border-radius:17px}.draw-dock>small{display:none}aside{width:100%;max-width:480px;height:82px;padding:7px 12px 10px;border-radius:0;border-left:0;border-right:0;border-top:3px solid var(--ink);box-shadow:inset 0 3px #6e4fd8;bottom:0;left:50%;transform:translate(-50%)}nav{display:flex;gap:8px;margin:0}.nav-link{padding:5px 6px;gap:1px;border-radius:16px;min-height:56px}.nav-link.active{border:2.5px solid var(--ink);background:linear-gradient(#ffe873,#ffb21e)}.nav-link:not(.active){color:#b9a8f0}.nav-link span{display:block;font-size:13px}.page-heading{margin:15px 0 14px}.page-heading h1{font-size:30px;max-width:none;line-height:1.1}.page-heading p{font-size:14px;line-height:1.1}.task-layout{display:block}.tabs{padding:4px;gap:4px;margin-bottom:12px;border-radius:17px}.tabs button{font-size:16px;min-height:35px;padding:8px}.tabs button.selected{padding:6px;border-radius:13px}.task-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:4px 10px;padding:10px;margin-bottom:13px;border-radius:20px;min-height:80px}.task-symbol{display:grid;grid-column:1;grid-row:1/3;width:50px;height:50px;font-size:26px}.task-info{grid-column:2;grid-row:1}.task-info h3{font-size:15px;line-height:1.1}.task-info p{display:none}.turn-reward{grid-column:2;grid-row:2;justify-self:start;font-size:12px;gap:4px;padding:1px 6px;line-height:1.2}.turn-reward svg{width:17px;height:17px}.task-row>[data-task-button]{grid-column:3;grid-row:1/3}.secondary{font-size:19px;padding:9px 14px;min-height:48px;min-width:80px;border-radius:16px}.done{font-size:18px;padding:9px 14px;min-width:80px}.create-panel{margin:0}.form-layout{display:flex;flex-direction:column;padding:15px;gap:15px;border-radius:22px}.form-layout h2{display:none}.form-layout form{order:0}.form-layout label{font-size:13px;margin-bottom:12px;line-height:1.1}.form-layout input,.form-layout select{font-size:15px;padding:10px 12px;min-height:42px;margin-top:5px;border-radius:12px}.form-layout label small{font-size:11px;line-height:1.3}.form-layout .primary{font-size:22px;width:100%;margin-top:6px}.order-summary{order:1;padding:12px;border-radius:14px;grid-row:auto}.order-summary h3{font-size:18px}.order-summary>p:first-of-type{display:none}.order-summary>div{padding:10px 0;font-size:13px}.order-summary .note{margin-top:10px;font-size:11px!important;padding:8px}.status{grid-column:3;font-size:11px;padding:6px}.create-panel>.task-row .task-info{grid-column:1/3;grid-row:auto}.create-panel>.task-row .task-info p{display:block;font-size:12px;line-height:1.4}.create-panel>.task-row .task-info h3{font-size:18px}.empty{padding:32px 18px}.empty h2{font-size:23px}.empty p{font-size:14px}.overlay{padding:14px}.modal{padding:43px 16px 25px;border:3px solid var(--ink);border-radius:24px}.modal h2{font-size:28px;line-height:1.1}.modal p{font-size:14px;line-height:1.4}.modal-label{font-size:12px}.detail-shards{gap:7px;margin:20px 0}.detail-shard strong{font-size:12px;line-height:1.2}.detail-shard small{font-size:11px}.primary.wide{font-size:22px;padding:12px 12px 16px}.primary.wide svg{display:none}.draw-card{width:210px;margin:20px auto}.draw-card>img{width:210px;height:263px}.draw-card>span{font-size:13px}.draw-modal small,.odds-row{font-size:12px}.note{font-size:12px!important}.result-art{width:190px;height:190px}.centered{font-size:14px}footer{padding:24px 0 0;font-size:11px}footer button{font-size:11px}}@media(max-width:370px){header{padding-left:12px;padding-right:12px;gap:4px}.player strong{font-size:16px}.player-avatar{width:40px;height:40px}.player{gap:5px}.top-chip{font-size:14px}.top-chip img{width:23px;height:23px}.top-chip .add-chip{display:none}.page{padding-left:12px;padding-right:12px}.hero-copy h1{font-size:20px}.hero-copy{padding:16px 12px}.mascot{right:-12px;width:146px;height:146px}.hero-copy .reward-pill{font-size:12px}.tray-items{margin-left:8px;margin-right:8px}.item-tile{width:72px;height:72px}.tray-heading{gap:5px}.rarity{font-size:12px;padding:3px 7px}.tray-heading .reward-pill{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:601px){.hero-action{position:absolute;left:49%;top:66px;z-index:3;text-align:center}.hero-action .primary{font-size:23px;padding:12px 19px 16px}.hero-action small{display:block;color:#e9d7ff;font-size:12px;margin-top:9px}.draw-dock{display:none}.hero-copy{max-width:48%}.hero-copy h1{font-size:32px}.mascot{right:15px;width:220px;height:220px}}@media(min-width:601px)and (max-width:850px){.hero-action{left:26px;top:150px}.game-hero{height:235px}.hero-copy{max-width:80%;padding-top:22px}.hero-copy h1{font-size:29px}.hero-action small{display:none}.mascot{right:0}.hero-action .primary{font-size:21px}}@media(max-width:600px){.hero-action{display:none}}.reference-form{max-width:540px;margin:auto}.form-sheet{padding:18px;background:linear-gradient(#fffbf0,#ffe6bf);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink),inset 0 3px #fff}.reference-form label{display:block;font-size:14px;font-weight:800;line-height:1.2;margin:0 0 13px}.reference-form input:not([type=radio]){width:100%;display:block;border:2px solid var(--ink);border-radius:12px;background:#fff;box-shadow:inset 0 2px #1e12401f;font-size:16px;font-weight:700;padding:10px 12px;margin-top:5px;color:var(--ink);outline-color:#8b50d7}.reference-form input::placeholder{color:#a79fbf}.reference-form fieldset{border:0;padding:0;margin:0 0 13px;min-width:0}.reference-form legend{font-size:14px;font-weight:800;margin-bottom:5px;padding:0}.task-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reference-form .type-option{position:relative;margin:0;font-size:14px;cursor:pointer}.type-option input{position:absolute;opacity:0;width:1px;height:1px}.type-option>span{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:5px 6px;box-shadow:inset 0 2px #1e12401a;min-height:38px}.type-option input:checked+span{background:linear-gradient(#ffe873,#ffb21e);box-shadow:inset 0 -3px #c2750a,inset 0 2px #fff9}.type-option input:focus-visible+span{outline:3px solid #8b50d7;outline-offset:2px}.type-option i{font-style:normal;display:grid;place-items:center;background:linear-gradient(#555167,#171526);color:#fff;border:1.5px solid var(--ink);border-radius:8px;width:24px;height:24px;font-size:15px;flex-shrink:0;line-height:1}.type-option:nth-child(2) i{background:linear-gradient(#7fd3ff,#1f8fe0)}.type-option:nth-child(3) i{background:linear-gradient(#9bf06a,#2fb52a)}.type-option:nth-child(4) i{background:linear-gradient(#c79bff,#7b3cff)}.stepper{display:flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:12px;background:#fff;padding:5px 8px;margin-top:5px}.reference-form .stepper input{border:0;box-shadow:none;padding:4px 2px;margin:0;min-width:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{display:none}.stepper button{background:linear-gradient(#ffe873,#ffb21e);border:2px solid var(--ink);box-shadow:inset 0 -2px #c2750a;width:32px;height:30px;flex-shrink:0;border-radius:9px;line-height:1;font-size:19px}.cost-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(#f1e9ff,#dccbff);border:2px solid var(--ink);border-radius:14px;padding:10px 12px}.cost-summary strong{font-size:16px;line-height:1.1}.cost-summary small{display:block;font-size:12px;color:#7a6b9e;line-height:1.2}.cost-summary .reward-pill strong{font-size:16px}.reference-form .primary.wide{margin-top:16px}.form-demo-note{color:#d5beed;font-size:12px;text-align:center;margin:14px 0 0}.turn-reward img{width:20px;height:20px;object-fit:contain}@media(max-width:600px){body{background-size:cover}.create-panel{max-width:390px}.form-sheet{padding:14px}.reference-form label,.reference-form legend{font-size:13px}.reference-form input:not([type=radio]){font-size:15px;padding:9px 12px}.reference-form .stepper input{padding:4px 2px}.reference-form .type-option{font-size:14px}.reference-form .primary.wide{font-size:23px}.form-demo-note{font-size:11px}.turn-reward img{width:19px;height:19px}}:root{--safe-top: max(env(safe-area-inset-top, 0px), var(--world-safe-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--world-safe-bottom, 0px))}body{min-height:100dvh;padding-top:var(--safe-top)}main{padding-bottom:calc(110px + var(--safe-bottom))}aside{height:calc(86px + var(--safe-bottom));padding-bottom:calc(12px + var(--safe-bottom))}.overlay{padding-top:max(20px,var(--safe-top));padding-bottom:max(24px,var(--safe-bottom))}.modal{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 48px);overflow-y:auto;overscroll-behavior:contain}button,a{touch-action:manipulation}input{scroll-margin:24px}.keyboard-open aside,.keyboard-open .draw-dock{display:none}@media(max-width:600px){main{padding-bottom:calc(174px + var(--safe-bottom))}aside{height:calc(82px + var(--safe-bottom));padding-bottom:calc(10px + var(--safe-bottom))}.draw-dock{bottom:calc(82px + var(--safe-bottom))}input,select,textarea{font-size:16px!important}.close{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}