:root{color-scheme:dark;--bg:#101a37;--wall:#14213e;--accent:#9af6a3;--acid:#dcff75;--cream:#f4f2e9;--ink:#1a243b;--muted:#8c9bb3;--border:rgba(230,242,255,.24);--pixel:'Courier New',Courier,monospace;--sans:Inter,Arial,Helvetica,sans-serif;--shadow:0 20px 65px rgba(5,11,25,.55)}
*{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);font-size:14px;background:var(--bg);color:#f6f8f1}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #5ddf93;outline-offset:2px}.hidden{display:none!important}.mono,.micro,.tiny,.kicker,.system-header,.taskbar,.win-titlebar,.badge,.pill,.terminal,.status-row{font-family:var(--pixel)}.micro{font-size:10px;letter-spacing:.08em}.tiny{font-size:11px}.muted{color:#858f9d}.muted-light{color:#a2afc3}.dot{width:7px;height:7px;background:#7ceda1;border-radius:50%;display:inline-block}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{to{opacity:0}}@keyframes pulse{50%{opacity:.55}}@keyframes bootload{to{width:100%}}@keyframes float{50%{transform:translateY(-7px)}}
.boot{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;background:#101a37;color:#e8f6dd;font:11px var(--pixel);letter-spacing:2px;transition:opacity .4s}.boot-brand{font:900 clamp(54px,10vw,104px) var(--sans);letter-spacing:-.12em;margin-right:16px}.boot-brand span:first-child{color:var(--accent)}.boot p{margin:20px 0}.boot small{position:absolute;bottom:35px;font-size:9px;color:#76859d}.boot-meter{height:8px;width:280px;border:1px solid #c0d8c5;padding:1px}.boot-meter i{display:block;background:var(--accent);width:0;height:100%;animation:bootload 2.6s steps(26,end) forwards}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;min-width:320px}
.system-header{height:62px;background:#111b36;flex:none;border-bottom:1px solid #3a4864;display:flex;justify-content:space-between;align-items:center;padding:0 25px;z-index:100;gap:14px}.header-brand,.header-right{display:flex;align-items:center;gap:15px}.logo-square{height:32px;width:32px;background:#a4f1a4;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#16253a;font:900 21px var(--sans);letter-spacing:-4px;padding-right:4px}.logo-square span{color:#548b70;font-size:10px;align-self:center;margin-top:-9px}.header-wordmark{font:900 22px var(--sans);letter-spacing:-1.4px}.header-wordmark span{color:var(--accent)}.header-divider{height:21px;width:1px;background:#455271}.head-desc{color:#8a9cbb;font-size:9px}.header-right{gap:21px}.network-tag{font-size:10px;color:#acd3bd;padding:7px 9px;border:1px solid #3c665e;background:#172e36;white-space:nowrap}.network-tag i,.tray-sync i{display:inline-block;width:6px;height:6px;background:#7ae3a4;border-radius:100%;margin-right:6px;box-shadow:0 0 10px #6fe2ac}.header-counter{color:#c4cfdf;font-size:10px;white-space:nowrap}.header-link{color:#b7c0d3;background:none;border:0;font-size:10px;white-space:nowrap}.header-wallet{background:var(--accent);border:1px solid #b9ffb3;color:#13233a;padding:10px 14px;font-weight:bold;font-size:10px;white-space:nowrap;transition:transform .2s}.header-wallet:hover{transform:translateY(-2px)}.header-wallet span{margin-left:14px}
.desktop{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#243f57 0%,#162742 43%,#14213d 76%,#111c34 100%)}.grid-wallpaper{position:absolute;inset:0;opacity:.26;background-size:42px 42px;background-image:linear-gradient(to right,#86bcbe21 1px,transparent 1px),linear-gradient(to bottom,#86bcbe21 1px,transparent 1px)}.noise{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(#fff1 1px,transparent 1px);background-size:5px 5px}.wallpaper-orbit{position:absolute;pointer-events:none;border:1px solid #6c9b9827;border-radius:50%;width:60vw;height:60vw;right:-5%;top:-38%;min-width:640px;min-height:640px}.orbit-2{width:43vw;height:43vw;right:5%;top:-20%;border-style:dashed;opacity:.7;min-width:450px;min-height:450px}.wallpaper-copy{position:absolute;pointer-events:none;z-index:1;right:8%;bottom:12%;width:min(480px,43vw);text-align:right}.wallpaper-index{font:11px var(--pixel);letter-spacing:.12em;color:#8da2ab;margin-bottom:11px}.wallpaper-head{font:900 clamp(30px,4.2vw,75px)/.93 var(--sans);letter-spacing:-.09em;color:rgba(206,241,223,.22);text-transform:uppercase;overflow-wrap:anywhere}.wallpaper-sub{font:10px var(--pixel);letter-spacing:.22em;color:#799a95;margin-top:13px}.desktop-icons{position:absolute;z-index:3;top:32px;left:20px;display:grid;grid-template-columns:repeat(2,78px);gap:19px 9px;align-content:start;max-height:calc(100% - 60px);overflow:auto;scrollbar-width:none}.desktop-icon{padding:4px 1px;width:78px;min-height:83px;border:1px solid transparent;background:none;color:#eef7ef;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center}.desktop-icon:hover,.desktop-icon:focus{background:#a1efd318;border-color:#8cddbe88}.desktop-icon .icon-shell{width:42px;height:42px;display:grid;place-items:center;background:#e5ede2;color:#10253a;box-shadow:3px 3px 0 #091631;border:2px solid #0b1b34;transform:rotate(-2deg)}.desktop-icon .icon-shell>span{font:800 20px var(--pixel);line-height:1}.desktop-icon:nth-child(3n) .icon-shell{background:#b1eabc}.desktop-icon:nth-child(4n) .icon-shell{background:#ffddb1}.desktop-icon:nth-child(5n) .icon-shell{background:#d6bdff}.desktop-icon .icon-label{font:9px/1.3 var(--pixel);text-shadow:0 1px 2px #07121b;background:#152847aa;padding:3px 5px;max-width:79px;overflow-wrap:anywhere}.desktop-coordinates{position:absolute;bottom:22px;left:30px;color:#7d9e9b;font:9px var(--pixel);letter-spacing:2px;opacity:.75}.notes-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.sticky-note{position:absolute;width:152px;min-height:100px;padding:12px 13px 20px;background:#fff4ae;color:#334038;box-shadow:6px 9px 0 #080e1655;transform:rotate(-4deg);font:12px/1.4 var(--pixel);animation:float 7s ease-in-out infinite;overflow-wrap:anywhere}.sticky-note:nth-child(2n){transform:rotate(4deg);background:#ffc5df;animation-delay:-3s}.sticky-note:nth-child(3n){transform:rotate(-2deg);background:#c8f3cc;animation-delay:-2s}.sticky-note footer{position:absolute;bottom:5px;right:8px;font-size:9px;opacity:.65}.system-sidebar{position:absolute;right:24px;top:26px;z-index:4;width:255px;border:1px solid #53677b;background:#0c1730dc;backdrop-filter:blur(15px);padding:15px;box-shadow:10px 12px 0 #080e1e22}.panel-label{display:flex;align-items:center;justify-content:space-between;font:10px var(--pixel);letter-spacing:1.4px;color:#a7b7b9}.panel-label strong{color:#a7f8b7}.status-flex{display:flex;justify-content:space-between;align-items:center;margin:17px 0 13px}.status-flex h3{font:900 21px var(--sans);letter-spacing:-1px;margin:0}.status-flex small{display:block;color:#90adba;font:10px var(--pixel);margin-bottom:6px}.timer{font:18px var(--pixel);font-weight:bold;color:#ddfbc3}.leader-row{display:flex;justify-content:space-between;gap:9px;align-items:center;margin:13px 0 8px;font:10px var(--pixel)}.leader-row strong{font-size:11px}.progress-track{height:5px;background:#34475a;overflow:hidden}.progress-track .fill{height:100%;transition:width .7s}.sidebar-divider{height:1px;background:#345064;margin:17px 0}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between}.sidebar-bottom .score-big{font:bold 20px var(--pixel);color:var(--accent)}.sidebar-bottom small{font:9px var(--pixel);color:#99afbc;display:block;margin-bottom:3px}.sidebar-btn{width:100%;margin-top:16px;padding:11px;background:#a2f8ad;color:#0e2434;border:0;font:bold 10px var(--pixel);letter-spacing:.5px}.sidebar-btn:hover{background:#d6ff9e}
.taskbar{height:52px;flex:none;z-index:90;background:#e8ede5;color:#14253b;display:flex;gap:0;border-top:3px solid #afc4b7;box-shadow:0 -5px 20px #060c1622}.start-button{width:125px;min-width:112px;border:0;border-right:2px solid #9eab9c;background:#c2f2ac;color:#153433;font:bold 12px var(--pixel);display:flex;align-items:center;gap:9px;padding:0 12px}.start-icon{font:900 20px var(--sans);background:#183934;color:#a2f5a5;padding:3px 6px}.start-caret{font-size:12px;margin-left:auto}.task-separator{width:3px;background:#a3b0a7;border-right:1px solid white;margin:8px 5px}.task-buttons{display:flex;align-items:center;gap:5px;overflow-x:auto;flex:1;padding:6px 4px;scrollbar-width:none}.task-button{flex:none;max-width:185px;min-width:92px;padding:9px 11px;background:#d5ddd5;color:#293d44;border:1px solid #aab7aa;box-shadow:1px 1px white;font:10px var(--pixel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.task-button.active{background:#172640;color:#bdf7b9;border-color:#172640;box-shadow:inset 1px 1px #010b1c}.tray{height:100%;display:flex;align-items:center;gap:16px;padding:0 17px;border-left:2px solid #b5c5b8;font:10px var(--pixel)}.tray-sync{white-space:nowrap;color:#497e65}.tray-settings{border:0;background:transparent;color:#344e55;font-size:17px}.tray-clock{font-size:12px;white-space:nowrap}.start-menu{position:fixed;bottom:52px;left:0;width:330px;max-width:100vw;max-height:80vh;overflow-y:auto;background:#e9f0e6;color:#1e2a39;border:2px solid #152b3b;box-shadow:8px -8px 0 #05142655;z-index:98}.start-top{background:#14243c;color:#b8f7a4;padding:19px;font:bold 26px var(--sans);letter-spacing:-1px}.start-top small{display:block;font:9px var(--pixel);letter-spacing:2px;color:#a1b3c1;margin-top:3px}.start-item{width:100%;display:flex;gap:12px;align-items:center;border:0;border-bottom:1px solid #cad2c7;text-align:left;padding:11px 16px;background:transparent;color:#253443;font:bold 12px var(--pixel)}.start-item:hover{background:#cbffbd}.start-item b{background:#1b3145;color:#b5ffc0;min-width:32px;height:32px;display:grid;place-items:center}.start-item small{display:block;font:9px var(--pixel);margin-top:3px;color:#667582;font-weight:normal}
.windows-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.window{position:absolute;background:var(--cream);color:var(--ink);border:2px solid #1c2b42;box-shadow:6px 6px 0 #07122b, var(--shadow);display:flex;flex-direction:column;min-width:320px;min-height:180px;max-width:calc(100vw - 16px);max-height:calc(100% - 13px);pointer-events:auto;overflow:hidden}.window.maximized{left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.win-titlebar{height:38px;min-height:38px;background:#182941;color:#f0f9e9;display:flex;align-items:center;justify-content:space-between;padding-left:11px;user-select:none;touch-action:none;cursor:grab}.window:not(.focused) .win-titlebar{background:#48566a}.win-name{font-size:10px;font-weight:bold;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-symbol{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:8px;background:var(--accent);color:#182e35;font-weight:bold}.window-actions{display:flex;align-items:center;height:100%;gap:4px;padding-right:5px}.window-actions button{height:26px;width:29px;border:1px solid #8e9dab;background:#dae2d7;color:#102239;font:bold 13px var(--pixel)}.window-actions button:hover{background:#a6fab0}.window-actions button:last-child:hover{background:#ff838c}.window-body{flex:1;overflow:auto;min-height:0;scrollbar-color:#9caba3 #e3e6df;scrollbar-width:thin}.window-status{height:24px;min-height:24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #adbab0;background:#e3e8e0;padding:0 9px;color:#68766e;font:9px var(--pixel)}.window.maximized .resize-grip{display:none}.resize-grip{position:absolute;bottom:0;right:0;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 60%,#98a59a 60%,#98a59a 68%,transparent 69%,transparent 78%,#98a59a 79%);touch-action:none}.win-pad{padding:23px}.win-toolbar{background:#e4e8df;border-bottom:1px solid #b5c4b8;padding:10px 16px;display:flex;align-items:center;gap:12px;font:10px var(--pixel)}.win-toolbar .right{margin-left:auto}.win-toolbar button{border:1px solid #8c9991;background:white;padding:5px 8px;color:#192b39;font:10px var(--pixel)}.win-toolbar button:hover{background:#b7f9bb}.kicker{color:#5b7868;letter-spacing:1.5px;font-size:10px;font-weight:bold}.hero-title{font:900 clamp(30px,3.6vw,51px)/.98 var(--sans);letter-spacing:-.07em;margin:11px 0 11px;max-width:700px}.hero-title em{font-style:normal;color:#408e6b}.intro-copy{max-width:610px;font:13px/1.65 var(--sans);color:#5d6d70}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 12px;border-bottom:1px solid #bcc9bd;padding-bottom:10px}.section-line h3{margin:0;font:bold 11px var(--pixel);letter-spacing:1px}.small-tag{font:9px var(--pixel);color:#667a71}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.primary-btn,.secondary-btn,.danger-btn{padding:12px 14px;font:bold 11px var(--pixel);border:1px solid #243949;transition:transform .1s}.primary-btn{background:#172940;color:#d6ffd5}.primary-btn:hover{background:#2c6054;transform:translateY(-1px)}.secondary-btn{background:#eaf2e8;color:#18373c}.secondary-btn:hover{background:#d1ffc3}.danger-btn{background:#f9d9d6;color:#9a3430}.mini-button{border:1px solid #6a867c;background:#f9fff2;color:#203c3a;font:bold 9px var(--pixel);padding:7px 10px;white-space:nowrap}.mini-button:hover{background:#c7f5ba}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat-card{border:1px solid #b8c8bd;background:#e8ece5;padding:13px}.stat-card b{display:block;font:800 24px var(--sans);letter-spacing:-1px}.stat-card small{display:block;font:9px var(--pixel);color:#718177;margin-top:5px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-card{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid #b8c8bd;background:#f8f9f3;padding:14px;min-height:97px;color:#253540}.feature-card:hover{border-color:#43775c;background:#e5ffe1}.feature-icon{display:grid;place-items:center;flex:none;background:#172940;color:#acffbc;width:36px;height:36px;font:bold 17px var(--pixel)}.feature-card b{display:block;font:700 11px var(--pixel);margin-bottom:5px}.feature-card small{font:11px/1.45 var(--sans);color:#627373}.alert-box{padding:14px 16px;border:1px dashed #8eaa9d;background:#deebdb;color:#325244;font:11px/1.6 var(--pixel)}.alert-box.warn{background:#fbefd5;border-color:#c4ae83;color:#75533f}.section-muted{color:#738477;font:11px/1.6 var(--sans)}
.faction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faction-card{border:1px solid #bbc7bb;padding:14px;background:white;position:relative;overflow:hidden}.faction-card.selected{border:2px solid #1c4e40;padding:13px;background:#ecfff0}.faction-card .faction-top{display:flex;align-items:center;gap:10px;margin-bottom:13px}.faction-glyph{height:43px;width:43px;flex:none;display:grid;place-items:center;background:var(--coin);color:#152538;border:2px solid #223744;box-shadow:3px 3px 0 #a4aaa5;font:900 24px var(--sans);transform:rotate(-4deg)}.faction-top b{display:block;font:bold 13px var(--pixel);overflow-wrap:anywhere}.faction-top small{font:10px var(--pixel);color:#84918b;display:block;margin-top:5px}.faction-score{font:bold 29px var(--sans);letter-spacing:-1px}.faction-score span{font:10px var(--pixel);color:#738276;letter-spacing:0}.faction-card .mini-button{margin-top:12px;width:100%}.fight-header{padding:16px 22px;background:#1b3045;color:#fff;display:flex;gap:15px;align-items:center;justify-content:space-between}.fight-header strong{font:900 27px var(--sans);letter-spacing:-1px}.fight-header small{display:block;font:10px var(--pixel);color:#9db2b5}.fight-clock{font:bold 27px var(--pixel);color:#bbffc3}.fight-actions{display:flex;align-items:center;gap:12px;background:#e6f5e2;border-top:1px solid #b0cabc;padding:13px 17px}.fight-actions strong{font:10px var(--pixel);flex:1}.attack-btn{font:bold 13px var(--pixel);border:2px solid #14283a;background:#c7ff9b;color:#1b3832;padding:14px 22px;box-shadow:3px 3px 0 #152d3a}.attack-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #152d3a}.attack-btn:disabled{box-shadow:none}.war-stream{margin-top:15px;border:1px solid #bfccc3;background:white}.event-entry{display:flex;align-items:flex-start;gap:10px;padding:11px;border-bottom:1px solid #e2e9df;font:11px/1.4 var(--pixel)}.event-entry:last-child{border-bottom:0}.event-time{font:9px var(--pixel);color:#9ba8a1;white-space:nowrap}.event-symbol{color:#5b9774}.event-text{flex:1;color:#3c504a}.share-line{font:11px var(--pixel);margin-top:7px;word-break:break-all}
.pixel-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;padding:8px;background:#1a2941;aspect-ratio:1/1;max-width:460px;margin:0 auto;border:7px solid #2a3d49;box-shadow:5px 5px 0 #bac9bc}.pixel{width:100%;aspect-ratio:1/1;border:0;background:#516276;transition:transform .06s;position:relative;padding:0}.pixel:hover{z-index:2;transform:scale(1.2);outline:2px solid white}.pixel[data-own="true"]{box-shadow:inset 0 0 0 1px #fff7}.paint-layout{display:grid;grid-template-columns:minmax(260px,1fr) 185px;gap:18px;align-items:start}.paint-legend .legend-item{display:flex;align-items:center;gap:8px;margin-bottom:11px;font:10px var(--pixel)}.legend-dot{width:14px;height:14px;flex:none;border:1px solid #223}.paint-help{border:1px solid #b9cbbc;background:#e6eee3;padding:13px;font:11px/1.7 var(--sans)}
.console-shell{min-height:100%;background:#0c1728;color:#adddb7;padding:19px;display:flex;flex-direction:column;font:12px/1.8 var(--pixel)}.terminal-history{white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.terminal-history .cmdline{color:#d7f4e1}.terminal-history .response{color:#6cbc92}.terminal-input-row{display:flex;gap:9px;align-items:center;padding-top:15px;border-top:1px solid #213b3f}.terminal-input-row span{color:#a8ffad}.terminal-input-row input{background:transparent;border:0;outline:none;color:#dcffe3;flex:1;font:12px var(--pixel);min-width:0}.terminal-input-row input:focus-visible{outline:none}
.form-field{display:block;font:bold 10px var(--pixel);color:#43574d;margin:15px 0 6px}.text-field{display:block;width:100%;border:1px solid #9cad9f;background:#fff;color:#1a2b36;padding:12px 13px;font:12px var(--pixel);outline:none;min-width:0}.text-field:focus{border-color:#1e7444;box-shadow:0 0 0 2px #bbefb9}.fieldset-row{display:flex;gap:8px;align-items:stretch}.fieldset-row .text-field{flex:1}.fieldset-row button{white-space:nowrap}.token-result{margin-top:18px;padding:14px;border:1px solid #aec2ae;background:#eef7eb}.token-result .token-name{font:bold 16px var(--pixel)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.metric{background:#e5ebe4;border:1px solid #bbc8bc;padding:12px}.metric small{font:9px var(--pixel);display:block;color:#748079;margin-bottom:7px}.metric strong{font:15px var(--pixel)}
.chat-wrap{height:100%;display:flex;flex-direction:column;background:#f1f3ea}.chat-messages{flex:1;overflow-y:auto;padding:18px}.chat-line{padding:10px;border-bottom:1px solid #d5dfd0;font:12px/1.55 var(--pixel);word-break:break-word}.chat-line b{color:#436a5a}.chat-line span{color:#85978b;margin-right:9px;font-size:10px}.chat-send{padding:11px;background:#e1e9de;display:flex;gap:7px;border-top:1px solid #b5c6ba}.chat-send input{flex:1;min-width:0}.chat-send button{white-space:nowrap}.note-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.note-card{background:#fff0a8;border:1px solid #c8b96e;box-shadow:3px 3px #bec3a8;min-height:104px;padding:15px;font:12px/1.5 var(--pixel);overflow-wrap:anywhere}.note-card:nth-child(2n){background:#ffd3df;border-color:#d3a1b3}.note-card small{display:block;margin-top:10px;color:#6d746d;font-size:10px}.archive-item{border:1px solid #bfcbbf;margin-top:10px;padding:13px;display:flex;justify-content:space-between;gap:9px;align-items:center;background:#fff}.archive-item b{font:12px var(--pixel)}.archive-item small{display:block;margin-top:6px;font:10px var(--pixel);color:#819086}.ticker-row{padding:12px;border-bottom:1px solid #d0dcd0;display:flex;align-items:center;gap:12px}.ticker-row strong{font:12px var(--pixel)}.ticker-row small{font:10px var(--pixel);display:block;margin-top:6px;color:#819287}.ticker-number{font:bold 12px var(--pixel);margin-left:auto;white-space:nowrap}.chip{font:9px var(--pixel);background:#daece0;padding:5px 8px;color:#395e4a;border:1px solid #b9d7c0;white-space:nowrap}.wallet-pill{word-break:break-all;padding:13px;border:1px solid #bdcbbf;background:white;font:12px/1.7 var(--pixel)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #c3d0c4}.setting-row b{font:12px var(--pixel)}.setting-row small{display:block;font:11px var(--sans);color:#778b7c;margin-top:6px}.switch-button{padding:9px 14px;border:1px solid #37504c;background:#e4ece0;color:#294e43;font:bold 10px var(--pixel);white-space:nowrap}.switch-button.on{background:#244a3c;color:#aeffb2}.empty-state{text-align:center;padding:28px 18px;border:1px dashed #abbdb0;background:#f4f8f1}.empty-state b{display:block;font:bold 13px var(--pixel);margin-bottom:8px}.empty-state p{font:12px/1.6 var(--sans);color:#66766e}.system-footer-note{margin-top:22px;font:9px/1.6 var(--pixel);color:#718575}.toast-area{position:absolute;right:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{max-width:340px;padding:13px 16px;background:#d5ffbc;color:#182b3c;border:2px solid #1e4e3b;box-shadow:5px 5px 0 #09182b;font:bold 11px/1.4 var(--pixel);animation:toastEnter .2s}.toast.error{background:#ffdddd;border-color:#ac5757}@keyframes toastEnter{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.terminal-hint{margin-top:12px;font:10px var(--pixel);color:#9fbcad}
.crt .desktop:after{position:absolute;inset:0;content:'';pointer-events:none;z-index:50;opacity:.13;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#000 4px,#000 5px)}
@media(max-width:1100px){.head-desc{display:none}.system-sidebar{right:15px;top:16px;width:220px}.desktop-icons{grid-template-columns:1fr;gap:8px;top:18px}.wallpaper-copy{bottom:10%;right:10%;width:50vw}.header-right{gap:10px}.header-counter{display:none}}
@media(max-width:720px){.system-header{height:53px;padding:0 12px}.header-wordmark{font-size:19px}.logo-square{height:29px;width:29px}.header-divider,.header-link,.network-tag{display:none}.header-wallet{padding:9px;font-size:9px}.header-wallet span{display:none}.desktop-icons{top:13px;left:8px;grid-template-columns:repeat(2,64px);gap:5px;max-height:calc(100% - 145px)}.desktop-icon{width:64px;min-height:75px}.desktop-icon .icon-shell{height:36px;width:36px}.desktop-icon .icon-label{font-size:8px;padding:3px}.system-sidebar{width:calc(100% - 145px);max-width:270px;top:12px;right:8px;padding:11px}.status-flex{margin:9px 0}.status-flex h3{font-size:17px}.timer{font-size:14px}.sidebar-btn{margin-top:9px;padding:9px}.sidebar-divider{margin:9px 0}.sidebar-bottom .score-big{font-size:14px}.leader-row{margin:6px 0 5px}.wallpaper-copy{right:8px;bottom:14%;width:65%;}.wallpaper-head{font-size:32px}.desktop-coordinates{display:none}.taskbar{height:49px}.start-button{width:83px;min-width:83px;padding:0 5px;font-size:10px;gap:5px}.start-icon{font-size:17px}.start-caret{display:none}.tray{gap:4px;padding:0 6px}.tray-sync,.tray-settings{display:none}.tray-clock{font-size:10px}.task-button{min-width:55px;max-width:95px;font-size:9px;padding:9px 6px}.start-menu{bottom:49px}.window{min-width:0;max-width:100%;max-height:100%;left:0!important;top:0!important;width:100%!important;height:100%!important;box-shadow:none;border-width:1px}.windows-layer{inset:0}.win-pad{padding:15px}.hero-title{font-size:34px}.feature-grid,.faction-grid{grid-template-columns:1fr}.paint-layout{grid-template-columns:1fr}.paint-legend{display:flex;flex-wrap:wrap;gap:7px}.paint-legend .legend-item{margin:0}.stats-grid{gap:5px}.stat-card{padding:9px}.stat-card b{font-size:17px}.stat-card small{font-size:8px}.fight-header{padding:11px}.fight-header strong{font-size:20px}.fight-clock{font-size:18px}.note-list{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr}.sticky-note{width:95px;min-height:70px;padding:7px;font-size:9px}.toast-area{bottom:10px;right:10px;left:10px}.toast{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important;scroll-behavior:auto!important}}

.pixel-grid{width:min(100%,460px)}.viral-badge{position:absolute;background:#1a223b;color:var(--coin);border:2px solid var(--coin);font:9px/1.45 var(--pixel);padding:10px 11px;box-shadow:5px 5px 0 #07101b99;transform:rotate(3deg);max-width:200px;animation:float 3.3s ease-in-out infinite}.viral-badge b{display:block;font-size:15px;margin-top:4px}.viral-badge small{font-size:8px;color:#a0b1c4;display:block;margin-top:5px}
@media(max-width:720px){.viral-badge{max-width:125px;padding:5px;font-size:7px}.viral-badge b{font-size:10px}}

:root{--leader:#9af6a3}.header-wallet{background:var(--leader);border-color:#b9ffb3}
.announcement-ticker{max-width:300px;overflow:hidden;white-space:nowrap;color:var(--leader);border-right:1px solid #3a4864;padding-right:14px}
.announcement-ticker .ticker-track{display:inline-block;padding-left:100%;animation:ticker-scroll 22s linear infinite}
.announcement-ticker:hover .ticker-track{animation-play-state:paused}
.reduced-motion .announcement-ticker .ticker-track{animation:none;padding-left:0}
@media(prefers-reduced-motion:reduce){.announcement-ticker .ticker-track{animation:none;padding-left:0}}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(max-width:1100px){.announcement-ticker{display:none;max-width:150px}}
body.reduced-motion .viral-badge{animation:none}
body.reduced-motion *{animation-duration:.001s!important;transition-duration:.001s!important}
.faction-card .mini-button.active,.mini-button.active{background:#cbffbd;border-color:#1c4e40}

/* ---- accessibility & shell additions ---- */
.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--accent);color:#13233a;padding:10px 16px;font:bold 12px var(--pixel);border-radius:6px;transition:top .15s}
.skip-link:focus{top:12px}
.connection-banner{position:fixed;left:0;right:0;top:0;z-index:120;background:#3a2a1a;color:#ffd8a0;border-bottom:1px solid #7a5a2a;padding:8px 14px;font:11px var(--pixel);text-align:center}
.connection-banner.offline{background:#3a1a1a;color:#ffb0b0;border-color:#7a2a2a}
.tray-bell{position:relative}
.notif-badge{position:absolute;top:-4px;right:-4px;background:#ff838c;color:#1a1010;border-radius:9px;font:bold 9px var(--pixel);padding:1px 5px;min-width:14px;text-align:center}
.notification-center{position:absolute;right:14px;top:14px;width:min(340px,calc(100vw - 28px));max-height:70%;overflow:auto;background:var(--cream);color:var(--ink);border:2px solid #1c2b42;box-shadow:6px 6px 0 #07122b,var(--shadow);z-index:110;padding:12px}
.notification-center h4{margin:0 0 10px;font:bold 12px var(--pixel)}
.notif-item{border:1px solid #c3d0c4;background:#fff;padding:9px 11px;margin-bottom:8px;font:11px/1.5 var(--sans)}
.notif-item small{display:block;color:#7b8a7e;font:9px var(--pixel);margin-top:4px}
.notif-empty{color:#778b7c;font:11px var(--sans)}
.context-menu{position:absolute;z-index:115;min-width:190px;background:var(--cream);color:var(--ink);border:2px solid #1c2b42;box-shadow:4px 4px 0 #07122b;padding:5px}
.context-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;font:11px var(--pixel);color:inherit;cursor:pointer}
.context-menu button:hover,.context-menu button:focus{background:#cbffbd;outline:none}
.context-menu .sep{height:1px;background:#c3d0c4;margin:5px 2px}
.icon-shell svg{width:24px;height:24px;display:block}
.win-symbol svg{width:13px;height:13px;display:block}
.start-search{display:flex;gap:6px;padding:10px;border-bottom:1px solid #cad2c7;background:#dfe7db}
.start-search input{flex:1;border:1px solid #9cad9f;background:#fff;padding:8px 10px;font:11px var(--pixel);color:#1a2b36;min-width:0}
.start-empty{padding:16px;font:11px var(--pixel);color:#6b7a6f}
.skeleton{background:linear-gradient(90deg,#e6ebe4 25%,#f4f6f2 37%,#e6ebe4 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:4px;height:14px;margin:8px 0}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.loading-row{font:11px var(--pixel);color:#7b8a7e;padding:12px 0}

/* ---- mobile app-switching shell ---- */
.mobile-shell{position:absolute;inset:0;z-index:60;display:none;flex-direction:column;background:radial-gradient(ellipse at 65% 40%,#243f57 0%,#162742 43%,#14213d 76%,#111c34 100%)}
body.mobile .mobile-shell{display:flex}
body.mobile .taskbar,body.mobile .desktop-icons,body.mobile .system-sidebar,body.mobile .wallpaper-copy,body.mobile .desktop-coordinates{display:none!important}
body.mobile .system-header{height:52px}
.mobile-status{padding:14px 16px;color:#dfe7e0;font:11px var(--pixel);display:flex;justify-content:space-between;align-items:center;gap:10px}
.mobile-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px 12px 20px;align-content:start}
.mobile-app{background:none;border:0;color:#eef7ef;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 2px;font:9px var(--pixel)}
.mobile-app .icon-shell{width:46px;height:46px;display:grid;place-items:center;background:#e5ede2;color:#10253a;border:2px solid #0b1b34;box-shadow:3px 3px 0 #091631}
.mobile-app .icon-shell svg{width:26px;height:26px}
.mobile-dock{display:flex;gap:6px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#111b36;border-top:1px solid #3a4864}
.mobile-dock button{flex:1;background:#1c2b42;border:1px solid #3a4864;color:#dfe7e0;font:10px var(--pixel);padding:11px 6px;border-radius:8px}
.mobile-dock button.active{background:var(--leader);color:#13233a;border-color:#b9ffb3}
.mobile-task-list{display:flex;flex-direction:column;gap:8px;padding:6px 12px}
.mobile-task{display:flex;align-items:center;gap:10px;background:#e5ede2;color:#10253a;border:2px solid #0b1b34;box-shadow:3px 3px 0 #091631;padding:12px;font:bold 11px var(--pixel);text-align:left}
@media(max-width:720px){.windows-layer{display:none}body.mobile .windows-layer{display:none}}

/* ---- cosmetics (data-defined styling only) ---- */
:root{--cos-accent:#9af6a3;--cos-bg:transparent;--term-bg:#0c1728;--term-fg:#adddb7;--term-accent:#a8ffad}
.desktop.cos-wallpaper{background:var(--cos-bg)!important}
.console-shell.terminal{background:var(--term-bg);color:var(--term-fg)}
.terminal-history .cmdline{color:var(--term-accent)}
.terminal-input-row span{color:var(--term-accent)}
.cos-sticker{position:absolute;right:26px;bottom:86px;z-index:4;font-size:46px;line-height:1;pointer-events:none;filter:drop-shadow(2px 2px 0 #0008)}
@media(max-width:720px){.cos-sticker{display:none}}



/* ===== Pixel OS theme =====
   Chunky bevels, hard shadows and crisp 16x16 sprites. Appended last so it
   wins over the earlier base rules without rewriting them. */
:root{--px-ink:#0f1a30;--px-hi:#fff;--px-lo:#7f8ea3;--px-face:#e8ede5;--px-shadow:#07122b;--px-title-a:#13305c;--px-title-b:#1f7a6e}
svg{shape-rendering:crispEdges}

/* brand mark */
.logo-square{width:34px;height:34px;padding:0;background:none;border-radius:0;display:block;overflow:visible}
.logo-square svg,.start-icon svg{display:block;width:100%;height:100%}
.start-icon{width:24px;height:24px;padding:0;background:none;display:block}

/* desktop icons: bevelled tiles, sprite inside, Win-style selected label */
.desktop-icon .icon-shell,.desktop-icon:nth-child(3n) .icon-shell,.desktop-icon:nth-child(4n) .icon-shell,.desktop-icon:nth-child(5n) .icon-shell{width:54px;height:54px;background:var(--px-face);border:0;transform:none;
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 2px var(--px-ink),4px 4px 0 2px var(--px-shadow)}
.desktop-icon .icon-shell svg{width:38px;height:38px}
.desktop-icon:hover .icon-shell,.desktop-icon:focus-visible .icon-shell{transform:translate(-1px,-1px)}
.desktop-icon:active .icon-shell{transform:translate(2px,2px);box-shadow:inset 2px 2px 0 var(--px-lo),inset -2px -2px 0 var(--px-hi),0 0 0 2px var(--px-ink)}
.desktop-icon{border-color:transparent;background:none}
.desktop-icon:hover,.desktop-icon:focus{background:none;border-color:transparent}
.desktop-icon .icon-label{letter-spacing:.3px;text-transform:uppercase;border:1px solid transparent}
.desktop-icon:hover .icon-label,.desktop-icon:focus-visible .icon-label{background:#1a2f8a;color:#fff;border:1px dotted #fff}

/* windows: bevelled frame, striped title bar, chunky buttons */
.window{border:2px solid var(--px-ink);box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),6px 6px 0 var(--px-shadow)}
.win-titlebar{height:34px;min-height:34px;margin:2px 2px 0;background:linear-gradient(90deg,var(--px-title-a),var(--px-title-b));
  box-shadow:inset 0 -2px 0 #0b1b34}
.window:not(.focused) .win-titlebar{background:repeating-linear-gradient(90deg,#5b687c 0 4px,#4a566a 4px 8px)}
.win-name{letter-spacing:1px;text-transform:uppercase}
.win-symbol{width:24px;height:24px;margin-right:8px;background:var(--px-face);
  box-shadow:inset 1px 1px 0 var(--px-hi),inset -1px -1px 0 var(--px-lo),0 0 0 1px var(--px-ink)}
.win-symbol svg{width:20px;height:20px}
.window-actions button{border:0;background:var(--px-face);color:var(--px-ink);
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 1px var(--px-ink)}
.window-actions button:active{box-shadow:inset 2px 2px 0 var(--px-lo),inset -2px -2px 0 var(--px-hi),0 0 0 1px var(--px-ink)}

/* taskbar and start */
.taskbar{background:var(--px-face);border-top:2px solid var(--px-hi);box-shadow:0 -2px 0 var(--px-ink)}
.start-button{border:0;background:var(--px-face);color:var(--px-ink);
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 1px var(--px-ink)}
.start-button[aria-expanded="true"],.start-button:active{box-shadow:inset 2px 2px 0 var(--px-lo),inset -2px -2px 0 var(--px-hi),0 0 0 1px var(--px-ink)}
.task-button{border:0;background:var(--px-face);color:var(--px-ink);display:inline-flex;align-items:center;gap:6px;
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 1px var(--px-ink)}
.task-button svg{width:16px;height:16px;flex:none}
.task-button.active{background:#d2dbd0;color:var(--px-ink);border:0;
  box-shadow:inset 2px 2px 0 var(--px-lo),inset -2px -2px 0 var(--px-hi),0 0 0 1px var(--px-ink)}
.start-item b{background:var(--px-face);min-width:36px;height:36px;
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 1px var(--px-ink)}
.start-item b svg{width:26px;height:26px}
.start-item:hover{background:#d8f2d2}

/* tighter icon grid so more programs fit on shorter desktops */
@media(min-width:721px) and (max-height:900px){.desktop-icons{gap:10px 9px}}

/* mobile launcher and small screens */
.mobile-task .win-symbol{width:28px;height:28px}
.mobile-task .win-symbol svg{width:22px;height:22px}
@media(max-width:720px){
  .desktop-icon .icon-shell,.desktop-icon:nth-child(3n) .icon-shell,.desktop-icon:nth-child(4n) .icon-shell,.desktop-icon:nth-child(5n) .icon-shell{width:44px;height:44px}
  .desktop-icon .icon-shell svg{width:30px;height:30px}
  .logo-square{width:30px;height:30px}
  .window{box-shadow:none;border-width:2px}
}
@media(prefers-reduced-motion:reduce){.desktop-icon:hover .icon-shell,.desktop-icon:active .icon-shell{transform:none}}

/* ===== Pixel wallpaper ===== */
.pixel-sky{position:absolute;inset:0;z-index:0;pointer-events:none;background:#0d1530}
.pixel-sky svg{display:block;width:100%;height:100%}
.desktop.cos-wallpaper .pixel-sky{display:none}
.wallpaper-orbit,.noise{display:none}
.grid-wallpaper{opacity:.08}
.pixel-sky .tw{animation:px-twinkle 3.2s steps(2,end) infinite}
.pixel-sky .tw1{animation-delay:.8s}.pixel-sky .tw2{animation-delay:1.6s}.pixel-sky .tw3{animation-delay:2.4s}
@keyframes px-twinkle{0%,60%{opacity:1}61%,100%{opacity:.15}}
body.reduced-motion .pixel-sky .tw{animation:none}
@media(prefers-reduced-motion:reduce){.pixel-sky .tw{animation:none}}
/* Headline over the skyline needs a plate to stay legible on any tint. */
.wallpaper-copy{background:#0a1226bb;padding:14px 16px;box-shadow:inset 2px 2px 0 #ffffff14,4px 4px 0 #07122b}

/* ===== Mobile: let the pixel sky show through the home screen ===== */
.mobile-shell{background:transparent}
.mobile-shell.in-app{background:radial-gradient(ellipse at 65% 40%,#243f57 0%,#162742 43%,#14213d 76%,#111c34 100%)}
.mobile-status{background:#0a1226aa;text-shadow:0 1px 0 #000a}
.mobile-app{text-shadow:0 1px 0 #000b;letter-spacing:.3px}
.mobile-app .icon-shell{width:50px;height:50px;background:var(--px-face);border:0;
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 2px var(--px-ink),4px 4px 0 2px var(--px-shadow)}
.mobile-app .icon-shell svg{width:34px;height:34px}
.mobile-app:active .icon-shell{transform:translate(2px,2px)}
.mobile-dock{background:var(--px-face);border-top:2px solid var(--px-hi);box-shadow:0 -2px 0 var(--px-ink)}
.mobile-dock button{background:var(--px-face);color:var(--px-ink);border:0;border-radius:0;
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 1px var(--px-ink)}
.mobile-dock button.active{background:var(--leader);color:var(--px-ink);
  box-shadow:inset 2px 2px 0 #0003,inset -2px -2px 0 #fff6,0 0 0 1px var(--px-ink)}

/* Label plates keep program names readable over stars and the moon. */
.mobile-app .icon-label{background:#0a1226cc;padding:2px 5px;max-width:100%;overflow-wrap:anywhere}

/* ===== Token CA + X chips (footer) ===== */
.site-links{display:flex;align-items:center;gap:6px;padding:0 10px;border-left:2px solid #b5c5b8;font:10px var(--pixel)}
.site-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;color:var(--px-ink);background:var(--px-face);border:0;font:bold 10px var(--pixel);padding:6px 8px;letter-spacing:.3px;
  box-shadow:inset 2px 2px 0 var(--px-hi),inset -2px -2px 0 var(--px-lo),0 0 0 1px var(--px-ink)}
button.site-chip{cursor:pointer}
.site-chip.live{background:#d8f6d0}
.site-chip.off{color:#5d6b82}
button.site-chip:hover,a.site-chip:hover{background:#cbffbd}
button.site-chip:active{box-shadow:inset 2px 2px 0 var(--px-lo),inset -2px -2px 0 var(--px-hi),0 0 0 1px var(--px-ink)}
.mobile-site{display:flex;justify-content:center;gap:8px;padding:8px 12px;background:#0a1226cc}
body.mobile .site-links{display:none}
@media(max-width:1100px) and (min-width:721px){.site-links .x{display:none}}