:root{--bg:#F8F5EC;--surface:#FFFFFF;--surface2:#FFFFFF;--text:#275D61;--muted:#52716F;--gold:#52716F;--gold2:#52716F;--line:#2C737717;--coral:#52716F;--blue:#275D61;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}img,canvas{max-width:100%}button svg{pointer-events:none}svg{vertical-align:middle}button,input,select{min-height:44px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(40px,5vw,66px);letter-spacing:-.025em}h2{font-size:clamp(27px,3vw,38px)}h3{font-size:18px;font-weight:550}strong{font-weight:600}::selection{background:#E7AD83;color:#275D61}
.boot{position:fixed;inset:0;z-index:1000;background:var(--bg);display:grid;place-content:center;gap:20px;text-align:center;color:var(--muted)}.brand-word{font-family:Georgia,serif;font-size:23px;letter-spacing:.24em;color:var(--text)}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);gap:22px;position:relative;z-index:10;background:#F8F5ECf5}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand svg{color:var(--gold);width:33px;height:33px}.brand span{font:19px Georgia,serif;letter-spacing:.18em}.main-nav{display:flex;align-items:center;gap:27px;align-self:stretch}.main-nav a{display:flex;align-items:center;color:var(--muted);font-size:14px;position:relative;white-space:nowrap}.main-nav a.active{color:var(--text)}.main-nav a.active:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:0;background:var(--gold)}.header-actions{display:flex;align-items:center;gap:11px}.icon-button{display:inline-grid;place-items:center;background:transparent;color:var(--muted);width:44px;height:44px;border-radius:8px;font-size:20px}.icon-button:hover{background:#FFFFFF08;color:var(--text)}.wallet-button{background:#FFFFFF;border:1px solid #2C737738;padding:8px 15px;border-radius:8px;font-size:13px;color:var(--gold)}.mobile-menu{display:none}.preview-strip{background:#FFFFFF;border-bottom:1px solid var(--line);padding:7px 20px;text-align:center;color:#275D61;font-size:12px;letter-spacing:.025em}.preview-strip b{color:var(--gold);font-weight:500}.preview-strip span{padding:0 7px;color:#52716F}
.hero{min-height:640px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#F8F5EC}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#F8F5ECed 0%,#F8F5ECba 25%,#F8F5EC18 65%),linear-gradient(0deg,#F8F5EC 0%,transparent 20%);z-index:-2}.hero-content{width:100%;max-width:1320px;margin:0 auto;padding:62px 32px 80px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--gold)}.eyebrow .status-dot{margin-right:7px}.hero h1{font-size:clamp(62px,7.5vw,100px);line-height:.94;letter-spacing:-.04em;margin:22px 0;color:#275D61;max-width:570px}.hero-copy{max-width:380px;color:#275D61;font-size:16px;margin-bottom:27px}.play-form{max-width:365px}.field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.input,.select{background:#FFFFFFe8;border:1px solid #2C737729;border-radius:9px;padding:11px 14px;color:var(--text);width:100%;min-width:0}.input::placeholder{color:#52716F}.input:focus{border-color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;min-height:47px;border-radius:8px;transition:background .15s,transform .15s;font-size:14px;font-weight:550}.button.primary{background:linear-gradient(135deg,#E7AD83,#E7AD83);color:#275D61;border:1px solid #2C737735}.button.primary:hover{background:#E7AD83;transform:translateY(-1px)}.button.secondary{background:#FFFFFF;border:1px solid #2C737724;color:var(--text)}.button.secondary:hover{background:#FFFFFF}.button.ghost{background:transparent;border:1px solid #2C737720;color:var(--muted)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.play-form .button{width:100%;margin-top:12px}.fineprint{font-size:12px;color:var(--muted)}.play-form .fineprint{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:13px}.selected-dragon{margin:20px 0 0;display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;max-width:365px;background:#F8F5ECe8;border:1px solid var(--line);border-radius:10px;text-align:left}.selected-dragon canvas{width:60px;height:54px}.selected-dragon span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.selected-dragon strong{display:block;font-size:14px;font-weight:500}.selected-dragon .arrow{margin-left:auto;color:var(--gold)}.featured-dragon{position:absolute;right:max(32px,calc((100vw - 1250px)/2));bottom:70px;padding:12px 20px;border-left:1px solid var(--gold);background:#F8F5ECa8;backdrop-filter:blur(8px)}.featured-dragon span{display:block;color:var(--muted);font-size:10px;letter-spacing:.15em}.featured-dragon strong{font:20px Georgia,serif;letter-spacing:.18em;color:#275D61}
.container{max-width:1260px;margin:0 auto;padding:0 32px}.section{padding:62px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h2{margin:10px 0}.section-head p{max-width:540px;color:var(--muted);font-size:14px}.text-link{background:transparent;padding:6px 0;color:var(--gold);font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:10px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{padding:29px;background:linear-gradient(140deg,#FFFFFF,#FFFFFF);border:1px solid var(--line);border-radius:12px}.mode-card .tag{margin-bottom:16px}.mode-card h3{font-size:23px;font-family:Georgia,serif;font-weight:400;margin-bottom:12px}.mode-card p{font-size:14px;color:var(--muted);max-width:410px;margin-bottom:20px}.tag{display:inline-flex;gap:7px;align-items:center;border:1px solid #2C737733;background:#E7AD830b;color:var(--gold);border-radius:5px;padding:3px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.tag.muted{border-color:#2C737726;background:#FFFFFF08;color:#275D61}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);vertical-align:middle}.quiet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.quiet-grid h3{font-size:14px;margin:14px 0 7px}.quiet-grid p{font-size:13px;color:var(--muted)}.quiet-grid svg{color:var(--gold)}
.page-head{padding:54px 0 30px}.page-head h1{margin:13px 0 16px}.page-head p{color:var(--muted);max-width:660px;font-size:15px}.page-head-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.page-content{padding-bottom:70px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 25px}.filter{padding:7px 16px;border:1px solid #2C73771d;background:transparent;color:var(--muted);border-radius:25px;font-size:13px}.filter.active{background:var(--gold);border-color:var(--gold);color:#275D61}.dragon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dragon-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#FFFFFF;text-align:left;position:relative;transition:transform .18s,border-color .18s;padding:0}.dragon-card:hover{transform:translateY(-4px);border-color:#2C737780}.dragon-card.selected{border-color:#2C7377a0}.dragon-portrait{height:245px;position:relative;background:radial-gradient(ellipse at center,#FFFFFF30,transparent 70%)}.dragon-portrait.water{background:radial-gradient(ellipse at center,#FFFFFF50,transparent 70%)}.dragon-portrait.ash{background:radial-gradient(ellipse at center,#FFFFFF36,transparent 70%)}.dragon-portrait canvas{width:100%;height:100%;display:block}.selected-tag{position:absolute;top:13px;right:13px;border:1px solid #2C737777;border-radius:5px;color:var(--gold);background:#F8F5ECe8;font-size:10px;letter-spacing:.08em;padding:3px 8px}.dragon-card-info{padding:20px;border-top:1px solid var(--line)}.dragon-card-info>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.dragon-card h3{font:25px Georgia,serif;letter-spacing:.03em}.dragon-card p{color:var(--muted);font-size:12px;margin:10px 0}.dragon-card .card-footer{color:var(--gold);font-size:12px;margin-top:13px}.collection-note{margin-top:28px;padding:20px 0;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--muted)}.collection-note svg{flex-shrink:0;color:var(--gold)}
.site-footer{border-top:1px solid var(--line);padding:30px 32px 23px;background:#F8F5EC}.footer-inner{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner .brand span{font-size:14px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer-bottom{max-width:1250px;margin:20px auto 0;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#52716F;flex-wrap:wrap}.footer-bottom span:last-child{color:#52716F}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.stat span{font-size:11px;letter-spacing:.1em;color:var(--muted);display:block}.stat strong{font:35px Georgia,serif;display:block;margin-top:10px}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#FFFFFF}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:#F8F5EC;font-weight:500}.data-table td,.data-table th{padding:15px 18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.data-table td{font-size:13px;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:0}.data-table .rank{color:var(--gold)}.empty-state{text-align:center;padding:62px 25px}.empty-state svg{color:#52716F;width:42px;height:42px;margin-bottom:20px}.empty-state h2{font-size:28px;margin-bottom:12px}.empty-state p{color:var(--muted);font-size:14px;max-width:460px;margin:0 auto 22px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.feature-card svg{color:var(--gold);margin-bottom:20px}.feature-card h3{margin:15px 0 12px}.feature-card p{color:var(--muted);font-size:13px}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.food-card{background:#FFFFFF;border:1px solid var(--line);border-radius:10px;padding:17px;text-align:center}.food-card canvas{width:100%;height:128px;display:block}.food-card h3{font-size:13px;margin:10px 0 5px}.food-card p{font-size:12px;color:var(--muted)}
.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:50px}.docs-nav{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding-right:22px;align-self:start}.docs-nav button{background:transparent;text-align:left;color:var(--muted);padding:10px 13px;border-radius:7px;font-size:13px}.docs-nav button.active{background:#E7AD8315;color:var(--gold)}.doc-article{max-width:750px}.doc-article h2{font-size:33px;margin-bottom:20px}.doc-article h3{margin:28px 0 12px}.doc-article p,.doc-article li{color:#275D61;font-size:14px;margin-bottom:16px}.doc-article ul,.doc-article ol{padding-left:22px}.doc-article li{padding-left:6px}.doc-note{border-left:2px solid var(--gold);padding:15px 20px;background:#E7AD8309;color:#275D61;font-size:13px;margin:25px 0}.key{font-family:inherit;display:inline-block;padding:2px 7px;border:1px solid #2C737729;border-radius:4px;font-size:12px;color:var(--text)}.doc-article details{padding:18px 0;border-bottom:1px solid var(--line)}.doc-article summary{cursor:pointer;font-size:15px;color:var(--text)}.doc-article details p{margin:16px 0 0}.token-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.token-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:32px}.token-panel h2{margin:16px 0}.token-panel p{color:var(--muted);font-size:14px;margin:14px 0}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-row span:first-child{color:var(--muted)}.detail-row code{font-size:12px;overflow-wrap:anywhere;word-break:break-word;max-width:70%;text-align:right}
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);width:max-content;max-width:calc(100% - 30px);background:#E7AD83;color:#275D61;padding:12px 20px;border-radius:8px;box-shadow:0 10px 40px #2C737755;font-size:13px;z-index:150;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{border:1px solid #2C737725;background:#FFFFFF;color:var(--text);border-radius:16px;max-width:640px;width:calc(100% - 32px);padding:38px;max-height:90dvh;overflow:auto}.modal::backdrop{background:#F8F5ECc9;backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:10px;top:10px;font-size:28px}.modal h2{margin:10px 0 16px}.modal p{color:var(--muted);font-size:14px;margin-bottom:20px}.modal canvas.dragon-detail{width:100%;height:280px;border-radius:10px;margin:6px 0 20px}.modal .button-row{margin-top:25px}.settings-fields{display:grid;gap:19px;margin-top:25px}.settings-fields label{display:block;color:var(--muted);font-size:13px}.settings-fields select{margin-top:7px}.check-row{display:flex!important;align-items:center;gap:12px}.check-row input{width:19px;height:19px;min-height:19px;accent-color:var(--gold)}.dialog-nav{display:grid;gap:5px}.dialog-nav a{padding:10px 0;font:25px Georgia,serif}.error-panel{padding:45px;max-width:600px;margin:100px auto;color:var(--text)}
body.playing{overflow:hidden}.playing .site-header{height:62px}.playing .preview-strip,.playing .site-footer{display:none}.game-shell{height:calc(100dvh - 62px);min-height:330px;position:relative;background:#FFFFFF;overflow:hidden;isolation:isolate}.game-shell:fullscreen{height:100dvh}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.game-top{position:absolute;inset:18px 22px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.game-mass{background:#F8F5ECe0;border:1px solid #2C73774d;border-radius:8px;padding:10px 17px;min-width:122px}.game-mass span{display:block;color:var(--gold);font-size:10px;letter-spacing:.12em}.game-mass strong{font:30px Georgia,serif;display:block;line-height:1.1;margin:3px 0 7px}.game-mass small{font-size:10px;color:#275D61;font-variant-numeric:tabular-nums}.practice-badge{padding:8px 13px;background:#F8F5ECda;border:1px solid var(--line);border-radius:20px;letter-spacing:.08em;font-size:10px;display:flex;gap:7px;align-items:center}.game-tools{display:flex;gap:8px;pointer-events:auto}.glass-button{width:42px;height:42px;min-height:42px;display:grid;place-items:center;background:#F8F5ECe6;border:1px solid #2C737725;border-radius:8px;font-size:20px}.game-leaders{position:absolute;right:22px;top:78px;min-width:190px;padding:14px 16px;background:#F8F5ECd9;border:1px solid var(--line);border-radius:8px;pointer-events:none}.game-leaders>div{font-size:10px;color:var(--gold);letter-spacing:.08em;display:flex;justify-content:space-between;gap:22px}.game-leaders>div span{color:#52716F;font-size:9px}.game-leaders ol{padding:0 0 0 15px;margin:10px 0 0;font-size:11px}.game-leaders li{padding:4px 0 4px 2px;font-variant-numeric:tabular-nums}.game-leaders li span{display:inline-block;max-width:110px;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-leaders li strong{float:right;margin-left:15px;font-weight:500}.game-leaders li.you{color:var(--gold)}.game-bottom{position:absolute;inset:auto 22px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.minimap-wrap{text-align:center}.minimap-wrap canvas{width:112px;height:112px;display:block}.minimap-wrap span{display:block;color:#275D61;font-size:10px;background:#F8F5ECcc;padding:3px 7px;border-radius:5px}.game-control-hint{font-size:11px;color:#275D61;text-align:center;background:#F8F5ECab;padding:8px 14px;border-radius:8px}.game-control-hint span{display:block;font-size:10px;color:#52716F}.dash-group{display:flex;align-items:center;gap:12px}.dash-group>span{font-size:10px;color:#275D61;letter-spacing:.1em;text-shadow:0 1px 5px #F8F5EC}.dash-button{height:78px;width:78px;border-radius:50%;border:1px solid #2C737735;background:#FFFFFFcc;box-shadow:inset 0 0 0 6px #2C7377a8;color:#275D61;font-size:45px;pointer-events:auto;touch-action:none;user-select:none;line-height:1}.dash-button.active{background:#E7AD83;color:#275D61}.game-buffs{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:6px 12px;color:#275D61;font-size:12px;white-space:nowrap}.game-buffs:empty{display:none}.game-message{position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:13px;color:#275D61;background:#F8F5ECdc;border:1px solid #2C73773f;border-radius:8px;padding:10px 18px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:80%;text-align:center}.game-message.visible{opacity:1}.game-overlay{position:absolute;inset:0;z-index:20;background:#F8F5ECb8;backdrop-filter:blur(9px);display:grid;place-items:center;padding:22px}.pause-card{text-align:center;max-width:540px;padding:36px 30px;border:1px solid #2C737722;background:#FFFFFFf5;border-radius:15px}.pause-card h2{margin:15px 0;font-size:35px}.pause-card p{font-size:14px;color:var(--muted);max-width:420px}.pause-card .button-row{justify-content:center;margin-top:27px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px;border-top:1px solid var(--line);padding-top:24px}.result-grid span{color:var(--muted);font-size:10px;letter-spacing:.1em;display:block}.result-grid strong{font:27px Georgia,serif;display:block;margin-top:9px}
@media(min-width:1600px){.hero{min-height:720px}.hero-art{object-position:center 45%}.hero-content{padding-left:0}}
@media(max-width:1050px){.site-header{padding:0 24px;gap:16px}.main-nav{gap:17px}.brand span{font-size:16px}.header-actions{gap:3px}.wallet-button{padding:8px 11px}.hero-content{padding-left:40px}.hero:before{background:linear-gradient(90deg,#F8F5ECf5,#F8F5ECc4 30%,#F8F5EC25 75%),linear-gradient(0deg,#F8F5EC,transparent 25%)}.hero-art{object-position:58% center}.featured-dragon{right:25px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.main-nav{display:none}.mobile-menu{display:inline-grid}.site-header{height:68px}.brand span{font-size:17px}.brand svg{width:29px}.header-actions .x-button{display:none}.hero{min-height:650px;align-items:flex-end}.hero-art{object-fit:cover;object-position:64% top;opacity:.7}.hero:before{background:linear-gradient(0deg,#F8F5EC 0%,#F8F5ECef 23%,#F8F5EC99 50%,#F8F5EC30 100%)}.hero-content{padding:90px 26px 36px}.hero h1{font-size:66px;margin:15px 0}.hero-copy{max-width:320px;font-size:14px}.hero .eyebrow{font-size:10px}.featured-dragon{display:none}.selected-dragon,.play-form{max-width:400px}.hero-content{max-width:100%}.section{padding:38px 0}.container{padding:0 22px}.mode-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;gap:2px}.quiet-grid{gap:20px}.quiet-grid p{font-size:12px}.page-head{padding:36px 0 22px}.page-head-row{align-items:flex-start;flex-direction:column}.dragon-grid{gap:14px}.dragon-portrait{height:180px}.dragon-card-info{padding:15px}.dragon-card h3{font-size:21px}.dragon-card-info>div{align-items:flex-start;flex-direction:column}.dragon-card p{font-size:11px}.food-grid{grid-template-columns:repeat(2,1fr)}.docs-layout{grid-template-columns:1fr;gap:24px}.docs-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px;gap:5px}.docs-nav button{padding:8px 12px}.token-layout{grid-template-columns:1fr}.game-leaders{right:14px;top:73px;min-width:160px;padding:10px 12px}.game-leaders li span{max-width:80px}.game-top{inset:12px 14px auto}.game-bottom{inset:auto 14px 16px}.game-control-hint{display:none}.game-buffs{bottom:18px}.playing .site-header{padding:0 15px}.game-shell{height:calc(100dvh - 62px)}.game-mass{min-width:100px;padding:8px 13px}.game-mass strong{font-size:26px}.practice-badge{font-size:9px;padding:7px 10px}.minimap-wrap canvas{width:90px;height:90px}.dash-button{width:66px;height:66px;font-size:38px}.dash-group>span{display:none}.modal{padding:36px 24px}.stats-row{gap:10px}.stat{padding:20px 15px}.stat strong{font-size:29px}}
@media(max-width:520px){.brand span{font-size:15px;letter-spacing:.13em}.site-header{padding:0 18px}.wallet-button{font-size:11px;min-height:38px}.header-actions>.settings-button{display:none}.preview-strip{font-size:10px;padding:7px 10px}.preview-strip .desktop-only{display:none}.hero{min-height:630px}.hero-content{padding-top:80px}.hero h1{font-size:59px}.hero-copy{max-width:300px}.hero-art{object-position:65% center}.quiet-grid{grid-template-columns:1fr;gap:22px}.quiet-grid>div{padding-left:36px;position:relative}.quiet-grid svg{position:absolute;left:0;top:12px}.quiet-grid h3{margin:8px 0}.quiet-grid p{max-width:320px}.dragon-grid{grid-template-columns:1fr}.dragon-card{display:grid;grid-template-columns:135px 1fr;align-items:center}.dragon-portrait{height:190px}.dragon-card-info{border-top:0;border-left:1px solid var(--line);padding:18px}.dragon-card-info>div{gap:10px}.dragon-card h3{font-size:23px}.dragon-card p{font-size:12px}.selected-tag{font-size:8px;right:5px;top:8px;padding:2px 5px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px}.stats-row{grid-template-columns:1fr 1fr 1fr}.stat{padding:16px 10px}.stat span{font-size:9px;letter-spacing:.04em}.stat strong{font-size:25px}.data-table td,.data-table th{padding:13px 10px}.data-table td{font-size:11px}.data-table th{font-size:9px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:17px}.site-footer{padding:25px 22px}.game-top .practice-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px}.game-leaders{top:68px;min-width:140px;right:12px}.game-leaders>div{font-size:8px;gap:10px}.game-leaders li{font-size:9px}.game-leaders li span{max-width:66px}.game-leaders li strong{margin-left:8px}.game-leaders ol{padding-left:12px}.game-mass{min-width:83px}.game-mass strong{font-size:24px}.game-tools{gap:5px}.glass-button{width:34px;min-height:36px;height:36px}.game-tools #game-fullscreen{display:none}.game-message{top:35%;font-size:12px}.game-buffs{bottom:120px;max-width:85%;white-space:normal;text-align:center}.pause-card{padding:28px 20px}.pause-card h2{font-size:30px}.pause-card .button-row{flex-direction:column}.result-grid{gap:8px}.result-grid strong{font-size:25px}.game-bottom{bottom:max(16px,env(safe-area-inset-bottom))}.modal canvas.dragon-detail{height:220px}.token-panel{padding:24px}.food-card{padding:12px}.food-card canvas{height:108px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.dragon-card:hover,.button.primary:hover{transform:none}}
/* Codex v2:browse the actual collection without allocating 100 canvases at once. */
.codex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.codex-search{display:flex;gap:8px;width:100%;max-width:470px}.codex-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:28px;font-size:13px;color:var(--muted)}.dragon-portrait{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--dragon-color) 20%,transparent),transparent 70%)}.dragon-number{position:absolute;left:15px;top:12px;color:#275D61;font-size:11px;letter-spacing:.14em}.color-swatch{display:inline-block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px #2C737708;margin-right:5px}.dragon-card h3{font-size:21px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.virtual-stick{position:absolute;width:112px;height:112px;border:1px solid #2C73774d;border-radius:50%;background:#F8F5EC33;pointer-events:none;display:none;z-index:3;transform:translate(-50%,-50%)}.virtual-stick.active{display:block}.virtual-stick span{position:absolute;left:calc(50% - 19px);top:calc(50% - 19px);width:38px;height:38px;border:1px solid #2C737788;border-radius:50%;background:#E7AD8322}.game-canvas{cursor:crosshair}.game-leaders li{font-size:12px}.game-leaders>div{font-size:11px}.game-mass small{font-size:12px}.game-control-hint{font-size:12px}
@media(max-width:780px){.codex-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.dragon-grid{grid-template-columns:repeat(2,1fr)}.dragon-card h3{font-size:20px}.dragon-portrait{height:190px}.game-leaders li{font-size:11px}.game-leaders>div{font-size:10px}}
@media(max-width:520px){.dragon-grid{grid-template-columns:1fr}.dragon-portrait{height:155px}.dragon-card{grid-template-columns:125px 1fr}.dragon-card-info{padding:16px}.dragon-card h3{font-size:21px}.codex-pagination{gap:10px}.codex-pagination .button{padding:10px 14px}.game-leaders{max-width:145px}.game-leaders li{font-size:10px}}
/* DragonZone:charcoal, ivory, copper. The arena and the site share one material language. */
:root{--bg:#F8F5EC;--surface:#FFFFFF;--surface2:#FFFFFF;--text:#275D61;--muted:#275D61;--gold:#275D61;--gold2:#52716F;--line:#2C73771a;background:var(--bg)}
.site-header{height:82px;background:#F8F5ECf5;border-color:#2C73771a}.brand{gap:7px}.brand-mark{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply}.brand span{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:650;font-size:17px;letter-spacing:.13em}.main-nav{gap:23px}.main-nav a{font-size:13px}.preview-strip{background:#F8F5EC;font-size:11px;letter-spacing:.055em;padding:6px 18px;color:#52716F}.button.primary{background:#E7AD83;border:1px solid #2C737735;color:#275D61;box-shadow:inset 0 1px 0 #2C737788}.button.primary:hover{background:#E7AD83;transform:translateY(-1px)}.button.secondary{background:#FFFFFF;border-color:#2C73772b}.input,.select{background:#F8F5EC;border-color:#2C737733;border-radius:8px}.hero{min-height:760px;background:#F8F5EC}.hero-art{object-position:center;height:100%;opacity:.92}.hero:before{background:linear-gradient(90deg,#F8F5ECfa 0%,#F8F5ECe3 19%,#F8F5EC90 36%,#F8F5EC05 65%),linear-gradient(0deg,#F8F5EC 0%,#F8F5EC00 22%)}.hero-content{padding-top:70px;padding-bottom:60px;max-width:1260px}.hero h1{font-size:clamp(66px,7vw,104px);line-height:.96;margin:24px 0}.hero h1 em{font-weight:400;color:#275D61}.hero-copy{font-size:15px;line-height:1.7;color:#275D61;margin-bottom:24px}.play-form{background:#FFFFFFbf;border:1px solid #2C73771f;border-radius:12px;padding:18px;backdrop-filter:blur(12px);max-width:365px}.play-form .button{min-height:50px;font-size:15px}.play-form .fineprint{font-size:10px;color:#52716F;white-space:nowrap}.field-label{font-size:10px;letter-spacing:.11em;color:#275D61}.selected-dragon{max-width:365px;margin-top:11px;border-radius:10px;background:#F8F5ECdb;padding:8px 14px}.selected-dragon canvas{width:51px;height:59px}.selected-dragon strong{font-size:15px}.hero-lab-link{font-size:12px;color:#275D61;display:inline-flex;align-items:center;gap:9px;margin-top:17px}.hero-caption{position:absolute;right:max(40px,calc((100vw - 1180px)/2));bottom:66px;text-align:right;border-right:1px solid #2C73776b;padding-right:18px}.hero-caption span{font-size:9px;letter-spacing:.18em;color:#275D61}.hero-caption strong{display:block;font:29px Georgia,serif;margin-top:12px;line-height:1.15;color:#275D61}.bloodline-section{padding:38px 0 44px;border-bottom:1px solid var(--line);background:#F8F5EC}.bloodline-section .section-head{margin-bottom:18px}.bloodline-section h2{font-size:31px}.bloodline-strip{display:grid;grid-template-columns:repeat(10,minmax(88px,1fr));gap:10px;overflow-x:auto;padding-bottom:9px}.bloodline-item{background:linear-gradient(180deg,#FFFFFFaa,#F8F5EC);border:1px solid #2C737715;border-radius:10px;min-width:90px;padding:9px 4px 12px;transition:border-color .2s,transform .2s}.bloodline-item:hover{border-color:var(--element);transform:translateY(-2px)}.bloodline-item canvas{width:100%;height:94px;display:block}.bloodline-item strong{font-size:11px;display:block;font-weight:550}.bloodline-item>span{display:block;font-size:9px;color:#52716F;letter-spacing:.05em;margin-top:4px}.mode-card{background:linear-gradient(130deg,#FFFFFF,#F8F5EC);padding:32px;border-color:#2C737720}.mode-card h3{font-size:28px}.mode-card p{line-height:1.8;color:#275D61}.lab-mode-card{background:linear-gradient(130deg,#FFFFFF,#FFFFFF)}.page-head h1{font-size:clamp(38px,5vw,62px)}.page-head{padding-top:48px}.dragon-card{background:#FFFFFF;border-color:#2C73771c}.dragon-portrait{height:260px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--dragon-color) 12%,transparent),transparent 70%)}.dragon-card-info{background:#FFFFFF;border-color:#2C73771a}.dragon-card h3{font-size:23px}.dragon-card p{line-height:1.65;font-size:12px}.dragon-card-info>div{gap:8px}.filter{border-color:#2C737726;font-size:12px;background:#FFFFFF66;min-height:40px}.filter.active,.filter[aria-pressed=true]{background:#E7AD83;color:#275D61;border-color:#2C737735}.modal{background:#FFFFFF;border-color:#2C73772c;max-width:780px;padding:34px;border-radius:16px}.modal canvas.dragon-detail{height:365px;background:#FFFFFF;border:1px solid #2C73771a;margin-bottom:12px}.detail-motion{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.detail-motion .filter{font-size:11px}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px}.lab-stage{background:#FFFFFF;border:1px solid #2C73771e;border-radius:14px;overflow:hidden}.lab-stage-head{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;border-bottom:1px solid var(--line);gap:12px}.lab-stage-head h2{font-size:28px;margin-top:7px}.lab-canvas{display:block;width:100%;height:470px}.lab-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid var(--line);gap:12px}.lab-controls .filters{margin:0;gap:6px}.lab-controls .button{font-size:12px;padding:10px 15px}.lab-sidebar{padding:24px;background:#FFFFFF;border:1px solid #2C73771e;border-radius:14px;align-self:start}.lab-elements{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0}.lab-elements button{display:flex;align-items:center;gap:8px;border:1px solid #2C73771a;background:#FFFFFF;border-radius:6px;padding:6px 9px;font-size:11px;text-align:left}.lab-elements button.active{border-color:#2C737735;color:#275D61}.lab-elements button span{width:7px;height:7px;border-radius:50%;flex-shrink:0}.lab-sidebar p{font-size:12px;color:#52716F;line-height:1.8}.lab-sidebar .button{width:100%;margin-top:22px;padding:12px 10px;font-size:12px}.site-footer{background:#F8F5EC}.footer-inner .brand-mark{width:42px;height:42px}.footer-inner .brand span{font-size:13px}.playing .main-nav{display:none}.playing .site-header{background:#F8F5EC;border-bottom:1px solid #2C73771c}.playing .brand-mark{width:43px;height:43px}.game-top{inset:22px 24px auto}.game-mass{min-width:145px;background:#F8F5ECed;border-color:#2C737744;border-radius:12px;padding:12px 18px;box-shadow:0 7px 30px #2C737722}.game-mass strong{font:34px Georgia,serif;margin:3px 0 6px}.game-mass>span{font-size:9px;letter-spacing:.17em;color:#275D61}.game-mass small{font-size:11px;color:#275D61}.game-mass small.hud-kills{float:right;font-size:9px;padding-top:3px}.game-mass small.hud-kills span{display:inline;font-size:11px;color:#275D61;letter-spacing:0}.practice-badge{border-color:#2C737726;font-size:9px;background:#F8F5ECdf;padding:8px 15px}.game-leaders{top:80px;padding:16px 18px;background:#F8F5ECed;border-radius:12px;border-color:#2C737726;box-shadow:0 7px 30px #2C737722}.game-leaders li{padding-top:6px;padding-bottom:6px;font-size:12px;color:#275D61}.game-leaders li.you{color:#275D61}.game-leaders>div{font-size:10px;color:#275D61}.game-leaders>div span{font-size:9px}.glass-button{width:42px;height:42px;border-radius:10px;background:#F8F5ECe8;border-color:#2C737738}.game-bottom{inset:auto 24px 22px}.minimap-wrap{background:#F8F5ECd9;border:1px solid #2C737725;border-radius:12px;padding:10px 12px}.minimap-wrap>span{font-size:9px;background:none;padding:0;color:#52716F}.minimap-wrap canvas{width:94px;height:94px}.hud-dragon{text-align:left;border-bottom:1px solid #2C73771b;padding-bottom:6px;margin-bottom:4px}.hud-dragon strong{font-size:12px;font-weight:500;display:block;line-height:1.4;color:#275D61}.hud-dragon span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#52716F}.dash-button{width:80px;height:80px;border-color:#2C7377cc;background:#FFFFFFe8;box-shadow:inset 0 0 0 6px #2C737770,0 6px 20px #2C737733;color:#275D61}.dash-button.active{background:#E7AD83;color:#275D61;box-shadow:inset 0 0 0 6px #2C737770,0 0 28px #2C737722}.game-control-hint{background:#F8F5ECb8;color:#275D61;font-size:11px;border:1px solid #2C737718;backdrop-filter:blur(6px)}.game-control-hint span{font-size:10px;color:#52716F}.game-buffs{bottom:82px;display:flex;gap:7px;padding:9px 15px;border:1px solid #2C73772a;background:#F8F5ECde;border-radius:7px;font-size:11px}.game-message{top:22%;border-color:#2C737738;background:#F8F5ECe8;color:#275D61;backdrop-filter:blur(6px)}.pause-card{background:#FFFFFFed;border-color:#2C73772a;box-shadow:0 20px 80px #2C737744}.game-canvas{cursor:crosshair}
@media(max-width:1150px){.main-nav{gap:15px}.main-nav a{font-size:12px}.brand span{font-size:15px}.header-actions{gap:3px}.hero-content{padding-left:36px}.bloodline-strip{grid-template-columns:repeat(10,95px)}}
@media(max-width:780px){.hero{min-height:780px}.hero-art{object-position:65% center;opacity:.8}.hero:before{background:linear-gradient(90deg,#F8F5ECdd,#F8F5EC66),linear-gradient(0deg,#F8F5EC,#F8F5ECab 33%,#F8F5EC15 100%)}.hero-content{padding:70px 26px 40px}.hero h1{font-size:76px}.hero-caption{display:none}.hero-copy{font-size:14px}.play-form,.selected-dragon{max-width:365px}.bloodline-section{padding:28px 0}.bloodline-section h2{font-size:28px}.bloodline-strip{grid-template-columns:repeat(10,94px)}.lab-layout{grid-template-columns:1fr}.lab-canvas{height:410px}.lab-sidebar{padding:20px}.lab-elements{grid-template-columns:repeat(5,1fr);gap:7px}.lab-sidebar .button{width:auto;min-width:200px;margin-top:12px}.lab-sidebar p{max-width:500px}.lab-stage-head{padding:20px}.lab-controls{padding:13px 17px}.game-top{inset:14px 14px auto}.game-leaders{right:14px;top:73px;min-width:160px;padding:12px 14px}.game-bottom{inset:auto 14px 18px}.game-mass{min-width:120px;padding:10px 14px}.game-mass strong{font-size:29px}.minimap-wrap{padding:8px 10px}.minimap-wrap canvas{width:82px;height:82px}.dash-button{width:70px;height:70px}.game-buffs{bottom:100px}.brand-mark{width:45px;height:45px}.modal canvas.dragon-detail{height:300px}}
@media(max-width:520px){.hero{min-height:760px}.hero h1{font-size:66px}.hero-content{padding:55px 23px 35px}.hero-art{object-position:66% center}.hero-content .eyebrow{font-size:9px;letter-spacing:.11em}.hero-copy{max-width:320px;font-size:13px}.play-form{padding:15px;max-width:350px}.selected-dragon{max-width:350px}.play-form .fineprint{font-size:9px}.hero-lab-link{font-size:11px}.brand span{font-size:14px;letter-spacing:.09em}.brand-mark{width:39px;height:39px}.preview-strip{font-size:9px;padding:6px 8px}.hero h1{margin-top:22px}.dragon-portrait{height:180px}.dragon-card h3{font-size:22px}.lab-elements{grid-template-columns:repeat(3,1fr)}.lab-stage-head{align-items:flex-start}.lab-stage-head h2{font-size:24px}.lab-stage-head .tag{font-size:8px}.lab-canvas{height:320px}.lab-controls{align-items:flex-start;gap:8px;flex-wrap:wrap}.lab-controls .filter{padding:6px 12px;min-height:38px}.lab-controls .button{min-height:38px;padding:7px 13px}.game-mass{min-width:108px;padding:9px 12px}.game-mass strong{font-size:27px}.game-top .practice-badge{top:3px;font-size:7px;padding:7px 10px}.game-tools{gap:5px}.game-leaders{top:65px;min-width:142px;padding:11px 12px;max-width:150px}.game-leaders li{font-size:10px;padding-top:5px;padding-bottom:5px}.game-leaders>div{font-size:8px}.game-leaders>div span{font-size:8px}.game-bottom{bottom:max(15px,env(safe-area-inset-bottom))}.hud-dragon strong{font-size:10px}.hud-dragon span{font-size:7px}.minimap-wrap canvas{width:75px;height:75px}.minimap-wrap>span{font-size:8px}.dash-button{width:68px;height:68px}.game-buffs{bottom:116px;font-size:10px;max-width:90%;white-space:normal}.modal{padding:36px 20px 24px}.modal canvas.dragon-detail{height:280px}.detail-motion{gap:5px}.detail-motion .filter{padding:6px 12px;min-height:36px}}
/* Build 04:a quieter lobby, an explicit arena entrance, and the Dragon Forge. */
.home-hero{min-height:820px;align-items:center}.home-hero .hero-art{object-position:right center;opacity:.86}.home-hero:before{background:linear-gradient(90deg,#F8F5ECfc 0%,#F8F5ECe8 23%,#F8F5EC7d 46%,#F8F5EC00 76%),linear-gradient(0deg,#F8F5EC 0%,#F8F5EC00 28%)}.home-hero .hero-content{padding:64px 32px 120px;position:relative;z-index:1}.home-hero h1{font-size:clamp(60px,7.1vw,94px);line-height:1.03;max-width:650px;letter-spacing:-.04em;margin:25px 0 24px}.home-hero h1 em{color:#275D61;white-space:nowrap}.home-hero .hero-copy{max-width:470px;color:#275D61;line-height:1.8;font-size:14px;margin-bottom:26px}.home-hero .play-form{max-width:520px;padding:19px 20px;background:#FFFFFFd9;border-color:#2C737726;box-shadow:0 12px 40px #2C737722}.play-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.play-input-row .button{margin:0;min-width:174px;padding:12px 17px;white-space:nowrap}.home-hero .play-form .fineprint{font-size:10px;gap:9px;justify-content:flex-start}.home-hero .selected-dragon{max-width:520px;padding:7px 15px;background:#F8F5ECcf}.home-hero .selected-dragon .arrow{display:flex;align-items:center;gap:7px;font-size:11px;color:#52716F}.home-hero .hero-caption{bottom:128px;right:max(40px,calc((100vw - 1200px)/2));border:0;text-align:right}.home-hero .hero-caption strong{font:33px Georgia,serif;color:#275D61;margin-bottom:10px}.hero-caption>a{font-size:11px;color:#275D61}.hero-rail{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:45px;padding:23px max(32px,calc((100vw - 1196px)/2));border-top:1px solid #2C73771c;background:#F8F5ECba;backdrop-filter:blur(12px);font-size:9px;letter-spacing:.12em;color:#52716F}.hero-rail b{font-size:17px;letter-spacing:0;margin-right:8px;color:#275D61;font-weight:500}.hero-rail>a{margin-left:auto;color:#275D61;font-size:11px;letter-spacing:0;display:flex;gap:12px;align-items:center}.bloodline-item.active{border-color:#2C73776e;background:linear-gradient(#FFFFFF,#FFFFFF)}.bloodline-item.active strong{color:#275D61}.arena-editorial{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:66px;align-items:center;padding-top:14px;padding-bottom:20px}.arena-photo{position:relative;display:block;min-height:500px;height:100%;border:1px solid #2C737721;border-radius:14px;overflow:hidden;background:#FFFFFF}.arena-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.media-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 21px;background:#F8F5ECe6;border-top:1px solid #2C73771c;font-size:9px;letter-spacing:.1em;color:#52716F;display:flex;justify-content:space-between}.media-caption>span{font-size:10px;color:#275D61;letter-spacing:0}.arena-story h2{font-size:45px;line-height:1.12;margin:17px 0;color:#275D61}.arena-story>p{font-size:14px;line-height:1.8;color:#275D61;max-width:400px}.play-steps{list-style:none;padding:0;margin:29px 0 30px;display:grid;gap:19px}.play-steps li{display:flex;gap:18px}.play-steps li>span{font:22px Georgia,serif;color:#52716F;min-width:28px;padding-top:1px}.play-steps strong{font-size:13px;font-weight:550;color:#275D61}.play-steps p{font-size:12px;color:#52716F;line-height:1.7;margin-top:4px;max-width:350px}.arena-story .button-row{align-items:center;gap:20px}.forge-intro{background:#F8F5EC;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:47px;padding-bottom:58px}.forge-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.forge-teaser{position:relative;border:1px solid #2C73771a;border-radius:12px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--dragon-color) 16%,#FFFFFF),#F8F5EC 74%);padding:18px 24px 20px;overflow:hidden;transition:border-color .2s}.forge-teaser:hover{border-color:#2C73777a}.forge-teaser canvas{height:190px;width:100%;display:block;margin:0 auto 10px}.forge-teaser .eyebrow{font-size:9px;color:#275D61}.forge-teaser h3{font:25px Georgia,serif;margin:9px 0 2px}.forge-teaser .text-link{font-size:11px}.forge-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.forge-stage{border:1px solid #2C737724;border-radius:14px;background:#FFFFFF;overflow:hidden;position:sticky;top:22px}.forge-canvas{display:block;width:100%;height:500px}.forge-preview-controls{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 22px}.forge-preview-controls>span{font-size:11px;color:#275D61;display:flex;align-items:center;gap:8px}.forge-preview-controls i{display:inline-block;width:7px;height:7px;border-radius:50%}.forge-preview-controls .filter{font-size:11px;min-height:36px}.forge-sidebar{padding:25px;background:#FFFFFF;border:1px solid #2C737724;border-radius:14px}.forge-product-list{display:grid;gap:6px;margin:17px 0 24px}.forge-product-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#FFFFFF;border:1px solid #2C73771c;border-radius:8px;text-align:left;padding:11px 14px;color:#275D61;font-size:12px}.forge-product-list button.active{border-color:#2C73779c;background:#FFFFFF;color:#275D61}.forge-product-list small{display:block;margin-top:3px;font-size:10px;color:#52716F}.forge-product-list svg{opacity:.65}.forge-sidebar>p{font-size:12px;line-height:1.85;color:#275D61;margin-bottom:18px}.forge-details{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line);font-size:10px;color:#52716F}.forge-details strong{text-align:right;color:#275D61;font-weight:500}.forge-price{font-size:12px;color:#275D61;padding:20px 0}.forge-price strong{font:25px Georgia,serif;color:#275D61}.forge-sidebar>.button{width:100%;font-size:12px;padding:13px}.forge-sidebar>.text-link{font-size:11px;display:flex;justify-content:center}.forge-note{font-size:10px;line-height:1.8;color:#52716F;padding-top:12px;border-top:1px solid var(--line)}.forge-fair{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:45px 0 12px;margin-top:12px}.forge-fair svg{color:#52716F}.forge-fair h3{font-size:14px;margin:16px 0 10px}.forge-fair p{font-size:12px;color:#52716F;line-height:1.9}.profile-wallet{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;padding:26px;margin:24px 0 37px}.profile-wallet h2{font-size:27px;margin:10px 0}.profile-wallet p{font-size:12px;color:#52716F}.wallet-options{display:grid;gap:9px;margin:25px 0 15px}.wallet-options .button{justify-content:space-between;padding:15px 20px}.wallet-address{padding:18px 0;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.wallet-address code{font-size:12px;word-break:break-all;color:#275D61}.wallet-fineprint{margin-top:22px;font-size:11px;line-height:1.8}.checkout-address{display:grid;gap:6px;padding:18px 0;margin-bottom:12px}.checkout-address span{font-size:9px;letter-spacing:.1em;color:#52716F}.checkout-address code{font-size:11px;word-break:break-all;color:#275D61;margin-bottom:7px}.transition-layer{position:fixed;inset:0;z-index:1000;background:#F8F5ECf9;display:grid;place-items:center;overflow:auto;padding:32px 22px;backdrop-filter:blur(16px)}.arena-loading{max-width:580px;width:100%;text-align:center;animation:loading-enter .25s ease-out}.arena-loading>img{display:block;width:106px;height:106px;object-fit:contain;mix-blend-mode:multiply;margin:0 auto 24px}.arena-loading>.eyebrow{font-size:10px;letter-spacing:.16em;color:#52716F}.arena-loading h1{font:clamp(31px,4vw,47px) Georgia,serif;line-height:1.12;margin:19px 0 17px;color:#275D61}.arena-loading>p{color:#275D61;font-size:13px;line-height:1.8;min-height:24px;margin-bottom:27px}.loading-track{height:3px;background:#FFFFFF1a;border-radius:9px;overflow:hidden}.loading-track>span{display:block;height:100%;background:#E7AD83;transition:width .15s ease-out}.loading-meta{display:flex;justify-content:space-between;margin-top:13px;gap:20px;color:#52716F;font-size:10px}.loading-meta strong{font-weight:500;color:#275D61}.loading-tip{border-top:1px solid #2C73771a;border-bottom:1px solid #2C73771a;padding:22px;margin:34px 0 14px}.loading-tip>span{font-size:8px;letter-spacing:.17em;color:#52716F}.loading-tip p{font-size:12px;color:#275D61;margin-top:10px}.arena-loading .button-row{justify-content:center;align-items:center;gap:20px}.arena-loading .text-link{font-size:11px}.playing .site-header{height:62px}.playing .preview-strip{display:none}.game-shell{height:calc(100dvh - 62px)}
@keyframes loading-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.main-nav{display:none}.mobile-menu{display:inline-grid}.home-hero .hero-caption{right:32px;bottom:129px}.home-hero .hero-content{padding-left:36px}.home-hero h1{font-size:76px}.arena-editorial{gap:36px}.arena-story h2{font-size:37px}.arena-photo{min-height:470px}.forge-layout{grid-template-columns:minmax(0,1fr) 315px}.forge-sidebar{padding:21px}.forge-canvas{height:475px}}
@media(max-width:780px){.home-hero{min-height:780px}.home-hero .hero-content{padding:64px 26px 126px}.home-hero h1{font-size:68px}.home-hero .hero-art{opacity:.63;object-position:66% center}.home-hero:before{background:linear-gradient(90deg,#F8F5ECef,#F8F5EC82),linear-gradient(0deg,#F8F5EC 0%,#F8F5EC9c 45%,#F8F5EC15 100%)}.hero-rail{gap:24px;padding:18px 26px;font-size:8px}.hero-rail b{font-size:15px}.arena-editorial{grid-template-columns:1fr;gap:30px}.arena-photo{min-height:390px}.arena-story h2{font-size:39px}.arena-story>p{max-width:540px}.play-steps{grid-template-columns:repeat(3,1fr);gap:20px}.play-steps li{display:block}.play-steps li>span{display:block;margin-bottom:9px}.play-steps p{font-size:11px}.forge-teasers{gap:12px}.forge-teaser{padding:12px 16px 17px}.forge-teaser canvas{height:155px}.forge-teaser h3{font-size:21px}.forge-layout{grid-template-columns:1fr}.forge-stage{position:relative;top:auto}.forge-canvas{height:420px}.forge-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.forge-fair{gap:24px}.lab-elements{grid-template-columns:repeat(3,minmax(0,1fr))}.forge-sidebar>.button{max-width:400px}.forge-sidebar>.text-link{justify-content:flex-start}.profile-wallet{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.home-hero{min-height:810px}.home-hero h1{font-size:clamp(45px,11vw,60px);line-height:1.08}.home-hero .hero-content{padding:48px 22px 130px}.home-hero .hero-copy{font-size:13px;max-width:330px}.home-hero .hero-copy br{display:none}.home-hero .play-form{padding:16px}.play-input-row{grid-template-columns:1fr}.play-input-row .input{min-height:47px}.play-input-row .button{min-height:48px}.home-hero .play-form .fineprint{gap:6px;font-size:9px;justify-content:center}.home-hero .selected-dragon .arrow{font-size:10px}.home-hero .selected-dragon strong{font-size:13px}.hero-rail{padding:17px 22px;gap:19px;flex-wrap:wrap}.hero-rail span{font-size:7px}.hero-rail b{font-size:14px;margin-right:5px}.hero-rail>a{width:100%;margin:0;min-height:20px;font-size:10px}.arena-photo{min-height:310px}.media-caption{font-size:7px;padding:13px}.media-caption>span{font-size:9px}.arena-story h2{font-size:36px}.play-steps{grid-template-columns:1fr;gap:19px}.play-steps li{display:flex}.play-steps li>span{margin:0}.play-steps p{font-size:12px;max-width:280px}.forge-teasers{grid-template-columns:1fr}.forge-teaser{display:flex;align-items:center;gap:9px;padding:12px 16px}.forge-teaser canvas{width:42%;height:160px;margin:0}.forge-teaser>div{flex:1}.forge-teaser h3{font-size:24px}.forge-teaser .eyebrow{font-size:8px}.forge-teaser .text-link{font-size:10px}.forge-fair{grid-template-columns:1fr;gap:28px;padding-top:32px}.forge-fair>div{padding-left:40px;position:relative}.forge-fair svg{position:absolute;left:0;top:4px}.forge-fair h3{margin-top:0}.forge-canvas{height:330px}.forge-preview-controls{padding:12px 16px}.forge-preview-controls .filter{padding:7px 11px}.forge-product-list{grid-template-columns:1fr}.forge-details{font-size:11px}.profile-wallet{padding:22px}.profile-wallet h2{font-size:25px}.arena-loading>img{width:88px;height:88px;margin-bottom:18px}.arena-loading h1{font-size:34px}.loading-tip{margin-top:28px;padding:20px 8px}.loading-meta{font-size:9px}.arena-loading>.eyebrow{font-size:8px}.transition-layer{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.arena-loading{animation:none}.loading-track>span{transition:none}}
.game-shell{contain:layout paint style;isolation:isolate}.game-canvas{display:block}.game-control-hint,.game-message{backdrop-filter:none;background:#FFFFFFee}.hud-performance{font-size:9px!important;color:#275D61!important;font-variant-numeric:tabular-nums;letter-spacing:0!important;line-height:1.6}.game-leaders li[hidden]{display:none}
.payment-replacement{margin-top:25px;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:#275D61}.payment-replacement summary{cursor:pointer;min-height:40px}.payment-replacement .button{margin-top:10px;font-size:12px}.purchase-history{display:grid;gap:12px;margin-top:25px}.purchase-history>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 16px;background:#FFFFFF;border:1px solid var(--line);border-radius:8px;font-size:11px}.purchase-history strong{width:100%;font-size:13px}.purchase-history code{color:#275D61}.purchase-history span{color:#52716F}.purchase-history .text-link{margin-left:auto;font-size:11px}
.forge-price strong,.detail-row strong{overflow-wrap:anywhere;min-width:0}.detail-row strong{max-width:65%}
.points-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 11px;border:1px solid #2C737745;border-radius:7px;background:#E7AD830d;white-space:nowrap;font-size:12px;color:#275D61;font-variant-numeric:tabular-nums}.points-pill>span{font-size:9px;letter-spacing:.07em;color:#52716F}.points-pill strong{font-weight:550}.point-account{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px;margin-bottom:28px;border:1px solid #2C737740;background:linear-gradient(110deg,#FFFFFF,#FFFFFF 70%);border-radius:12px}.point-account h2{font:38px Georgia,serif;color:#275D61;margin:10px 0}.point-account h2 small{font:12px system-ui,sans-serif;color:#52716F}.point-account p{font-size:12px;color:#275D61;line-height:1.7}.skin-progress{margin:0 0 20px}.skin-progress>div{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#275D61;margin-bottom:10px}.skin-progress strong{font-weight:500;color:#275D61}.skin-progress progress{appearance:none;display:block;width:100%;height:4px;border:0;border-radius:6px;background:#FFFFFF13;overflow:hidden}.skin-progress progress::-webkit-progress-bar{background:#FFFFFF13}.skin-progress progress::-webkit-progress-value{background:#E7AD83}.skin-progress progress::-moz-progress-bar{background:#E7AD83}.forge-sidebar>.gather-button{margin-top:9px}.profile-history-head{margin-top:42px}.hud-harvest{border-top:1px solid #2C737730;padding-top:9px;margin-top:9px;max-width:175px}.hud-harvest>span{display:block;font-size:8px;letter-spacing:.1em;color:#52716F}.hud-harvest>strong{font-size:23px!important;color:#275D61}.hud-harvest>small{display:block;white-space:normal;font-size:9px!important;line-height:1.5;max-width:160px;color:#275D61}.harvest-result{padding:19px;border:1px solid #2C737740;border-radius:9px;background:#E7AD830b;margin:22px 0 16px}.harvest-result>span{display:block;font-size:10px;letter-spacing:.05em;color:#275D61}.harvest-result>strong{display:block;font:40px Georgia,serif;color:#275D61;margin:8px 0}.harvest-result strong small{font:12px system-ui,sans-serif}.harvest-result p{font-size:12px!important;margin:0 0 10px!important;color:#275D61}.harvest-result>span:last-child{font-size:11px;letter-spacing:0;color:#52716F}.pause-card{max-height:calc(100dvh - 100px);overflow:auto}.pause-card .button-row{flex-wrap:wrap}
.collection-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #2C737736;border-radius:10px;overflow:hidden;background:#FFFFFF1b;margin-bottom:28px}.collection-overview>div,.collection-overview>a{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:22px 26px;background:#FFFFFF}.collection-overview span{color:#52716F;font-size:9px;letter-spacing:.13em}.collection-overview strong{font:31px Georgia,serif;color:#275D61}.collection-overview small{font:11px system-ui,sans-serif;color:#52716F}.collection-filters .filter{display:inline-flex;align-items:center;gap:10px}.collection-filters .filter small{font-size:9px;opacity:.7}.dragon-card{display:flex;flex-direction:column;text-align:left}.dragon-card-info{display:flex;flex-direction:column;flex:1;width:100%;min-height:205px}.dragon-card-info>.card-footer{margin-top:auto;padding-top:17px}.dragon-card.locked{border-color:#2C73773b}.dragon-card.locked:hover{border-color:#2C73779c}.dragon-portrait .dragon-number{top:auto;bottom:13px;left:17px;font-size:10px}.skin-state{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #2C737742;border-radius:5px;background:#F8F5ECe8;color:#275D61;font-size:9px;letter-spacing:.04em}.skin-state.is-open{border-color:#2C737730;color:#275D61}.dragon-portrait .selected-tag{font-size:8px;padding:6px 8px;top:14px;right:14px}.card-unlock-progress{margin:0 0 10px;display:grid;gap:9px}.card-unlock-progress>span{color:#52716F;font-size:10px}.card-unlock-progress progress{appearance:none;display:block;width:100%;height:3px;border:0;border-radius:5px;background:#FFFFFF0d;overflow:hidden}.card-unlock-progress progress::-webkit-progress-bar{background:#FFFFFF0d}.card-unlock-progress progress::-webkit-progress-value{background:#E7AD83}.card-unlock-progress progress::-moz-progress-bar{background:#E7AD83}.detail-unlock-progress{margin-top:16px}.family-progress-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.family-progress-grid>a{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--dragon-color) 12%,#FFFFFF),#FFFFFF 75%);border:1px solid #2C73771f;border-radius:9px}.family-progress-grid canvas{width:100%;height:105px;display:block}.family-progress-grid>a>div{flex:1;display:grid;gap:6px}.family-progress-grid strong{font-size:12px;font-weight:550;color:#275D61}.family-progress-grid span{font-size:10px;color:#52716F}.family-progress-grid svg{color:#52716F}.forge-collection-link{margin:0 0 24px;display:flex;align-items:center;gap:10px;font-size:12px;color:#275D61}
@media(max-width:780px){.family-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-overview>div,.collection-overview>a{padding:19px}.collection-filters .filter{gap:7px;padding:9px 13px}}
@media(max-width:520px){.collection-overview{gap:1px}.collection-overview>div,.collection-overview>a{padding:16px 12px;gap:8px}.collection-overview strong{font-size:25px}.collection-overview span{font-size:7px;letter-spacing:.06em}.collection-overview small{font-size:9px}.family-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.family-progress-grid canvas{height:110px}.collection-filters{gap:7px}.collection-filters .filter{font-size:11px;padding:9px 11px}.dragon-card-info{min-height:213px}.skin-state{font-size:8px;padding:6px;left:10px;top:10px}.dragon-portrait .selected-tag{font-size:7px;top:10px;right:10px}}
@media(max-width:1200px){.main-nav{display:none}.mobile-menu{display:inline-grid}}
@media(max-width:680px){.header-actions .settings-button,.header-actions .x-button{display:none}.point-account{padding:22px;align-items:flex-start;flex-direction:column;gap:16px}.point-account h2{font-size:34px}.point-account .button{width:100%}.points-pill{gap:5px;padding:7px 8px;font-size:11px}.hud-harvest{max-width:115px}.hud-harvest>small{max-width:110px;font-size:8px!important}.hud-harvest>strong{font-size:21px!important}}
@media(max-width:390px){.brand span{display:none}.header-actions .wallet-button{max-width:114px}.hud-harvest>small{max-width:95px}.game-mass{max-width:123px}.harvest-result{padding:15px}.pause-card .button-row .button{width:100%}}
@media(max-width:520px){.home-hero h1{font-size:clamp(36px,10.5vw,56px)}.site-header{padding-left:16px;padding-right:16px;gap:8px}.brand span{font-size:13px}.header-actions>a[aria-label="Your practice profile"]{display:none}.header-actions .wallet-button{font-size:10px;padding:7px 10px}.header-actions .mobile-menu{width:36px}}

/* Build 08:clear locked-skin status across collection and Forge previews. */
.skin-lock-mark{position:absolute;right:16px;bottom:18px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:76px;height:86px;border:1px solid #2C737785;border-radius:14px;background:#F8F5ECf2;color:#275D61;box-shadow:0 8px 22px #2C737755;pointer-events:none}.skin-lock-mark>svg{width:42px;height:42px;stroke-width:1.7}.skin-lock-mark>span{font-size:9px;font-weight:650;letter-spacing:.12em}.dragon-card:focus-visible{outline:2px solid #2C737735;outline-offset:4px}.forge-teaser-art,.forge-model-stage{position:relative}.forge-teaser-art>canvas{margin-bottom:10px}.forge-teaser-art>.skin-lock-mark{right:0;bottom:12px}.forge-model-stage>.skin-lock-mark{right:24px;bottom:24px;width:90px;height:102px}.forge-model-stage>.skin-lock-mark>svg{width:49px;height:49px}.detail-lock-notice{display:flex;align-items:center;gap:17px;padding:17px 19px;margin:22px 0 4px;border:1px solid #2C737765;border-radius:10px;background:#E7AD830b;color:#275D61}.detail-lock-notice>svg{flex:none}.detail-lock-notice strong{display:block;font-size:15px;font-weight:600;margin-bottom:6px}.detail-lock-notice span{display:block;font-size:11px;line-height:1.7;color:#275D61}
@media(max-width:520px){.skin-lock-mark{right:12px;bottom:14px;width:64px;height:75px;gap:6px;border-radius:11px}.skin-lock-mark>svg{width:36px;height:36px}.skin-lock-mark>span{font-size:8px}.forge-model-stage>.skin-lock-mark{right:17px;bottom:17px;width:76px;height:86px}.forge-model-stage>.skin-lock-mark>svg{width:42px;height:42px}.detail-lock-notice{gap:13px;padding:15px}.detail-lock-notice>svg{width:38px;height:38px}}

.dragon-portrait{width:100%}
/* Authored Fire Collection */
.home-hero .hero-art{left:auto;right:0;width:63%;height:100%;object-fit:contain;object-position:50% 54%;padding:12px 0 45px;filter:drop-shadow(0 20px 40px #2C737777)}
.fire-collection{padding:64px 0 70px;background:#F8F5EC;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fire-collection .section-head p{max-width:570px}.fire-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fire-form-card{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;border:1px solid #2C737735;border-radius:13px;background:#FFFFFF;color:var(--text);transition:border-color .2s,background .2s}.fire-form-card:hover{border-color:#2C73779c;background:#FFFFFF}.fire-form-card:focus-visible{outline:2px solid #2C737735;outline-offset:4px}.fire-form-art{position:relative;min-height:290px;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--dragon-color) 23%,#FFFFFF),#FFFFFF 80%)}.fire-form-art canvas{display:block;width:100%;height:310px}.fire-form-copy{padding:22px 25px 24px;border-top:1px solid #2C737724;flex:1}.fire-form-copy .eyebrow{font-size:8px;color:#52716F}.fire-form-copy h3{font:29px Georgia,serif;margin:12px 0;color:#275D61}.fire-form-copy p{font-size:11px;line-height:1.95;color:#52716F;margin-bottom:21px}.fire-form-access{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#275D61;gap:12px}.lab-mass-control{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#275D61}.lab-mass-control .select{font-size:10px;min-height:33px;padding:7px 9px}.lab-controls{flex-wrap:wrap;gap:14px}canvas[aria-busy=true]{background:radial-gradient(ellipse,#E7AD830b,transparent 65%)}
@media(max-width:1000px){.fire-form-art canvas{height:260px}.fire-form-art{min-height:260px}.fire-form-copy{padding:20px 18px}.fire-form-copy h3{font-size:24px}.home-hero .hero-art{width:70%;right:-6%;opacity:.85}}
@media(max-width:780px){.fire-form-grid{gap:12px}.fire-form-art canvas{height:210px}.fire-form-art{min-height:210px}.fire-form-copy h3{font-size:21px}.fire-form-copy p{font-size:10px}.fire-form-copy .eyebrow{font-size:7px;line-height:1.6}.home-hero .hero-art{width:91%;right:-26%;opacity:.62}.fire-collection{padding:45px 0}}
@media(max-width:600px){.fire-form-grid{grid-template-columns:1fr}.fire-form-art canvas{height:320px}.fire-form-art{min-height:320px}.fire-form-copy{padding:23px}.fire-form-copy h3{font-size:29px}.fire-form-copy .eyebrow{font-size:9px}.fire-form-copy p{font-size:12px}.home-hero .hero-art{width:110%;right:-39%;opacity:.56}}
@media(prefers-reduced-motion:reduce){.fire-form-card{transition:none}}

.collection-spotlight-filters{margin:0 0 23px;gap:8px}.detail-anatomy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px 0 18px;border-bottom:1px solid var(--line);margin:0 0 16px}.detail-anatomy dt{font-size:8px;letter-spacing:.1em;color:#52716F;margin-bottom:8px}.detail-anatomy dd{margin:0;color:#275D61;font-size:10px;line-height:1.6}@media(max-width:520px){.detail-anatomy{gap:10px}.detail-anatomy dt{font-size:7px}.detail-anatomy dd{font-size:9px}.collection-spotlight-filters .filter{padding:9px 11px;font-size:10px}}

/* Build 11:duel-led entry, readable controls, and one stable input surface. */
.duel-hero{position:relative;isolation:isolate;min-height:750px;background:#F8F5EC;overflow:hidden;border-bottom:1px solid #2C73772e}.duel-art{position:absolute;inset:0;z-index:-2}.duel-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:65% 54%}.duel-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#F8F5ECcc 0%,#F8F5EC80 31%,#F8F5EC08 65%),linear-gradient(0deg,#F8F5EC99,transparent 28%)}.duel-inner{position:relative;min-height:670px;display:flex;align-items:center;padding-top:68px;padding-bottom:76px}.duel-copy{width:min(570px,47%)}.duel-copy>.eyebrow{font-size:11px;letter-spacing:.2em;color:#275D61;margin-bottom:25px}.duel-copy h1{font:clamp(54px,5.5vw,84px)/1.04 Georgia,serif;letter-spacing:-.04em;color:#275D61;margin:0 0 23px;text-shadow:0 2px 20px #2C737744}.duel-copy h1 em{font-style:normal;white-space:nowrap;color:#275D61}.duel-description{font-size:15px;line-height:1.8;color:#275D61;max-width:450px;margin:0 0 33px}.duel-copy .play-form{margin:0;max-width:535px;padding:0;background:none;border:0;box-shadow:none}.duel-copy .field-label{font-size:10px;letter-spacing:.14em;color:#275D61}.duel-copy .play-input-row{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:10px}.duel-copy .input{min-width:0;width:100%;font-size:13px;background:#F8F5ECc4;border-color:#2C737755}.duel-copy .button{font-size:12px;padding:15px 19px;white-space:nowrap}.duel-copy .fineprint{font-size:10px;color:#275D61;margin-top:12px}.duel-copy .selected-dragon{background:#F8F5EC99;max-width:390px;margin:25px 0 17px;border-color:#2C73773d}.duel-lab-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#275D61}.duel-caption{position:absolute;bottom:41px;right:0;display:grid;gap:9px;text-align:right;text-shadow:0 2px 9px #2C737718}.duel-caption>span{font-size:9px;letter-spacing:.19em;color:#275D61}.duel-caption>strong{font:23px Georgia,serif;color:#275D61}.duel-facts{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:22px max(24px,calc((100vw - 1240px)/2));border-top:1px solid #2C737732;background:#F8F5ECd9;gap:24px}.duel-facts>span{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;letter-spacing:.15em;color:#275D61}.duel-facts>span+span{border-left:1px solid #2C737736}.duel-facts b{font:27px Georgia,serif;color:#275D61;font-weight:400}.duel-facts i{font-style:normal;opacity:.5}.arena-editorial{padding-top:12px}.arena-story .eyebrow{font-size:10px}.arena-story>p{max-width:430px}.render-host{position:relative;isolation:isolate;width:100%;line-height:0}.render-host-arena{height:100%}.render-host>.gpu-surface{position:absolute;display:block;z-index:0;pointer-events:none}.render-host>.input-surface{position:relative;z-index:1;background:transparent!important}.arena-location{display:block;margin-top:7px;color:#275D61;font-size:10px;letter-spacing:.08em;font-weight:400}.practice-badge{line-height:1.3}.hud-performance{max-width:220px;white-space:normal;line-height:1.5!important}.duel-art img{animation:duel-drift 20s ease-in-out infinite alternate;will-change:transform}@keyframes duel-drift{from{transform:scale(1.015)}to{transform:scale(1.055)}}
@media(min-width:1700px){.duel-hero{min-height:830px}.duel-inner{min-height:750px}.duel-copy{width:570px}.duel-art img{object-position:65% 52%}}
@media(max-width:1100px){.duel-copy{width:52%}.duel-copy h1{font-size:61px}.duel-art img{object-position:63% 50%}.duel-copy .play-input-row{grid-template-columns:1fr}.duel-copy .play-input-row .button{justify-content:center}.duel-copy .play-form{max-width:350px}.duel-description{font-size:14px}.duel-copy .selected-dragon{max-width:350px}.duel-caption{right:25px}.duel-facts{padding:20px 24px;gap:16px}}
@media(max-width:760px){.duel-hero{min-height:0;overflow:hidden}.duel-art{position:relative;display:block;height:330px;z-index:-2}.duel-art img{object-position:69% 53%;animation:none;transform:none}.duel-hero:before{background:linear-gradient(0deg,#F8F5EC 0%,#F8F5EC 47%,transparent 72%);z-index:-1}.duel-inner{display:block;min-height:0;padding:0 23px 30px;margin-top:-22px}.duel-copy{width:100%;max-width:550px;margin:auto}.duel-copy>.eyebrow{font-size:9px;margin-bottom:16px}.duel-copy h1{font-size:clamp(40px,8.3vw,60px);line-height:1.02;margin-bottom:17px}.duel-description{font-size:13px;margin-bottom:25px;line-height:1.75}.duel-copy .play-form{max-width:none}.duel-copy .play-input-row{grid-template-columns:minmax(0,1fr) auto}.duel-copy .play-input-row .button{padding:14px 17px;font-size:11px}.duel-copy .selected-dragon{max-width:none;margin:22px 0 15px}.duel-copy .fineprint{font-size:9px}.duel-caption{display:none}.duel-facts{gap:8px;padding:19px 14px}.duel-facts>span{font-size:7px;letter-spacing:.06em;gap:6px;flex-wrap:wrap;line-height:1.7;text-align:center}.duel-facts b{font-size:22px}.duel-facts>span:last-child{font-size:8px;gap:4px}.duel-lab-link{font-size:11px}.arena-location{font-size:8px;max-width:110px}.game-top .practice-badge{padding:9px 12px;max-width:170px}.game-leaders{top:110px}}
@media(max-width:390px){.duel-art{height:285px}.duel-copy .play-input-row{grid-template-columns:1fr}.duel-copy .play-input-row .button{width:100%}.duel-copy h1{font-size:40px}.duel-inner{padding-left:18px;padding-right:18px}.duel-facts>span:last-child{font-size:7px}.game-top .practice-badge{display:none}}
@media(prefers-reduced-motion:reduce){.duel-art img{animation:none;will-change:auto}}
.game-top .practice-badge{display:block;text-align:center}.practice-badge>.status-dot{display:inline-block;margin-right:6px}.arena-location{font-size:11px}@media(max-width:760px){.arena-location{font-size:10px}}
.arena-replay{display:block;overflow:hidden;position:relative;align-self:center;min-height:0;height:auto}.arena-replay>video{display:block;width:100%;height:auto;aspect-ratio:960/570;object-fit:contain;background:#F8F5EC}.arena-replay .media-caption{position:relative;pointer-events:none;gap:14px;flex-wrap:wrap}.arena-replay .media-caption>a{pointer-events:auto;color:#275D61;text-decoration:none;font-size:11px}@media(max-width:760px){.arena-replay .media-caption{font-size:8px}}

/* Build 12:reward conversion, separated from local cosmetic progression. */
.convert-page>.page-head{padding-left:0;padding-right:0}.convert-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:24px;align-items:start}.convert-card{padding:30px;background:#FFFFFF;border:1px solid #2C737726;border-radius:13px;min-width:0}.convert-card h2{font:32px Georgia,serif;color:#275D61;margin:19px 0}.convert-card p{color:#275D61;font-size:13px;line-height:1.9}.convert-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.convert-balances{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0 30px}.convert-balances>div{padding:20px 17px;background:#F8F5EC;border-radius:9px;display:grid;gap:12px}.convert-balances span{font-size:11px;color:#275D61}.convert-balances strong{font:34px Georgia,serif;color:#275D61;font-variant-numeric:tabular-nums}.convert-balances strong small{font-size:15px}.convert-balances small{font-size:11px;color:#52716F;line-height:1.7}.convert-card>.input{width:100%;margin:10px 0 15px}.convert-card .button-row{flex-wrap:wrap}.convert-card .detail-row{gap:18px}.convert-card .detail-row>strong{font-size:12px;overflow-wrap:anywhere}.convert-gas{font-size:11px!important}.convert-aside{display:grid;gap:22px}.convert-address{display:block;overflow-wrap:anywhere;color:#275D61;font-size:12px;line-height:1.8;margin:12px 0 18px}.convert-steps{padding-left:20px;color:#275D61;font-size:13px;line-height:1.9;display:grid;gap:14px}.convert-pending,.convert-review{margin-top:24px;padding:22px;border:1px solid #2C737745;border-radius:9px;background:#F8F5EC}.convert-pending strong{font-size:13px;color:#275D61}.convert-review h3{font:30px Georgia,serif;color:#275D61;margin:14px 0}.convert-review>code{display:block;font-size:11px;overflow-wrap:anywhere;color:#52716F;margin:15px 0 22px}.convert-error{padding:12px 15px;background:#FFFFFF29;border-radius:6px;color:#275D61!important;font-size:12px!important}.convert-history{margin-top:26px}.convert-history h2{margin-bottom:0}.convert-empty{padding:24px 0 8px;color:#275D61;font-size:13px}.convert-table-wrap{overflow:auto}.convert-table-wrap table{min-width:520px}.convert-history .data-table a{color:#275D61}.convert-card input:disabled{opacity:.65}.convert-card .button:disabled{cursor:default;opacity:.55}.convert-card .fineprint{white-space:normal}
@media(max-width:850px){.convert-layout{grid-template-columns:1fr}.convert-aside{grid-template-columns:1fr 1fr}.convert-card{padding:25px}.convert-balances strong{font-size:30px}}
@media(max-width:560px){.convert-aside{grid-template-columns:1fr}.convert-card{padding:22px 18px}.convert-balances{gap:10px}.convert-balances>div{padding:17px 13px}.convert-balances strong{font-size:27px}.convert-card h2{font-size:28px}.convert-card .button-row>.button{width:100%}.convert-card .detail-row{font-size:12px}.convert-card-head .eyebrow{font-size:9px}.convert-card .tag{font-size:9px}.convert-history .section-head{margin-bottom:12px}}

/* Build 13:clear paths from the arena lobby to the reward desk. */
.nav-convert{color:#275D61!important;display:flex;align-items:center;gap:9px}.nav-convert span{font-size:17px}.rewards-shortcut{display:none;color:#275D61;font-size:12px;font-weight:600;padding:10px 13px;border:1px solid #2C737760;border-radius:7px;white-space:nowrap}.preview-strip{height:auto;min-height:34px;flex-wrap:wrap;gap:10px;padding:9px 24px;font-size:11px}.preview-strip a{color:#275D61;margin-left:12px;text-decoration:underline;text-underline-offset:4px}.duel-secondary-links{display:flex;gap:26px;flex-wrap:wrap}.duel-secondary-links .duel-lab-link{margin-top:19px}.mobile-tabs{display:none}.lobby-launchpad{padding-top:30px;padding-bottom:10px}.lobby-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lobby-shortcuts>a{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:1px solid #2C737730;border-radius:12px;background:#FFFFFF;transition:background .2s,border-color .2s}.lobby-shortcuts>a:hover{background:#FFFFFF;border-color:#2C737780}.lobby-shortcuts .eyebrow{font-size:10px;letter-spacing:.12em}.lobby-shortcuts strong{font:27px/1.15 Georgia,serif;color:#275D61}.lobby-shortcuts>a>span:last-child{font-size:12px;line-height:1.65;color:#275D61}.lobby-shortcuts .shortcut-rewards{border-color:#2C737766;background:#FFFFFF}.reward-entry{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 34px;margin:22px 0;border:1px solid #2C737750;border-radius:12px;background:linear-gradient(115deg,#FFFFFF,#FFFFFF 75%)}.reward-entry h2{font:34px/1.2 Georgia,serif;margin:12px 0;color:#275D61}.reward-entry p{font-size:14px;line-height:1.8;color:#275D61;max-width:600px;margin:0 0 13px}.reward-entry .button{flex-shrink:0}.reward-plan{font-size:12px;color:#275D61}.reward-plan i{font-style:normal;padding:0 7px;color:#52716F}.reward-entry.compact{margin-bottom:30px}.reward-entry.compact h2{font-size:29px}.reward-path{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0 0 26px;border:1px solid #2C737738;border-radius:11px;overflow:hidden;background:#FFFFFF}.reward-path li{display:flex;align-items:center;gap:12px;padding:18px 22px;border-right:1px solid #2C737726;color:#275D61;font-size:13px}.reward-path li:last-child{border-right:0}.reward-path li>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #2C737755;border-radius:50%;font-size:11px;flex:none}.reward-path li b{font-weight:500}.reward-path li.done{color:#275D61}.reward-path li.done>span{background:#E7AD83;color:#275D61;border-color:#2C737735}.reward-notice{display:flex;align-items:flex-start;gap:18px;padding:22px 25px;border:1px solid #2C73773b;border-radius:11px;background:#FFFFFF;margin-bottom:24px}.reward-notice>.tag{flex:none;margin-top:2px}.reward-notice strong{font-size:14px;line-height:1.65;font-weight:600;color:#275D61}.reward-notice p{font-size:13px;line-height:1.8;color:#275D61;margin:5px 0 0}.convert-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}.convert-card{min-width:0;padding:29px;border:1px solid #2C737735;border-radius:13px;background:#FFFFFF}.convert-card h2{font:31px/1.2 Georgia,serif;color:#275D61;margin:15px 0 20px}.convert-card p{font-size:13px;line-height:1.8;color:#275D61}.convert-card .eyebrow{font-size:10px;letter-spacing:.14em}.convert-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reward-network{font-size:11px;color:#275D61;white-space:nowrap}.reward-account-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2C737735;border-radius:9px;overflow:hidden;margin:25px 0 19px;background:#F8F5EC}.reward-account-grid>div{padding:21px 18px;min-width:0}.reward-account-grid>div+div{border-left:1px solid #2C737730}.reward-account-grid span{font-size:12px;color:#275D61;display:block;line-height:1.5}.reward-account-grid strong{display:block;font:34px/1.25 Georgia,serif;margin:10px 0;color:#275D61;font-variant-numeric:tabular-nums}.reward-account-grid small{display:block;font-size:11px;line-height:1.7;color:#52716F}.reward-wallet-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #2C737730;font-size:12px;color:#275D61}.reward-wallet-row strong{font:12px ui-monospace,monospace;color:#275D61}.converter-main .field-label{font-size:11px;letter-spacing:.08em;display:block;margin-bottom:12px;color:#275D61}.reward-amount{display:flex;align-items:center;gap:9px}.reward-amount input{font-size:27px;min-height:68px;background:#F8F5EC;width:100%;min-width:0;color:#275D61}.reward-amount>.button{min-height:60px;padding:0 17px;font-size:12px}.reward-receive{padding:24px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:3px}.reward-receive>span{font-size:13px;color:#275D61}.reward-receive>strong{font:31px/1.2 Georgia,serif;color:#275D61;overflow-wrap:anywhere;text-align:right}.reward-receive small{font:12px ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em;color:#275D61}.convert-card .detail-row{font-size:12px;gap:18px;line-height:1.8;align-items:flex-start;padding:13px 0}.convert-card .detail-row>strong{font-size:12px;text-align:right;color:#275D61;overflow-wrap:anywhere;min-width:0;max-width:64%}.convert-card .convert-gas{font-size:12px;line-height:1.85;margin:20px 0;color:#275D61}.converter-actions{margin-top:23px;display:flex;flex-wrap:wrap;gap:10px}.converter-actions>.primary{flex:1}.convert-aside{display:grid;gap:22px;min-width:0}.reward-pool-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.reward-pool-title>h2{font-size:45px;margin:15px 0 3px;font-variant-numeric:tabular-nums}.reward-pool-title>span{font-size:12px;color:#275D61}.reward-address{padding:17px 0 0;margin-top:17px;border-top:1px solid #2C737730}.reward-address>span{display:block;font-size:11px;color:#275D61;margin-bottom:9px}.reward-address>div{display:flex;align-items:flex-start;gap:10px}.reward-address code{font-size:11px;line-height:1.9;overflow-wrap:anywhere;word-break:break-all;color:#275D61;flex:1;min-width:0}.reward-address .text-link{font-size:11px;flex:none;min-height:30px}.reward-address>a{display:inline-flex;margin-top:5px;color:#275D61}.reward-address>p{font-size:12px;margin:0}.convert-card .fineprint{font-size:11px;line-height:1.8;color:#275D61}.practice-pocket h2{font-size:37px;margin:13px 0}.practice-pocket h2 small{font-size:17px;color:#275D61}.practice-pocket{background:#FFFFFF}.convert-review,.convert-pending{border:1px solid #2C737765;border-radius:10px;background:#FFFFFF;padding:23px;margin-top:24px}.convert-review h3{font:35px/1.2 Georgia,serif;color:#275D61;margin:13px 0;overflow-wrap:anywhere}.convert-pending>strong{font-size:14px;color:#275D61}.convert-pending small{font-size:11px;color:#275D61;line-height:1.8;display:block;margin-top:15px}.convert-review .button-row{display:flex;flex-wrap:wrap;gap:10px}.convert-error{background:#FFFFFF1a;border:1px solid #2C737755;padding:13px;border-radius:8px;color:#275D61!important;font-size:13px!important}.reward-inline-notice{font-size:12px!important;color:#275D61!important}.convert-history{margin-top:24px}.convert-history .section-head{margin:0 0 20px}.convert-history h2{margin:12px 0 0}.reward-empty{display:flex;align-items:center;gap:22px;background:#F8F5EC;border:1px dashed #2C737740;border-radius:9px;padding:26px}.reward-empty>span{font-size:30px;color:#275D61}.reward-empty strong{font-size:15px;font-weight:500;color:#275D61}.reward-empty p{font-size:12px;margin:7px 0 0;max-width:520px}.convert-table-wrap{overflow-x:auto}.convert-history .data-table{font-size:12px;min-width:480px}.reward-help{margin-top:24px;display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.reward-help h2{font-size:34px;margin:14px 0}.reward-help-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.reward-help-tabs .filter{font-size:12px;padding:9px 12px}.convert-steps{padding-left:21px;font-size:13px;line-height:1.9;color:#275D61;display:grid;gap:14px;margin:18px 0 24px}.reward-help details{padding:15px 0;border-top:1px solid #2C73772d}.reward-help summary{cursor:pointer;font-size:13px;line-height:1.7;color:#275D61}.reward-help details p{margin-bottom:5px}.okx-mark{font-size:23px;color:#275D61}.wallet-options .button{gap:12px}.wallet-options .tag{font-size:9px}.wallet-options .button svg{margin-left:auto}.wallet-fineprint{line-height:1.85}.convert-page{padding-bottom:54px}.convert-page .page-head>p{font-size:15px}.reward-entry a:focus-visible,.reward-help button:focus-visible,.mobile-tabs a:focus-visible,.rewards-shortcut:focus-visible{outline:2px solid #2C737735;outline-offset:4px}.convert-page button:disabled{opacity:.5;cursor:not-allowed}.lobby-shortcuts a:focus-visible{outline:2px solid #2C737735;outline-offset:4px}
@media(max-width:1200px){.rewards-shortcut{display:block}}
@media(max-width:850px){.convert-layout{grid-template-columns:1fr}.convert-aside{grid-template-columns:1fr 1fr;align-items:start}.reward-help{grid-template-columns:1fr;gap:10px}.reward-path li{padding:16px 13px;gap:9px;font-size:12px}.reward-entry{padding:28px}.lobby-shortcuts{gap:10px}.lobby-shortcuts>a{padding:20px}.lobby-shortcuts strong{font-size:23px}.lobby-shortcuts .eyebrow{font-size:9px}.reward-entry h2{font-size:30px}}
@media(max-width:680px){body:not(.playing){padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:#F8F5ECfa;border-top:1px solid #2C737745;padding:9px 10px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #2C737733}.mobile-tabs>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#275D61;padding:5px;font-size:10px;border-radius:7px;min-height:49px}.mobile-tabs>a.active{color:#275D61;background:#E7AD8312}.playing .mobile-tabs{display:none}.rewards-shortcut{display:none}.header-actions>.points-pill{display:none}.site-header .brand span{font-size:13px}.site-header .brand-mark{width:32px;height:32px}.site-header .header-actions{gap:5px}.site-header .wallet-button{font-size:11px;min-height:35px}.preview-strip{padding:9px 15px;gap:7px;font-size:10px}.preview-strip a{margin-left:0}.lobby-shortcuts{grid-template-columns:1fr;gap:9px}.lobby-shortcuts>a{padding:19px 21px;gap:9px}.lobby-shortcuts strong{font-size:25px}.lobby-shortcuts .eyebrow{font-size:10px}.reward-entry{align-items:stretch;flex-direction:column;gap:22px;padding:25px}.reward-entry h2{font-size:31px}.reward-entry .button{width:100%;justify-content:center}.reward-entry p{font-size:13px}.reward-plan{font-size:11px;line-height:1.8;display:block}.convert-aside{grid-template-columns:1fr}.reward-path{grid-template-columns:repeat(2,1fr);gap:0;margin-bottom:20px}.reward-path li{padding:14px;font-size:12px;border-bottom:1px solid #2C737726}.reward-path li:nth-child(2){border-right:0}.reward-path li:nth-child(n+3){border-bottom:0}.reward-path li>span{width:27px;height:27px}.reward-notice{padding:19px;flex-direction:column;gap:12px}.reward-notice p{font-size:12px}.convert-card{padding:22px}.convert-card h2{font-size:29px}.convert-card-head{gap:8px}.reward-network{font-size:10px}.reward-account-grid>div{padding:17px 13px}.reward-account-grid strong{font-size:30px}.reward-account-grid span{font-size:11px}.reward-account-grid small{font-size:10px}.reward-pool-title>h2{font-size:42px}.reward-amount .button{padding:0 13px}.converter-actions>.button{width:100%}.reward-empty{padding:21px;gap:16px}.reward-empty p{font-size:12px}.reward-help{padding:22px}.reward-help-tabs .filter{font-size:11px;padding:9px 11px}.convert-review,.convert-pending{padding:18px}.convert-review .button{width:100%}.reward-path li b{line-height:1.6}.reward-address code{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lobby-shortcuts>a{transition:none}}