/* Shared tokens: change --accent for future theme customisation. */
:root{--bg:#101112;--surface:#18191b;--surface-soft:#1d1f21;--line:#2b2d30;--ink:#f3f4f3;--muted:#9b9fa0;--accent:#94b59b;--accent-ink:#142319;--font:'Outfit',sans-serif;--radius:14px;color-scheme:dark}
*{box-sizing:border-box}html{scrollbar-color:#414446 var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:19px;height:19px;flex-shrink:0}p{font-size:12px;line-height:1.65;color:var(--muted)}h2{font-size:14px;font-weight:600;letter-spacing:-.25px}h3{font-size:20px;letter-spacing:-.5px;font-weight:550}.eyebrow{font-size:10px;color:var(--muted);font-weight:550;letter-spacing:1px}.muted{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.brand{font-size:23px;font-weight:650;letter-spacing:-1.1px;white-space:nowrap}.draft-switch{height:43px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.draft-switch>a{display:flex;gap:6px;align-items:center}.draft-switch>a svg{width:13px;transform:rotate(180deg)}.draft-switch>div{display:flex;gap:4px}.draft-switch>div a{width:33px;height:28px;display:grid;place-items:center;border-radius:6px}.draft-switch a.selected{background:var(--surface-soft);color:var(--ink)}.app-shell{max-width:1450px;margin:auto;display:grid;grid-template-columns:205px 1fr;grid-template-rows:87px 1fr;min-height:calc(100dvh - 43px)}.app-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.header-actions{display:flex;gap:14px;align-items:center}.icon-button{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--surface-soft);color:var(--ink)}.profile-button{width:34px;height:34px;border:1px solid #3b4a40;background:#25322a;border-radius:50%;font-size:11px;color:#c0d0c3;font-weight:600}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:30px 20px;border-right:1px solid var(--line)}.sidebar nav{display:grid;gap:8px}.nav-link{position:relative;display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:14px 12px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:500;text-align:left;min-height:46px}.nav-link.active{color:var(--ink);background:var(--surface-soft)}.nav-link.active svg{color:var(--accent)}.nav-link:hover{background:var(--surface-soft);color:var(--ink)}.notification-dot{display:block;height:5px;width:5px;background:var(--accent);border-radius:50%;margin-left:auto}.sidebar-bottom{display:grid;gap:17px;padding:12px;font-size:10px;color:var(--muted)}.sidebar-bottom a{display:flex;align-items:center;gap:7px}.sidebar-bottom svg{width:12px}.sidebar-bottom button{background:transparent;border:0;text-align:left;padding:0;font-size:10px;color:var(--muted)}.home-main{padding:42px 44px 27px;width:100%;max-width:1130px;margin:0 auto;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;gap:35px}.page-heading h1{font-size:29px;letter-spacing:-.9px;font-weight:600}.xp{width:210px;max-width:100%}.xp-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:14px;margin-bottom:9px}.xp-label b{font-weight:550}.xp-label>.muted{font-size:9px}.xp-track{height:3px;border-radius:5px;background:var(--line);overflow:hidden}.xp-track>span{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .25s}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:25px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.section-head h2{display:flex;align-items:center;gap:9px}.section-head h2>svg{width:16px;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;margin-bottom:20px}.wallet{padding:24px 28px}.wallet .section-head{margin-bottom:12px}.wallet .balance{font-size:45px;letter-spacing:-1.8px;display:flex;align-items:baseline;gap:7px;font-weight:550;font-variant-numeric:tabular-nums;line-height:1.3}.currency{font-size:.58em;font-weight:400;letter-spacing:-1px;color:#bec2c0}.quick-actions{display:flex;gap:9px;margin-top:27px}.quick-actions button{flex:1;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;background:var(--surface-soft);border:1px solid #343739;border-radius:8px;padding:10px;color:#d0d3d1}.quick-actions button:hover{border-color:var(--accent)}.quick-actions svg{width:16px;color:var(--accent)}.pill{background:#26302a;color:#b3c9b8;font-size:9px;padding:5px 8px;border-radius:5px;white-space:nowrap}.subtle-pill{background:var(--surface-soft);color:var(--muted)}.mining h3{margin-bottom:7px}.session-track{display:flex;gap:5px;margin:25px 0 20px}.session-track i{height:3px;flex:1;border-radius:2px;background:var(--accent);opacity:.65}.session-track i.used{background:var(--line);opacity:1}.mining-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:11px 14px;border:1px solid var(--line);border-radius:7px;font-size:11px;font-weight:600;color:var(--ink);background:var(--surface-soft)}.button svg{width:15px}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.primary:hover{filter:brightness(1.07)}.secondary:hover{border-color:var(--accent)}.text-button{border:0;background:transparent;padding:4px 0;display:inline-flex;gap:7px;align-items:center;min-height:32px;font-size:10px;font-weight:500;color:#cbd2cc}.text-button svg{width:14px;color:var(--accent)}.text-button:hover{color:var(--accent)}.mine-progress{height:3px;overflow:hidden;border-radius:3px;background:var(--line);margin-top:16px}.mine-progress>span{height:100%;display:block;background:var(--accent);transition:width .2s}.lower-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;margin-bottom:20px}.puzzle .section-head{margin-bottom:20px}.puzzle-content{display:flex;align-items:center;gap:22px}.pair-art{display:grid;grid-template-columns:repeat(4,10px);gap:4px;flex-shrink:0}.pair-art i{width:10px;height:10px;background:#313835;border:1px solid #414c44;border-radius:2px}.pair-art i:nth-child(3),.pair-art i:nth-child(12){background:var(--accent);border-color:var(--accent)}.puzzle h3{font-size:18px;margin-bottom:6px}.puzzle p{font-size:11px}.puzzle-reward{display:block;font-size:9px;color:var(--muted);margin-top:9px}.puzzle .text-button{margin-top:16px}.gamble-tile{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:transparent;display:flex;align-items:center;gap:15px;padding:24px;text-align:left;min-height:92px}.gamble-tile strong{font-size:15px;font-weight:550;display:block;letter-spacing:-.3px}.gamble-tile small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.gamble-tile>svg{margin-left:auto;color:var(--muted);width:16px}.gamble-tile:hover{background:var(--surface)}.gamble-tile .transaction-icon{width:43px;height:43px;background:var(--surface-soft)}.transactions .section-head{margin-bottom:5px}.transaction-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.transaction-row:last-child{border-bottom:0;padding-bottom:0}.transaction-icon{width:35px;height:35px;border-radius:9px;background:var(--surface-soft);color:var(--muted);display:grid;place-items:center;flex-shrink:0}.transaction-icon svg{width:16px}.transaction-row strong{font-size:11px;display:block;font-weight:500}.transaction-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.amount{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:#c9cdca}.amount.positive{color:var(--accent)}.app-footer{font-size:9px;text-align:center;color:#8b9090;margin-top:30px}.mobile-nav{display:none}
/* Draft 05: centered balance and a horizontal desktop navigation. */
.center-layout{--radius:10px}.center-layout .app-shell{display:block;max-width:1200px}.center-layout .app-header{height:85px;padding:0 45px}.center-layout .sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 30px;display:block}.center-layout .sidebar nav{display:flex;justify-content:center;gap:19px}.center-layout .nav-link{border-radius:0;padding:17px 18px;font-size:11px;border-bottom:2px solid transparent;min-height:56px}.center-layout .nav-link.active{background:transparent;border-bottom-color:var(--accent)}.center-layout .notification-dot{margin-left:0}.center-layout .sidebar-bottom{display:none}.center-layout .home-main{max-width:950px;padding-top:38px}.center-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.center-top h1{font-size:23px;font-weight:500;letter-spacing:-.6px}.center-top .xp{width:210px}.center-layout .wallet{border:0;background:transparent;padding:10px 0 37px;text-align:center}.center-layout .wallet .section-head{justify-content:center;margin-bottom:12px}.center-layout .wallet .section-head .icon-button{display:none}.center-layout .wallet .balance{justify-content:center;font-size:62px;letter-spacing:-2.5px}.center-layout .quick-actions{max-width:355px;margin:25px auto 0}.center-layout .quick-actions button{background:transparent}.earning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.center-layout .transactions{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:27px 0 0}.center-layout .transaction-icon{background:var(--surface)}.center-layout .app-footer{margin-top:33px}.center-layout .gamble-tile{display:none}
/* Draft 06: wallet strip, transaction ledger, and an earning rail. */
.split-layout{--radius:9px}.split-layout .app-shell{grid-template-columns:185px 1fr}.split-layout .home-main{padding:36px 38px}.split-layout .page-heading{margin-bottom:25px}.split-layout .page-heading h1{font-size:26px}.split-layout .wallet{display:grid;grid-template-columns:1fr auto;border-radius:10px;padding:21px 26px;margin-bottom:25px;background:transparent}.split-layout .wallet .section-head{grid-column:1;margin-bottom:3px;justify-content:flex-start}.split-layout .wallet .section-head .icon-button{display:none}.split-layout .wallet .balance{font-size:36px;grid-column:1;grid-row:2}.split-layout .quick-actions{grid-column:2;grid-row:1/3;align-self:center;margin:0;gap:10px}.split-layout .quick-actions button{flex:none;min-width:88px;padding:12px;background:transparent}.workspace-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:27px}.ledger-column,.earn-column{display:grid;align-content:start;gap:20px;min-width:0}.split-layout .transactions{background:transparent;border:0;border-radius:0;padding:6px 0 0}.split-layout .transactions .section-head{margin-bottom:15px}.split-layout .transaction-row{padding:20px 0}.split-layout .transaction-row:last-child{padding-bottom:20px;border-bottom:1px solid var(--line)}.split-layout .gamble-tile{padding:20px;min-height:90px;background:var(--surface)}.split-layout .mining{padding:25px}.split-layout .puzzle{padding:25px}.split-layout .puzzle-content{gap:15px}.split-layout .puzzle h3{font-size:17px}
/* Workspace and miniature previews. */
.studio{}.studio-header{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:31px 36px;border-bottom:1px solid var(--line)}.studio-header nav{display:flex;gap:27px;font-size:11px;color:var(--muted)}.studio-header nav [aria-current]{color:var(--ink)}.studio-main{max-width:1200px;margin:auto;padding:56px 36px}.studio-intro{margin-bottom:36px;max-width:660px}.studio-intro h1{font-size:39px;font-weight:550;letter-spacing:-1.4px;margin:12px 0 16px}.studio-intro p{font-size:13px;max-width:530px;line-height:1.8}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.design-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface);transition:transform .2s,border-color .2s}.design-card:hover{transform:translateY(-3px);border-color:#516254}.mini-preview{padding:24px;height:270px;background:#121315;font-family:var(--font)}.mini-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:-.4px;border-bottom:1px solid var(--line);padding-bottom:15px}.mini-header i{width:13px;height:13px;border-radius:50%;background:#3e5043}.mini-home{font-size:13px;margin-top:18px;display:flex;justify-content:space-between;align-items:center}.mini-home span{font-size:7px;color:var(--muted)}.mini-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mini-layout>div{border:1px solid var(--line);border-radius:6px;padding:11px;background:var(--surface)}.mini-layout span{font-size:7px;color:var(--muted);display:block}.mini-wallet strong{font-size:19px;font-weight:550;letter-spacing:-.6px;display:block;margin-top:8px}.mini-wallet>div{display:flex;gap:5px;margin-top:10px}.mini-wallet i{height:10px;border-radius:2px;background:#343d36;flex:1}.mini-mine>div{height:3px;background:#4d6555;margin-top:13px}.mini-mine>i{display:block;width:48px;height:12px;background:var(--accent);opacity:.65;border-radius:2px;margin-top:14px}.mini-puzzle i{display:block;width:30px;height:23px;background:repeating-linear-gradient(90deg,#506656 0,#506656 5px,transparent 5px,transparent 8px);margin-top:10px;opacity:.6}.mini-transactions>i{display:block;height:2px;width:90%;background:var(--line);margin-top:11px}.mini-centered .mini-wallet{grid-column:1/-1;text-align:center;background:transparent;border:0;padding:3px}.mini-centered .mini-wallet strong{font-size:27px;margin-top:3px}.mini-centered .mini-wallet>div{max-width:100px;margin:8px auto 0}.mini-centered .mini-puzzle{grid-column:2;grid-row:2}.mini-centered .mini-transactions{grid-column:1/-1;background:transparent;border:0;padding-top:2px}.mini-centered .mini-mine{grid-column:1;grid-row:2;padding:8px}.mini-centered .mini-mine>i{margin-top:7px;height:8px}.mini-centered .mini-mine>div{margin-top:8px}.mini-split .mini-wallet{grid-column:1/-1;position:relative;background:transparent}.mini-split .mini-wallet>div{position:absolute;right:12px;top:15px;width:65px}.mini-split .mini-transactions{grid-column:1;grid-row:2/4;background:transparent;border:0}.mini-split .mini-mine{grid-column:2;grid-row:2}.mini-split .mini-puzzle{grid-column:2;grid-row:3;padding:7px}.mini-split .mini-puzzle i{display:none}.design-meta{padding:24px}.design-meta h2{font-size:20px;letter-spacing:-.5px;font-weight:550;display:flex;align-items:center;justify-content:space-between;margin:13px 0}.design-meta h2 svg{width:16px;color:var(--accent)}.design-meta p{font-size:11px;line-height:1.8}.design-meta .eyebrow{font-size:9px}.workspace-links{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:30px}.workspace-links>a{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;padding:24px 27px;gap:15px}.workspace-links h2{font-size:19px;margin:10px 0 7px;font-weight:500}.workspace-links p{font-size:11px}.workspace-links>a>svg{color:var(--accent);width:17px}.archive{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;color:var(--muted);font-size:11px}.archive summary{cursor:pointer;font-size:12px}.archive summary>span{margin-left:12px;font-size:10px}.archive p{font-size:11px;margin:15px 0}.archive>a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;max-width:360px;border-bottom:1px solid var(--line)}.archive svg{width:13px}.studio-footer{padding:20px 36px 30px;max-width:1200px;margin:auto;color:var(--muted);font-size:10px}
/* Font samples: controls use studio typography; each sample uses its own font. */
.font-main{max-width:1280px}.font-toolbar{display:flex;align-items:center;gap:30px;padding:22px 0;margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}.font-toolbar label{font-size:11px;display:flex;align-items:center;gap:10px;color:var(--muted)}.font-toolbar input{width:100px;accent-color:var(--accent)}.font-toolbar select{font-size:11px;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.font-selection{margin-left:auto;font-size:10px;display:grid;gap:5px}.font-selection strong{font-weight:500;font-size:12px}.font-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.font-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.font-card.picked{border-color:var(--accent)}.font-info{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#141517;border-bottom:1px solid var(--line);font-family:var(--site-font,'Outfit'),sans-serif}.font-info h2{font-size:15px;margin-bottom:7px}.font-info p{font-size:10px}.font-pick{border:1px solid #3c4140;border-radius:6px;background:transparent;min-width:64px;min-height:36px;font-size:10px;padding:7px 10px}.font-pick[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.font-sample{font-family:var(--font);padding:27px 30px;--scale:1;font-weight:var(--sample-weight,400)}.sample-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.sample-brand{font-size:calc(20px * var(--scale));letter-spacing:-.7px;font-weight:600}.sample-level{font-size:calc(10px * var(--scale));color:var(--muted)}.sample-balance>span{font-size:calc(10px * var(--scale));color:var(--muted)}.sample-balance>strong{display:block;font-size:calc(38px * var(--scale));letter-spacing:-1.2px;font-weight:550;font-variant-numeric:tabular-nums;margin-top:7px}.sample-xp{margin:18px 0 25px;max-width:190px}.sample-xp>span{font-size:calc(9px * var(--scale));color:var(--muted);display:block;margin-bottom:8px}.sample-mine{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.sample-mine h3,.sample-transactions h3{font-size:calc(14px * var(--scale));font-weight:600;letter-spacing:-.3px}.sample-mine p{font-size:calc(11px * var(--scale));margin-top:7px;font-weight:var(--sample-weight,400)}.sample-mine .button{font-size:calc(10px * var(--scale));font-family:var(--font);white-space:nowrap;padding:11px 12px}.sample-transactions{padding-top:21px}.sample-transactions>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:calc(11px * var(--scale));margin-top:17px}.sample-transactions b{font-size:calc(12px * var(--scale));font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.sample-transactions>div:first-of-type b{color:var(--accent)}.font-footnote{margin-top:27px;font-size:11px}.planning-main{max-width:850px;padding:55px 30px;margin:auto}.planning-main h1{font-size:40px;letter-spacing:-1.3px;margin:12px 0 22px;font-weight:550}.planning-main .lead{font-size:17px;color:var(--ink);line-height:1.7}.planning-main section{border-top:1px solid var(--line);padding-top:26px;margin-top:30px}.planning-main h2{font-size:20px;margin-bottom:16px;font-weight:550}.planning-main p,.planning-main li{font-size:13px;line-height:1.9;color:var(--muted);margin:13px 0}.planning-main ul{padding-left:20px}.planning-main li{padding-left:5px}.planning-main b{font-weight:550;color:var(--ink)}.plan-row{display:grid;grid-template-columns:140px 1fr;gap:15px;font-size:12px;line-height:1.7;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.planning-main>.button{margin-top:28px}
/* Interaction surfaces */
dialog{background:var(--surface);color:var(--ink);width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #3b403d;border-radius:14px;padding:24px;font-family:var(--font)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.modal-head h2{font-size:21px;font-weight:550;letter-spacing:-.6px}#modal-body p{margin:12px 0;line-height:1.8}#modal-body .button{margin:7px 0}#modal-body label{font-size:11px;display:block;color:var(--muted);margin:14px 0 7px}#modal-body input{font-size:14px;padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;width:100%}#modal-body h3{font-size:16px;margin:20px 0 10px}.demo-note{font-size:10px!important;color:var(--muted);line-height:1.8;margin-top:18px!important}.rules-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:11px 0;font-size:11px;color:#c9ceca}.odds{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:10px;margin:20px 0;color:var(--muted)}.odds span{border:1px solid var(--line);padding:8px;text-align:center;border-radius:4px}.game-result{font-size:24px;letter-spacing:-.5px;margin-top:17px}.game-result p{font-size:12px}.puzzle-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.puzzle-tile{border:1px solid #3b433e;border-radius:8px;background:var(--surface-soft);color:var(--ink);aspect-ratio:1;font-size:24px}.puzzle-tile.revealed{background:#344239;color:#d9e7dc;border-color:var(--accent)}.puzzle-tile.matched{opacity:.5}.puzzle-tile:disabled{opacity:.65}.puzzle-stats{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);background:#262c28;border:1px solid #445048;padding:13px 18px;border-radius:9px;font-size:11px;line-height:1.6;opacity:0;pointer-events:none;transition:.2s;z-index:30;width:max-content;max-width:90%;box-shadow:0 8px 30px #0006}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1100px){.app-shell{grid-template-columns:170px 1fr}.sidebar{padding:27px 13px}.home-main{padding:33px 28px}.overview-grid,.lower-grid{gap:16px}.card{padding:23px}.wallet .balance{font-size:39px}.quick-actions{gap:6px}.quick-actions button{font-size:10px;gap:6px;padding:10px 8px}.mining-bottom{flex-wrap:wrap}.mining-bottom .button{flex:1}.puzzle-content{gap:16px}.split-layout .app-shell{grid-template-columns:155px 1fr}.split-layout .home-main{padding:30px 26px}.split-layout .quick-actions button{min-width:68px;padding:10px;font-size:10px}.workspace-columns{gap:20px;grid-template-columns:1fr 1fr}.split-layout .card{padding:21px}.split-layout .puzzle-content{display:block}.split-layout .pair-art{margin-bottom:17px}.design-grid{gap:16px}.mini-preview{padding:18px}.design-meta{padding:21px}.mini-wallet strong{font-size:17px}.mini-centered .mini-wallet strong{font-size:26px}.font-toolbar{gap:20px}.font-selection{margin-left:0}.sample-mine{flex-wrap:wrap}.sample-mine .button{margin-left:auto}.font-sample{padding:25px}.center-layout .sidebar nav{gap:6px}.center-layout .nav-link{padding:17px 14px}}
@media(max-width:760px){.draft-switch{padding:0 20px;height:42px}.draft-switch .switch-title{display:none}.app-shell,.split-layout .app-shell{display:block;min-height:0}.app-header,.center-layout .app-header{height:73px;padding:0 22px}.brand{font-size:22px;letter-spacing:-.9px}.header-actions{gap:10px}.profile-button{width:33px;height:33px}.sidebar,.center-layout .sidebar{display:none}.home-main,.split-layout .home-main,.center-layout .home-main{padding:27px 20px 105px;max-width:none}.page-heading{align-items:center;gap:20px;margin-bottom:24px}.page-heading h1{font-size:25px;letter-spacing:-.7px}.xp{width:155px}.xp-label{font-size:10px;gap:8px;margin-bottom:8px}.xp-label>.muted{font-size:8px}.overview-grid,.lower-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.wallet{padding:22px 24px}.wallet .section-head{margin-bottom:13px}.wallet .balance{font-size:43px;gap:6px;letter-spacing:-1.5px}.quick-actions{gap:9px;margin-top:25px}.quick-actions button{font-size:10px;min-height:46px;gap:8px;padding:11px 9px}.card{padding:23px;border-radius:12px}.section-head{margin-bottom:22px}.mining h3{font-size:21px}.session-track{margin-top:25px}.mining-bottom{flex-wrap:nowrap;font-size:10px}.mining-bottom .button{flex:none;padding:12px;font-size:10px}.puzzle-content{gap:20px}.puzzle .section-head{margin-bottom:22px}.puzzle h3{font-size:18px}.puzzle .text-button{margin-top:16px}.gamble-tile{min-height:85px;padding:20px;border-radius:12px}.gamble-tile strong{font-size:14px}.transactions{margin-top:0}.transactions .section-head{margin-bottom:7px}.transaction-row{padding:17px 0;gap:11px}.transaction-row strong{font-size:10px}.amount{font-size:11px}.transaction-icon{width:33px;height:33px}.app-footer{margin-top:25px;font-size:9px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#151618f5;border-top:1px solid var(--line);backdrop-filter:blur(15px);padding:8px 5px calc(8px + env(safe-area-inset-bottom));z-index:10}.mobile-nav .nav-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;gap:6px;font-size:8px;padding:7px 4px;border-radius:8px;min-width:53px;flex:1;max-width:85px}.mobile-nav .nav-link.active{background:transparent;color:var(--ink)}.mobile-nav .nav-link svg{width:20px;height:20px}.mobile-nav .notification-dot{position:absolute;top:5px;left:calc(50% + 10px);height:4px;width:4px;margin:0}.center-top{margin-bottom:20px;gap:20px}.center-top h1{font-size:24px}.center-top .xp{width:155px}.center-layout .wallet{padding:23px 0 33px}.center-layout .wallet .balance{font-size:53px;letter-spacing:-2px;gap:7px}.center-layout .wallet .section-head{margin-bottom:9px}.center-layout .quick-actions{max-width:315px;margin-top:24px}.earning-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:25px}.center-layout .transactions{padding-top:22px}.center-layout .app-footer{margin-top:28px}.split-layout .page-heading{margin-bottom:24px}.split-layout .page-heading h1{font-size:25px}.split-layout .wallet{display:block;padding:22px 23px;margin-bottom:18px}.split-layout .wallet .balance{font-size:38px;margin-top:10px}.split-layout .wallet .section-head{margin:0}.split-layout .quick-actions{display:flex;margin-top:21px;gap:8px}.split-layout .quick-actions button{flex:1;min-width:0;font-size:10px}.workspace-columns{display:flex;flex-direction:column;gap:23px}.earn-column{order:1;gap:16px}.ledger-column{order:2;gap:20px}.split-layout .card{padding:23px}.split-layout .puzzle-content{display:flex;gap:20px}.split-layout .pair-art{margin-bottom:0}.split-layout .transactions{padding:0}.split-layout .transaction-row{padding:18px 0}.split-layout .gamble-tile{background:transparent}.studio-header{padding:24px 22px;gap:15px;flex-wrap:wrap}.studio-header nav{font-size:10px;gap:18px}.studio-header .brand{font-size:21px}.studio-main{padding:38px 22px}.studio-intro{margin-bottom:29px}.studio-intro h1{font-size:31px;letter-spacing:-1.1px;margin:13px 0}.studio-intro p{font-size:12px}.design-grid{grid-template-columns:1fr;gap:23px}.mini-preview{height:274px;padding:25px 29px}.mini-header,.mini-home,.mini-layout{max-width:330px;margin-left:auto;margin-right:auto}.mini-header{font-size:13px}.mini-wallet strong{font-size:22px}.mini-centered .mini-wallet strong{font-size:30px}.design-meta{padding:23px}.design-meta p{font-size:11px;max-width:330px}.workspace-links{grid-template-columns:1fr;gap:16px;margin-top:24px}.workspace-links>a{padding:23px}.workspace-links h2{font-size:18px}.studio-footer{padding:10px 22px 25px}.font-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;padding:20px 0}.font-toolbar label{flex-wrap:wrap;justify-content:flex-start;font-size:10px;gap:8px}.font-toolbar label:first-child{grid-column:1/-1}.font-toolbar input{flex:1;min-width:70px}.font-toolbar label:nth-child(2){grid-column:1/-1;display:flex}.font-selection{grid-column:1;margin:0}.font-toolbar>#font-reset{grid-column:2;justify-self:end}.font-grid{grid-template-columns:1fr;gap:22px}.font-info{padding:21px}.font-info p{font-size:9px;line-height:1.7}.font-info h2{font-size:14px}.font-sample{padding:25px 23px}.sample-brand{font-size:calc(19px * var(--scale))}.sample-balance>strong{font-size:calc(37px * var(--scale))}.sample-mine{flex-wrap:nowrap;gap:8px}.sample-mine .button{font-size:calc(9px * var(--scale));padding:10px 11px}.sample-mine h3,.sample-transactions h3{font-size:calc(13px * var(--scale))}.sample-transactions>div{font-size:calc(10px * var(--scale))}.sample-transactions b{font-size:calc(11px * var(--scale))}.sample-level{font-size:calc(9px * var(--scale))}.font-footnote{font-size:10px;line-height:1.8}.planning-main{padding:40px 22px}.planning-main h1{font-size:32px}.planning-main .lead{font-size:16px}.planning-main p,.planning-main li{font-size:12px}.plan-row{grid-template-columns:1fr;gap:6px}.planning-main h2{font-size:18px}.modal-head h2{font-size:19px}dialog{padding:22px}#toast{bottom:95px}.odds span{font-size:9px;padding:8px 5px}}
@media(max-width:360px){.home-main,.split-layout .home-main,.center-layout .home-main{padding-left:16px;padding-right:16px}.page-heading,.center-top{gap:10px}.xp,.center-top .xp{width:145px}.wallet .balance{font-size:39px}.quick-actions button{font-size:9px;gap:6px;padding:10px 6px}.puzzle-content,.split-layout .puzzle-content{gap:14px}.puzzle p{font-size:10px}.puzzle h3{font-size:17px}.mining-bottom .button{font-size:9px;padding:11px 10px}.transaction-row{gap:8px}.transaction-row strong{font-size:9px}.amount{font-size:10px}.transaction-icon{width:29px;height:29px}.studio-header nav{gap:14px}.studio-header{gap:17px}.font-sample{padding:23px 19px}.font-info{padding:19px}.sample-mine{flex-wrap:wrap}.sample-mine .button{margin-left:0}.sample-header{gap:10px}.sample-brand{font-size:calc(17px * var(--scale))}.sample-transactions>div{font-size:calc(9px * var(--scale))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.amount-input{position:relative;display:flex;align-items:center}.amount-input>span{position:absolute;left:13px;font-size:13px;color:var(--muted);pointer-events:none}#modal-body .amount-input>input{padding-left:39px}.market-preview{display:flex;gap:18px;align-items:center;padding:15px 0}.market-preview strong{font-size:14px}.frame-preview{outline:2px solid #8b9690;outline-offset:4px}.market-preview p{font-size:10px}
/* Main Draft and shared refinements. */
[hidden]{display:none!important}
.new-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:29px;min-height:17px;padding:3px 6px;background:var(--accent);color:var(--accent-ink);border:1px solid #c1d3c477;border-radius:5px;font-size:9px;font-weight:600;line-height:1;letter-spacing:.1px;box-shadow:0 0 0 3px #94b59b12;flex-shrink:0}
.center-layout .new-badge{margin-left:0}
.main-switch>a:last-child svg{transform:none}.main-switch>a:last-child{gap:5px}.main-switch>span{font-size:10px;color:var(--ink)}
.main-draft .priority-tasks{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;align-items:stretch}
.main-draft .priority-tasks>.card{flex:1 1 300px;min-width:0}
.main-draft .priority-tasks.single-task{max-width:430px;margin-left:auto;margin-right:auto}
.main-draft .priority-tasks .card{background:#181a1b;border-color:#343936}
.main-draft [data-task=mining] .pill{color:#c2d9c9}
.main-draft .app-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;font-size:10px}
.main-draft .app-footer button{background:none;border:0;color:var(--muted);font-size:10px;padding:6px;min-height:32px}
.main-draft .app-footer a{padding:6px;min-height:32px;display:flex;align-items:center}
.main-draft .app-footer a:hover,.main-draft .app-footer button:hover{color:var(--ink)}
.main-entry{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #445448;border-radius:12px;padding:27px 30px;margin:0 0 33px;background:#191f1b}
.main-entry h2{font-size:23px;letter-spacing:-.6px;font-weight:550;margin:10px 0 8px}
.main-entry p{font-size:11px}.main-entry-link{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--accent);white-space:nowrap}.main-entry-link svg{width:17px}
.main-entry:hover{border-color:var(--accent)}
@media(max-width:1100px){.nav-link{gap:9px}.new-badge{font-size:8px;min-width:26px;padding:3px 4px}.center-layout .sidebar nav{gap:3px}.center-layout .nav-link{padding-left:12px;padding-right:12px}}
@media(max-width:760px){.mobile-nav .new-badge{position:absolute;top:0;left:calc(50% + 5px);font-size:7px;min-width:23px;min-height:14px;padding:2px 4px;border-radius:4px;margin:0;box-shadow:0 0 0 2px #151618}.mobile-nav .nav-link{padding-top:9px}.mobile-nav .nav-link svg{margin-top:2px}.main-draft .priority-tasks{gap:16px;margin-bottom:25px}.main-draft .priority-tasks>.card{flex-basis:100%}.main-draft .priority-tasks.single-task{max-width:none}.main-entry{padding:24px;display:block;margin-bottom:25px}.main-entry h2{font-size:22px}.main-entry-link{margin-top:21px;font-size:11px}.main-switch{padding-left:20px;padding-right:20px}.main-switch>span{font-size:10px}.main-draft .home-main{padding-top:25px}}
.nav-icon-wrap{position:static;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}
@media(max-width:760px){.mobile-nav .nav-icon-wrap{width:20px;height:29px;align-items:flex-start}.mobile-nav .nav-icon-wrap svg{margin:0}.mobile-nav .nav-link{padding-top:8px;gap:3px;min-height:60px}.mobile-nav .nav-link>svg{height:20px;margin-bottom:9px}}
/* New-content indicators sit below the navigation label on every draft. */
.nav-label{position:relative;display:inline-block}.sidebar .nav-link{overflow:visible}.nav-icon-wrap{height:20px}
@media(max-width:760px){.mobile-nav .nav-link{padding-top:7px;padding-bottom:13px;gap:4px;min-height:64px}.mobile-nav .nav-link>svg{height:20px;margin-bottom:0}.mobile-nav .nav-icon-wrap{height:20px;align-items:center}.mobile-nav .nav-label{line-height:13px}}
.odds>span{transition:color .15s,transform .15s}.odds>span.rolling{color:var(--accent);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.odds>span{transition:none}}
/* Anchor the indicator to the whole navigation button, inset from its edges. */
.nav-icon-wrap{position:static;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}
@media(max-width:760px){.mobile-nav .nav-icon-wrap{height:20px;align-items:center}}

/* Keep attention at the corner of the whole navigation button. */
.nav-link{position:relative}

/* One shared attention position for every route and draft. */
.nav-link{position:relative}.nav-link .new-dot{display:block;position:absolute;top:8px;right:8px;left:auto;bottom:auto;transform:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg);pointer-events:none}.nav-link .new-dot[hidden],.nav-link [data-new-label][hidden]{display:none!important}

.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand .beta-tag{color:var(--accent);border:1px solid currentColor;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:500;line-height:1.3;letter-spacing:.2px}