:root{color-scheme:dark;--bg:#101014;--panel:#1b1b23;--ink:#f3f2f7;--muted:#96949f;--lime:#d4fa78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #383740;background:#24242d;color:inherit;border-radius:9px;padding:11px 16px}button:hover{border-color:var(--lime);transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292830;padding:0 5%}.brand{font-weight:900;letter-spacing:1px;text-decoration:none;color:var(--ink);display:flex;gap:10px;align-items:center}.brand:first-letter{color:var(--lime)}.muted{color:#aaa6b3;font-weight:400}.headernote,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted)}main{max-width:1400px;margin:auto;padding:36px 5% 0}.hero{min-height:365px;background:#242037;border:1px solid #3b344c;border-radius:20px;display:flex;overflow:hidden;position:relative}.herocopy{padding:40px;z-index:1;flex:1}.eyebrow{color:var(--lime)}h1{font-size:clamp(40px,5vw,68px);letter-spacing:-3px;line-height:1.04;margin:21px 0}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted);font-size:14px;line-height:1.65}.primary{background:var(--lime);color:#172008;border:0;font-weight:700}.heronote{font-size:11px;color:#b2adbf;margin-left:16px}.heroart{width:40%;position:relative;background:radial-gradient(ellipse at center,#58427755,transparent 70%)}.bigicon{font-size:240px;color:#d0b1ff;position:absolute;top:28px;left:20%;text-shadow:15px 18px 0 #7355a2;transform:rotate(-12deg)}.orbit{position:absolute;border:1px solid #72648066;border-radius:50%;width:330px;height:330px;top:20px;left:5%}.floatlabel{position:absolute;bottom:35px;left:22%;background:#d4fa78;color:#28311a;padding:9px 15px;font:bold 11px monospace;transform:rotate(-7deg)}.scorelabel{position:absolute;top:36px;right:28px;font:10px monospace;color:#afa4bd;line-height:1.8}.scorelabel b{font-size:21px;color:white}.pixel{position:absolute;width:20px;height:20px;background:#d4fa78;transform:rotate(15deg)}.p1{top:55px;left:10%}.p2{bottom:70px;right:10%;width:35px;height:35px;background:#ff9e78}.p3{top:180px;right:5%;width:10px;height:10px}.p4{bottom:60px;left:6%;background:#aa8bdb}.catalog{padding-top:42px}.sectiontop{display:flex;justify-content:space-between;align-items:center}h2{font-size:25px;letter-spacing:-.7px;margin:12px 0}h2 span{background:#292932;color:#aaa5b6;padding:5px 8px;font-size:12px;border-radius:6px;margin-left:12px;vertical-align:middle}input{background:#1b1b22;border:1px solid #34323e;border-radius:9px;padding:13px 17px;width:260px;color:white}.filters{display:flex;gap:8px;margin:20px 0 26px;flex-wrap:wrap}.filters button{border-radius:25px;font-size:12px;padding:10px 18px;background:none}.filters .active{background:var(--lime);color:#1b2510;border-color:var(--lime)}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.card{background:var(--panel);border-radius:12px;border:1px solid #2b2934;overflow:hidden;position:relative;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#777183}.thumb{height:150px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 25%,var(--color),transparent 120%),#202030}.thumb:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px}.glyph{font:bold 64px monospace;transform:rotate(-9deg);text-shadow:5px 6px #0004;color:#fff;z-index:1}.cardplay{display:block;border:0;padding:0;text-align:left;width:100%;background:none;border-radius:0}.cardplay:hover{transform:none}.cardbody{padding:17px}.cardbody strong{font-size:15px;display:block}.meta{display:flex;justify-content:space-between;color:#a7a3b2;font-size:11px;margin-top:8px}.heart{position:absolute;right:10px;top:10px;z-index:2;background:#17121f88;padding:5px 9px;font-size:19px;border:0}.heart.selected{color:var(--lime)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#77737f;font-size:11px;padding:36px 0;margin-top:35px;border-top:1px solid #292830}footer .brand{font-size:12px;color:#aaa5b3}dialog{width:min(760px,96vw);padding:24px;border:1px solid #4e475f;background:#17151f;color:white;border-radius:16px;max-height:95vh;overflow:auto}dialog::backdrop{background:#06050be8;backdrop-filter:blur(9px)}.playhead{display:flex;align-items:center;justify-content:space-between}.playhead small{color:var(--lime);font-size:10px;text-transform:uppercase;letter-spacing:2px}.playhead h2{margin:7px 0}.gameinfo{display:flex;align-items:center;justify-content:space-between;gap:15px}.gameinfo p{font-size:12px}.gameinfo b{font:12px monospace;color:var(--lime);white-space:nowrap}#stage{background:#0d0d15;min-height:300px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:15px}canvas{width:100%;max-width:560px;aspect-ratio:7/5;touch-action:none}.board{display:grid;gap:7px;width:min(100%,420px);margin:12px auto}.cell{aspect-ratio:1;border:0;font-weight:700;font-size:22px;padding:2px;min-width:0;background:#2c273b;display:grid;place-items:center}.cell.lit{background:var(--lime);color:#1f2911}.cell.tile{background:#5c4375;color:white}.cell small{font-size:15px}.gamebtn{padding:24px;margin:12px;max-width:95%}#pad{display:flex;justify-content:center;gap:8px;margin:16px 0}#pad button{touch-action:none}.savehint{text-align:center;font-size:10px}.status{font-size:20px;color:var(--lime);text-align:center}@media(max-width:900px){#grid{grid-template-columns:repeat(3,1fr)}.headernote{display:none}.heroart{width:35%}.bigicon{left:0;font-size:200px}.orbit{width:250px;height:250px}footer{flex-wrap:wrap}}@media(max-width:600px){header{height:70px}.brand{font-size:13px}header button{font-size:12px}main{padding:20px 5%}.heroart{display:none}.herocopy{padding:27px}.hero{min-height:340px}.heronote{display:block;margin:15px 0 0}.sectiontop{align-items:flex-start;gap:14px;flex-direction:column}input{width:100%}#grid{grid-template-columns:repeat(2,1fr);gap:12px}.thumb{height:125px}.glyph{font-size:50px}.cardbody{padding:13px}.cardbody strong{font-size:13px}.gameinfo{align-items:flex-start}.playhead button{padding:9px}.cell{font-size:18px}dialog{padding:14px}#pad{gap:5px}#pad button{padding:12px}footer span:last-child{width:100%}}
[hidden]{display:none!important}
.header-actions{display:flex;gap:8px}.header-actions button{font-size:12px}.headernote{display:none}#player{width:min(1160px,98vw)}#player #stage{padding:0;min-height:380px}#stage iframe{display:block;width:100%;height:min(65vh,700px);min-height:380px;border:0;background:#101014}.player-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;margin-top:15px}.player-links a{color:var(--lime)}.player-links button{font-size:11px}.player-links span{margin-left:auto;color:#a79ab5}#stage:fullscreen{width:100vw;height:100vh}#stage:fullscreen iframe{height:100vh;max-height:none}#account,#stats{width:min(760px,96vw)}.account-card{padding:25px 0}.account-card h3{font-size:26px;letter-spacing:-1px;margin:12px 0}.account-card form{display:flex;gap:12px;flex-wrap:wrap}.account-card label{display:block;width:100%;font-size:12px;color:#b9b1c7}.account-card input{flex:1;min-width:180px}.feedback{color:var(--lime);min-height:20px;font-size:13px}.account-link{color:var(--lime);display:inline-block;margin:12px 0}.stats-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat-tile{background:#292333;border:1px solid #41374f;border-radius:12px;padding:20px}.stat-tile b{display:block;font-size:27px;color:var(--lime);margin:8px 0}.stat-tile small{color:#b1a6c0}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th,.stats-table td{padding:14px 8px;text-align:left;border-bottom:1px solid #36303f}.stats-table th{color:#a99cb9;font-size:10px;letter-spacing:1px}.stats-table tr td:nth-child(2){color:var(--lime)}.stats-note{font-size:11px}.pill{background:#353040;color:var(--lime);padding:6px 10px;border-radius:20px;font-size:11px}.embed-error{padding:15px;font-size:12px;color:#c5b6da}#accountcontent a{color:var(--lime)}@media(max-width:600px){header{padding:0 3%;height:auto;min-height:80px;gap:10px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.header-actions{gap:5px}.header-actions button{padding:9px;font-size:10px}.playhead h2{font-size:20px}.playhead button{font-size:10px;padding:8px}.stats-tiles{gap:7px}.stat-tile{padding:12px}.stat-tile b{font-size:21px}#player #stage iframe{min-height:400px}.player-links{gap:12px}.player-links span{margin-left:0}}
.game-icon{width:74px;height:74px;display:block;z-index:1;color:#f2edff;transform:rotate(-7deg);filter:drop-shadow(6px 7px 0 #0004)}.game-icon svg{width:100%;height:100%}.game-cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.thumb:has(.game-cover):after{background:linear-gradient(0deg,#16102055,transparent 60%)}.hero-secondary{margin-left:10px;background:transparent;border-color:#7b688e;color:#e0d2ef}.heronote{display:block;margin:14px 0 0}.reflection-dim{filter:brightness(.35)}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions button{font-size:11px}#settings,#tutorial{width:min(780px,96vw)}#settings select{font:inherit;color:#eee;background:#26202f;border:1px solid #4a3d58;border-radius:8px;padding:10px;max-width:240px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #342b3e}.setting-row label{font-size:13px;font-weight:700}.setting-row small{font-weight:400;display:block;font-size:11px;color:#b2a2c3;line-height:1.5;margin-top:6px;max-width:360px}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--lime);flex:none}.setting-row input:not([type=checkbox]){width:260px}.presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.presets span{font-size:11px;color:#ac9cbe;margin-right:8px}.presets button{font-size:11px}.settings-actions{display:flex;gap:12px;margin-top:20px}.tutorial-steps{margin-top:20px;display:grid;gap:12px}.tutorial-steps article{display:flex;gap:20px;background:#241e2e;border:1px solid #3d314d;padding:20px;border-radius:12px}.tutorial-steps article>b{font:26px monospace;color:var(--lime);padding-top:4px}.tutorial-steps h3{font-size:16px;margin:0 0 8px}.tutorial-steps p{font-size:12px;margin:0}.tutorial-bottom p{font-size:11px}#globalfeedback,#launchfeedback{color:var(--lime);font-size:12px}#launchfeedback:empty,#globalfeedback:empty{display:none}.playhead>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hero .primary{font-size:13px}@media(max-width:650px){header{align-items:flex-start}.header-actions{max-width:280px}.header-actions button{font-size:10px;padding:8px}.header-actions button span{display:none}.setting-row{align-items:flex-start;flex-direction:column;gap:10px}.setting-row input:not([type=checkbox]){width:100%}.setting-row:has(input[type=checkbox]){flex-direction:row;align-items:center}.hero-secondary{margin:12px 0 0;display:block}.tutorial-steps article{padding:15px;gap:14px}.playhead{gap:10px}.playhead>div:last-child{max-width:230px}.game-icon{width:65px;height:65px}}
.account-tabs{display:flex;gap:8px;margin:24px 0 18px}.account-tabs button.active{background:var(--lime);color:#182009;border-color:var(--lime)}.account-card form.login-form{display:flex;flex-direction:column;gap:10px}.account-card form.login-form input{width:100%;flex:auto}.login-form label{margin-top:8px}.login-form button[type=submit]{margin-top:14px;align-self:flex-start;min-width:180px}.account-actions{display:flex;gap:10px;margin-top:22px}.login-form .feedback{margin:0}.account-card input{min-height:44px}
:root{--bg:#0d1011;--panel:#171c1d;--lime:#c5f7dd;--muted:#8c9998}body{background:radial-gradient(ellipse at 80% 0,#1c332c44,transparent 55%),#0d1011}#side-nav{position:fixed;inset:0 auto 0 0;width:226px;padding:28px 17px 18px;background:#101516;border-right:1px solid #26302e;z-index:20;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;color:#e0f9ed;text-decoration:none;font-size:22px;letter-spacing:3px;font-weight:800;padding:3px 11px 30px}.side-brand>span{color:#c5f7dd;display:grid;place-items:center;width:37px;height:37px;background:#203b30;border-radius:12px;font-size:29px;letter-spacing:0}.side-brand small{display:block;font:7px Arial;letter-spacing:1.4px;color:#7f9a8c;margin-top:6px}.nav-label{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#63756e;margin:24px 12px 10px}.side-link{display:flex;align-items:center;gap:12px;background:none;border:1px solid transparent;text-align:left;font-size:12px;color:#9aaba4;padding:13px 12px;margin:2px 0;border-radius:9px}.side-link>span,.side-bottom button>span{width:18px;height:18px;flex:none;display:block}.side-link svg,.side-bottom svg{width:100%;height:100%}.side-link small{margin-left:auto;color:#687c72;font:9px monospace}.side-link.active{background:#20372e;color:#d0fce4;border-color:#314a3e}.side-link.active small{color:#a2d3ba}.side-link:hover{background:#1b2b24;border-color:#314a3e;transform:none}.side-bottom{margin-top:auto;padding-top:20px}.side-bottom button{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;font-size:11px;color:#91a39a;padding:11px 12px;text-align:left}.side-status{font:8px monospace;color:#637a6b;letter-spacing:1px;margin:22px 10px 0}.side-status i,.home-overline i{display:inline-block;width:5px;height:5px;background:#a4e0be;border-radius:50%;margin-right:6px}body>header{margin-left:226px;padding:0 40px;height:80px;border-bottom-color:#25302a}body>header>.brand{font-size:11px;color:#8fa39a;font-weight:500;letter-spacing:1.5px}main{max-width:1450px;margin:0 0 0 226px;padding:35px 40px 0}main>footer{font-size:9px;color:#61776b;border-top-color:#28322d}.header-actions button{background:#1b2520;border-color:#303e35;color:#a9bcb1;border-radius:7px}.home-overline{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:1.6px;color:#789182}.home-overline time{font:10px monospace;color:#a5b7ac;letter-spacing:0}.home-intro{display:flex;align-items:center;justify-content:space-between;padding-top:43px}.home-intro .eyebrow{font-size:9px;letter-spacing:2.8px;color:#90b49d}.home-intro h1{font-size:clamp(40px,4.5vw,66px);letter-spacing:-2.5px;line-height:1.1;margin:20px 0}.home-intro h1 em{color:#bff1d2}.home-intro p:not(.eyebrow){font-size:12px;color:#8b9e92;line-height:1.9}.home-emblem{position:relative;display:grid;place-items:center;width:235px;height:235px;color:#9dcca4;font-size:180px;text-shadow:10px 13px #243e2d;transform:rotate(-8deg);margin:0 35px}.home-emblem:before{content:'';position:absolute;inset:0;border:1px solid #2e4636;border-radius:50%;transform:rotate(20deg)}.home-emblem span{position:absolute;bottom:15px;right:-10px;background:#b7df9c;color:#27371d;padding:7px 12px;font:8px monospace;letter-spacing:1px;transform:rotate(2deg)}#home-search-form{display:flex;align-items:center;gap:10px;background:#161f1a;border:1px solid #354738;border-radius:12px;padding:8px 9px;margin:26px 0 17px;max-width:880px;box-shadow:0 8px 35px #0002}#home-search-form>span{font-size:26px;padding-left:12px;color:#76947d}#home-search{flex:1;border:0;background:none;width:auto;padding:9px;font-size:12px;outline:0}#home-search-form button{font-size:10px;padding:13px 18px;background:#c4f3d6;border-radius:7px}.quick-launch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:35px}.quick-launch>span{font:8px monospace;letter-spacing:1px;color:#697e6e;margin-right:4px}.quick-launch button{padding:7px 11px;font-size:9px;background:#182019;border-color:#2e3b2d;color:#a3b69f;border-radius:20px}.destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.destination-card{position:relative;min-height:187px;text-align:left;overflow:hidden;padding:26px 25px;border:1px solid #33483e;border-radius:15px;background:linear-gradient(120deg,#213a2e,#16231c);display:block}.destination-card:hover{border-color:#97c5a5;transform:translateY(-3px)}.destination-card.lilac{background:linear-gradient(120deg,#312b44,#1e1c2a);border-color:#443b55}.destination-card.peach{background:linear-gradient(120deg,#3d3027,#251e19);border-color:#514033}.destination-card.blue{background:linear-gradient(120deg,#20373b,#182528);border-color:#30484d}.destination-card .destination-meta{font:7px monospace;letter-spacing:1.5px;color:#87a38b}.destination-card.lilac .destination-meta{color:#a497ba}.destination-card.peach .destination-meta{color:#b49a7e}.destination-card.blue .destination-meta{color:#85a9ad}.destination-card h2{font-size:24px;font-weight:600;letter-spacing:-.7px;color:#d8eede;margin:16px 0 7px}.destination-card.lilac h2{color:#e0d5f4}.destination-card.peach h2{color:#f1dbc9}.destination-card.blue h2{color:#cce8ec}.destination-card p{font-size:10px;margin:0;color:#849b89}.destination-card.lilac p{color:#9d91af}.destination-card.peach p{color:#a9937f}.destination-card.blue p{color:#829fa2}.destination-icon{position:absolute;right:28px;top:35px;width:73px;height:73px;color:#9cc8ac;opacity:.8;transform:rotate(-9deg)}.destination-icon svg{width:100%;height:100%}.lilac .destination-icon{color:#b6a2d9}.peach .destination-icon{color:#d6ab82}.blue .destination-icon{color:#8ebdc5}.destination-arrow{position:absolute;right:25px;bottom:25px;font-size:22px;color:#7f9a85}.home-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 0;padding:20px 0;border-top:1px solid #27372c}.home-bottom>div{display:flex;gap:15px;align-items:center}.home-bottom>div>span{width:32px;height:32px;color:#8ead95}.home-bottom svg{width:100%;height:100%}.home-bottom p{font-size:12px;color:#b1c6b5;margin:0}.home-bottom small{font-size:10px;color:#6d8675;display:block;margin-top:3px}.home-bottom button{font-size:10px;background:#1a281f;border-color:#3b513f;color:#b7d7bf}.catalog{padding-top:8px}.heading-label{display:inline!important;padding:0!important;margin:0!important;background:none!important;color:var(--ink)!important;font-size:25px!important}.library-tools{display:flex;gap:10px;align-items:center}.library-tools button{font-size:11px;background:#1e3225;border-color:#3a543f;color:#b4d8be}#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border-color:#2c3730;background:#171f1a}.thumb{height:150px}.cardbody strong{font-size:13px}.meta{font-size:9px}.remove-game{position:absolute;right:10px;bottom:8px;font-size:9px;padding:3px 6px;background:#392327;color:#e1aaaa;border:1px solid #61343b}.card:has(.remove-game) .meta>span:last-child{visibility:hidden}.add-game-form{display:flex;flex-direction:column;gap:10px;margin-top:25px}.add-game-form label{font-size:11px;color:#c2b9ce}.add-game-form input,.add-game-form textarea,.add-game-form select{width:100%;background:#241f2b;border:1px solid #44384f;border-radius:8px;padding:12px;color:white;font:12px Arial}.add-game-form textarea{resize:vertical;line-height:1.6}.add-game-form .form-row{display:flex;gap:15px}.form-row>div{flex:1}.form-row label{display:block;margin-bottom:9px}#newgame-url-fields,#newgame-html-fields{display:flex;flex-direction:column;gap:10px}#addgame{width:min(750px,96vw)}#media-page{padding:50px 0;min-height:650px}#media-page h1{font-size:60px;letter-spacing:-2px}.media-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.media-actions button{font-size:12px}.media-actions a{font-size:11px;color:#b8d2bf}.media-actions .primary{background:#c5f7dd;color:#15251b}#media-art{width:150px;height:150px;color:#7ca28b;margin:50px 0}#media-art svg{width:100%;height:100%}#media-page p{max-width:650px}#media-note{margin-top:24px;color:#9caa9b}#chat-page{padding:20px 0}#chat-page>h2{font-size:32px;margin-top:15px}.chatbox{max-width:850px;margin-top:25px;background:#131b16;border:1px solid #344b3b;border-radius:15px;overflow:hidden}.chat-top{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #2c4133}.chat-top>span{width:30px;height:30px;color:#b6e6c7}.chat-top svg{width:100%;height:100%}.chat-top>div{flex:1}.chat-top b{font-size:12px}.chat-top small{display:block;color:#6f8e79;font-size:9px;margin-top:4px}.chat-top button{font-size:9px;background:#1c2a20;border-color:#374c3c;color:#9bbca5}#chat-log{height:350px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:18px}.chat-message{max-width:90%;padding:15px;background:#1d2a21;border:1px solid #334936;border-radius:10px}.chat-message small{font-size:8px;letter-spacing:1px;color:#8bbf9b}.chat-message p{font-size:12px;margin:7px 0 0;color:#b3c9b8}.chat-message.user{align-self:flex-end;background:#293b2e;border-color:#3c5842}.chat-message.user small{color:#b6d6ba}.chat-actions{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.chat-actions button{font-size:10px;padding:7px 11px;background:#263e2c;border-color:#45654b;color:#c0e5c8}#chat-suggestions{display:flex;gap:7px;padding:0 20px 15px;flex-wrap:wrap}#chat-suggestions button{font-size:9px;padding:7px 10px;background:#1a281e;border-color:#354936;color:#8fac95}#chat-form{display:flex;gap:10px;padding:15px;border-top:1px solid #2b4032}#chat-form input{flex:1;width:auto;background:#1b2a20;border-color:#3a5041;font-size:12px}#chat-form button{font-size:11px}#player{z-index:50}.filters button{font-size:10px;padding:9px 14px}.filters .active{background:#c5f7dd;color:#19291e}body>header .header-actions button:first-child{display:none}body>header .header-actions button:nth-child(2){display:none}
@media(min-width:1600px){#grid{grid-template-columns:repeat(4,minmax(0,1fr))}main{margin-left:226px;margin-right:auto}}
@media(max-width:1100px){#side-nav{width:192px;padding-left:11px;padding-right:11px}body>header{margin-left:192px;padding:0 25px}main{margin-left:192px;padding:30px 25px 0}.side-brand{font-size:18px;letter-spacing:2px}.side-brand small{font-size:6px}.home-emblem{width:180px;height:180px;font-size:145px;margin-right:10px}.destination-icon{width:53px;height:53px;right:20px}.destination-card{padding:23px 20px}.destination-card p{max-width:220px}.destination-card h2{font-size:22px}.home-intro h1{font-size:50px}.home-overline{font-size:7px;letter-spacing:1px}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions button{font-size:10px}.library-tools input{width:210px}}
@media(max-width:760px){#side-nav{width:69px;padding:22px 6px 12px}.side-brand{padding:0 0 30px;justify-content:center}.side-brand>span{width:34px;height:34px}.side-brand>div,.nav-label,.side-link>small,.side-status,.side-bottom button>span+*{display:none}.side-link{font-size:0;padding:14px;justify-content:center}.side-link>span{width:21px;height:21px}.side-bottom button{font-size:0;justify-content:center;padding:13px}.side-bottom button>span{width:21px;height:21px}.side-bottom{padding-top:10px}body>header{margin-left:69px;height:70px;padding:0 15px}.brand{font-size:9px!important}.header-actions{max-width:none}.header-actions button{font-size:9px;padding:8px}main{margin-left:69px;padding:25px 20px 0}.home-intro{padding-top:28px}.home-intro h1{font-size:42px}.home-emblem{display:none}.home-intro p:not(.eyebrow){font-size:11px}.home-overline{font-size:6px;letter-spacing:.7px}.home-overline time{font-size:8px}.destination-grid{gap:12px}.destination-card{min-height:170px;padding:18px}.destination-card .destination-meta{font-size:6px;letter-spacing:1px;display:block;max-width:130px}.destination-icon{width:36px;height:36px;top:55px;right:16px;opacity:.6}.destination-card h2{font-size:20px;margin-top:25px}.destination-card p{font-size:9px;max-width:140px}.destination-arrow{font-size:17px;right:16px;bottom:18px}.quick-launch{gap:6px;margin-bottom:25px}.quick-launch>span{width:100%;margin-bottom:3px}.quick-launch button{font-size:8px}.home-bottom small{font-size:8px}.home-bottom p{font-size:10px}.home-bottom button{font-size:9px;padding:9px}.home-bottom>div>span{display:none}#home-search-form{padding:6px;gap:0}#home-search-form>span{padding-left:8px;font-size:20px}#home-search{font-size:10px;min-width:0}#home-search-form button{font-size:9px;padding:11px}#grid{gap:12px}.thumb{height:125px}.sectiontop{gap:18px}.library-tools{width:100%;flex-direction:row}.library-tools input{flex:1;min-width:0;width:auto}.library-tools button{padding:12px 10px;font-size:10px}.cardbody{padding:12px}.cardbody strong{font-size:11px}.meta{font-size:8px}.game-icon{width:58px;height:58px}.filters{gap:6px}.filters button{font-size:9px;padding:7px 10px}#media-page{padding-top:25px}#media-page h1{font-size:44px}.chat-message{max-width:100%}#chat-log{height:380px;padding:14px}.chat-message p{font-size:11px}#chat-form{padding:10px;gap:7px}#chat-form input{min-width:0;font-size:11px}#chat-form button{padding:10px}.chat-top{padding:15px}#chat-page>h2{font-size:27px}footer .brand{font-size:8px!important}.add-game-form .form-row{flex-direction:column}#media-art{width:110px;height:110px}}
@media(max-width:450px){main{padding-left:14px;padding-right:14px}.destination-grid{grid-template-columns:1fr}.destination-card{min-height:155px}.destination-icon{width:55px;height:55px;top:35px;right:25px}.destination-card .destination-meta{max-width:none}.destination-card h2{margin-top:19px}.destination-card p{max-width:210px}.home-intro h1{font-size:37px}#grid{grid-template-columns:1fr}.thumb{height:155px}#home-search-form button{font-size:0;width:33px;padding:10px}#home-search-form button:after{content:'↗';font-size:13px}.header-actions{gap:5px}body>header>.brand{display:none}.home-overline>span{max-width:170px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* App dock and external browser */
.app-dock{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#14251b,#101f17);border:1px solid #273e2f;border-radius:58px;padding:12px 18px;margin:0 auto 35px;max-width:1040px;box-shadow:0 10px 22px #0002;overflow-x:auto;scrollbar-width:thin}.dock-button{border-radius:50%;background:#1b3023;border:1px solid transparent;color:#e8f7ee;width:59px;height:59px;min-width:48px;padding:15px;display:grid;place-items:center;transition:transform .18s,border-color .18s,background .18s}.dock-button svg{width:100%;height:100%;overflow:visible}.dock-button:hover,.dock-button:focus-visible{transform:translateY(-4px);background:#284b35;border-color:#799a7d}.dock-button.selected{background:#2e4a37;border-color:#b7dfbf}.dock-browser{border-left:1px solid #54745c;border-radius:16px;margin-left:5px}.apps-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.apps-heading h1,#browser-page>h1{font-size:45px;letter-spacing:-1.5px;margin:12px 0}.apps-heading p{font-size:13px;color:#94ac9a}.apps-heading>button{white-space:nowrap}#apps-page,#notes-page,#browser-page{padding:15px 0 45px}.apps-service-note{font-size:12px;color:#8da997;line-height:1.8;max-width:760px;margin:15px 0 24px}#apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.app-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:26px;min-height:190px;border:1px solid #304b37;background:linear-gradient(130deg,#1b2b20,#151f19);border-radius:16px;color:#e4f6e9;transition:border-color .2s,transform .2s}.app-tile:hover{border-color:var(--app-color);transform:translateY(-3px)}.app-tile-icon{width:42px;height:42px;color:var(--app-color);margin-bottom:19px}.app-tile-icon svg{width:100%;height:100%}.app-tile strong{font-size:18px}.app-tile small{font-size:10px;color:#91ad9a;margin-top:8px;line-height:1.5;padding-right:15px}.app-tile-arrow{position:absolute;right:23px;bottom:24px;font-size:22px;color:var(--app-color)}#browser-form{display:flex;gap:9px;align-items:center;padding:9px;background:#16271b;border:1px solid #39553f;border-radius:13px}#browser-address{flex:1;min-width:0;width:auto;background:transparent;border:none;font-size:13px;color:#e5f6eb}.browser-globe{font-size:25px;color:#8cbf9e;padding:0 5px 0 10px}#browser-form button{padding:13px 25px}.browser-toolbar{display:flex;gap:8px;align-items:center;margin:17px 0;color:#8ead99;font-size:10px}.browser-toolbar>span{flex:1;line-height:1.6}.browser-toolbar button{font-size:10px;padding:9px 12px;background:#1e3024;border-color:#3d5745;color:#cae6d3}#browser-feedback{font-size:12px;color:#f3bdac}#browser-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:18px}#browser-links a{font-size:11px;color:#bce3c8}#browser-standby{border:1px dashed #3a5743;border-radius:17px;background:radial-gradient(ellipse at 50% 100%,#243b2c,#121c17);min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#browser-standby>span{font-size:100px;color:#7eaf90;line-height:1.2}#browser-standby h2{font-size:27px;color:#d6efde;margin:25px 0 5px}#browser-standby p{font-size:12px;color:#86a490}#browser-viewport{border:1px solid #405e48;border-radius:14px;overflow:hidden;height:72vh;min-height:500px;background:#101614}#web-browser-frame{border:0;width:100%;height:100%;display:block}#personal-notes{display:block;width:100%;min-height:420px;margin-top:25px;resize:vertical;border:1px solid #3b5544;border-radius:14px;background:#17241c;color:#d8f1e2;padding:26px;font:15px/1.9 ui-monospace,monospace}#notes-status{font-size:11px;color:#88a992}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.app-dock{gap:7px;padding:10px}.dock-button{width:49px;height:49px;padding:12px;min-width:43px}}@media(max-width:760px){.app-dock{justify-content:flex-start;border-radius:24px;margin-bottom:28px;gap:8px;padding:9px 12px}.dock-button{width:48px;height:48px;min-width:48px;padding:12px}#apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-tile{padding:20px;min-height:180px}.app-tile strong{font-size:16px}.app-tile small{font-size:9px}.apps-heading{align-items:flex-start;flex-direction:column;gap:5px}.apps-heading h1,#browser-page>h1{font-size:35px}.apps-heading>button{font-size:10px}.browser-toolbar{flex-wrap:wrap}.browser-toolbar>span{flex-basis:100%}#browser-address{font-size:11px}#browser-form button{font-size:11px;padding:12px}#browser-viewport{min-height:420px;height:70vh}.apps-service-note{font-size:11px}#personal-notes{padding:18px;font-size:13px}}@media(max-width:450px){#apps-grid{grid-template-columns:1fr}.app-tile{min-height:150px}.app-tile-icon{width:32px;height:32px;margin-bottom:14px}}
/* Arcade tools */
.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.tool-heading h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.8px;margin:12px 0 20px}.tool-heading a{color:#d6fa79;font-size:12px}.tool-note{font-size:12px;line-height:1.7;color:#9cbaa7}.beta-tag{display:inline-block;padding:6px 9px;border:1px solid #46624d;border-radius:6px;color:#cfe9a7;font-size:9px;letter-spacing:1px;vertical-align:middle}.tool-dock{font-size:24px;padding:8px}.tool-emoji{font-size:34px}#community-page,#chess-page,#calculator-page{padding:12px 0 45px}#community-feedback,#calc-feedback{color:#f7c39a;font-size:13px;min-height:22px;margin:8px 0}.community-layout{display:grid;grid-template-columns:150px 170px minmax(260px,1fr) 145px;border:1px solid #3b5545;border-radius:18px;overflow:hidden;background:#14231b;height:680px;max-height:85vh}.community-layout h3{font-size:13px;color:#bfd6c5;margin:0 0 18px}.server-rail,.channel-rail,.members-rail{padding:20px 12px;overflow:auto;border-right:1px solid #2e4335}.server-rail{background:#101c16}.channel-rail{background:#18291f}.members-rail{border:0;border-left:1px solid #2e4335}.server-rail button,.channel-rail button{display:block;width:100%;text-align:left;margin-bottom:7px;font-size:11px;padding:10px 9px;overflow-wrap:anywhere}.community-layout button.active,.calc-modes button.active,#chess-bots button.active{background:#d6fa79;color:#172518;border-color:#d6fa79}#server-actions{margin-top:25px}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.conversation-top{padding:16px 18px;border-bottom:1px solid #344737;display:flex;gap:10px;align-items:center}.conversation-top h2{font-size:16px;margin:0;flex:1}.conversation-top input{width:140px;min-width:0;font-size:11px;padding:9px}#message-log{flex:1;overflow:auto;padding:14px 18px;scrollbar-width:thin}.chat-welcome{padding:40px 10px;color:#99b6a2}.chat-welcome b{font-size:24px;color:#e6f3df}.chat-welcome p{font-size:13px;line-height:1.9}.community-message{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #21382a}.chat-avatar{background:#375b44;color:#d6fa79;border-radius:11px;min-width:32px;height:32px;display:grid;place-items:center;font-size:11px;font-weight:bold}.message-body{min-width:0;flex:1}.message-body p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;margin:7px 0 9px}.message-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.message-meta time,.message-meta small{font-size:9px;color:#8aa695}.message-controls{display:flex;gap:4px;flex-wrap:wrap}.message-controls button{font-size:10px;padding:3px 6px;background:#1c3325;border-color:#365640}.message-controls .selected{border-color:#d6fa79}.member-row{display:flex;align-items:center;gap:6px;font-size:11px;padding:7px 0;overflow-wrap:anywhere}.member-row>span:nth-child(2){flex:1;min-width:0}.member-row button{padding:1px 5px;font-size:10px}.online{color:#a9e97b}.offline{color:#566c5f}#typing-status{font-size:10px;color:#9cbaa7;height:16px;margin:3px 18px}#message-form{display:flex;gap:8px;padding:8px 12px}#message-input{resize:none;flex:1;min-width:0;font:13px/1.5 inherit;padding:10px;border:1px solid #496450;border-radius:8px;background:#1a3023;color:#e2f0e6}.conversation>small{padding:0 15px 12px;font-size:9px}.chess-layout{display:grid;grid-template-columns:minmax(280px,600px) minmax(230px,1fr);gap:30px}.opponent-card{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding:15px;background:#1b3023;border:1px solid #3c5b46;border-radius:14px}.bot-face{font-size:35px}.opponent-card>div{flex:1}.opponent-card b{display:block;font-size:17px}.opponent-card small{display:block;color:#a6bda9;font-size:11px;margin-top:5px}.opponent-card>strong{font-size:13px;color:#d6fa79;white-space:nowrap}#chess-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:8px solid #3b5542;border-radius:9px;overflow:hidden;box-shadow:0 20px 45px #0003}.chess-square{position:relative;border:0;border-radius:0;aspect-ratio:1;padding:0;display:grid;place-items:center;cursor:pointer}.chess-square.light{background:#c4d0b0}.chess-square.dark{background:#66856b}.chess-square.last-move{box-shadow:inset 0 0 0 50px #e2f07940}.chess-square.chosen{background:#c2d767}.chess-square.legal:after{content:'';position:absolute;width:25%;height:25%;border-radius:50%;background:#213e5a70;pointer-events:none}.chess-square.hint{outline:4px solid #ebbc5b;outline-offset:-4px}.chess-square small{position:absolute;left:3px;bottom:1px;color:#213528;font-size:9px}.piece{font-family:'DejaVu Sans','Segoe UI Symbol','Arial Unicode MS',serif;font-size:clamp(26px,4.4vw,58px);line-height:1;z-index:1;pointer-events:none}.white-piece{color:#fffef3;-webkit-text-stroke:1.1px #26382b;filter:drop-shadow(0 2px 1px #0006)}.black-piece{color:#142c21;-webkit-text-stroke:.5px #091810;filter:drop-shadow(0 1px 0 #d6e8bc)}#chess-status{padding:17px;color:#e3f0cc;font-size:15px}.chess-panel{background:#14261c;border:1px solid #3c5542;border-radius:16px;padding:22px}.chess-panel h3{font-size:15px;margin:0 0 15px}#chess-bots{display:grid;gap:8px}#chess-bots button{text-align:left;padding:13px;font-size:13px}.chess-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin:22px 0;font-size:12px}.chess-options select{padding:9px;width:100%;font-size:12px}.chess-actions{display:flex;gap:8px;flex-wrap:wrap}.chess-actions button{font-size:11px}#chess-moves{font:13px/2 ui-monospace,monospace;min-height:70px;max-height:160px;overflow:auto;word-spacing:7px}#chess-record{font-size:11px;color:#c0d98b;border-top:1px solid #3b5541;padding-top:17px;margin-top:15px}.calc-layout{display:grid;grid-template-columns:150px minmax(250px,1fr) 240px;gap:0;background:#16271d;border:1px solid #385542;border-radius:17px;overflow:hidden;min-height:560px}.calc-modes{padding:20px 12px;background:#112017;border-right:1px solid #304c39}.calc-modes button{width:100%;text-align:left;display:block;margin-bottom:8px;font-size:12px;padding:12px 10px}.calc-main{padding:25px;min-width:0}.calc-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9eb4a0}.calc-top button{font-size:11px}.calc-main input,.calc-main select,.calc-main textarea{width:100%;background:#112118;color:#dcebdc;border:1px solid #46634b;border-radius:9px;padding:12px;font:14px/1.5 ui-monospace,monospace;margin:8px 0}.calc-main textarea{resize:vertical}.calc-main label{font-size:12px}.calc-main h2{font-size:23px}.calc-main output{display:block;padding:20px 0;font:20px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}#calc-expression{font-size:22px;border:0;background:#102117;padding:20px 16px;margin:17px 0 0}#calc-result{font-size:33px;text-align:right;color:#d6fa79;min-height:90px}.calc-keys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.calc-keys button{padding:15px 4px;font-size:14px;min-width:0}.calc-history{padding:24px 16px;background:#122119;border-left:1px solid #344e3c}.calc-history h3{font-size:14px}.calc-history .tool-heading button{font-size:9px;padding:5px 7px}#calc-history-list button{display:block;width:100%;text-align:left;font:11px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;margin:10px 0;background:#192e21;border-color:#314f39}#graph-canvas{width:100%;height:auto;margin-top:22px;border:1px solid #355b41;border-radius:10px}#statistics-result{font-size:13px;line-height:1.7}.form-row>label{min-width:0;flex:1}.calc-main .form-row{display:flex;gap:12px}#browser-page>h1{font-size:24px;margin:0 0 10px}#browser-page>.eyebrow,#browser-page>.apps-service-note{display:none}#browser-form{border-radius:14px;padding:5px 8px}#browser-form button{padding:10px 15px}.browser-toolbar{margin:9px 0;font-size:10px}.browser-toolbar button{padding:7px 10px}#browser-links{margin:0 0 9px;gap:18px}#browser-links a{font-size:10px}#browser-viewport{height:78vh;min-height:440px;border-radius:9px}#browser-standby{min-height:55vh}#browser-standby>span{font-size:60px}.app-dock{justify-content:flex-start}.app-dock .dock-button{flex-shrink:0}
@media(max-width:1200px){.members-rail{display:none}.community-layout{grid-template-columns:130px 140px minmax(240px,1fr)}.calc-layout{grid-template-columns:130px minmax(240px,1fr)}.calc-history{grid-column:1/-1;border-left:0;border-top:1px solid #344e3c}#calc-history-list{display:flex;overflow:auto;gap:8px}#calc-history-list button{min-width:170px;width:170px}}@media(max-width:760px){.community-layout{grid-template-columns:110px minmax(190px,1fr);height:740px;max-height:none}.channel-rail{grid-column:1/-1;grid-row:1;display:flex;gap:10px;align-items:center;padding:10px;max-height:130px}.channel-rail h3{margin:0}.channel-rail #channel-list{display:flex;gap:6px;overflow:auto}.channel-rail #server-actions{margin:0;display:flex}.channel-rail button{width:auto;white-space:nowrap;margin:0}.conversation-top{flex-wrap:wrap}.conversation-top input{width:100%}.server-rail{padding:15px 6px}.message-controls button{font-size:9px}.chat-avatar{display:none}.chess-layout{grid-template-columns:1fr;gap:15px}.piece{font-size:clamp(25px,8vw,52px)}.calc-layout{grid-template-columns:1fr}.calc-modes{display:flex;gap:7px;overflow:auto;padding:10px}.calc-modes button{width:auto;white-space:nowrap;margin:0}.calc-main{padding:18px}.calc-keys button{padding:14px 3px;font-size:12px}.tool-heading a{max-width:120px;font-size:10px}.tool-heading h1{letter-spacing:-1px}#message-form{padding:6px}#message-form button{font-size:10px;padding:9px}.opponent-card small{font-size:10px}}
/* Home essentials: visible on the home page, with a direct launch for every tool. */
.home-essentials{margin:4px 0 26px}.essentials-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.essentials-heading>span:last-child{font-size:11px;color:#8caa98}#home-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.home-tool-card{display:flex;align-items:center;gap:15px;min-height:105px;padding:20px 21px;text-align:left;border:1px solid #395344;border-radius:15px;background:linear-gradient(120deg,#203b2a,#192d22);transition:transform .18s,border-color .18s,box-shadow .18s}.home-tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0002}.home-tool-art{flex:0 0 37px;width:37px;height:37px;color:#c2eaa8}.home-tool-art svg{width:100%;height:100%}.home-tool-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.home-tool-copy strong{font-size:17px;letter-spacing:-.3px;color:#e6f1e6}.home-tool-copy small{font-size:10px;color:#9fbea9;line-height:1.5}.home-tool-arrow{font-size:22px;color:#99bb98}.home-tool-community{background:linear-gradient(120deg,#263331,#1a2925)}.home-tool-community .home-tool-art{color:#b6d9ee}.home-tool-calculator{background:linear-gradient(120deg,#353829,#242c20)}.home-tool-calculator .home-tool-art{color:#e0e3a3}.home-tool-chess .home-tool-art{color:#d6fa79}
/* A compact browser shell with its own start page and tab controls. */
#browser-page{padding-top:0}.browser-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.browser-heading h1{font-size:27px;letter-spacing:-1px;margin:10px 0 0;display:flex;align-items:center;gap:14px}.browser-heading .eyebrow{font-size:9px}.browser-provider{font-size:10px;font-weight:400;letter-spacing:0;padding:5px 9px;border:1px solid #375641;border-radius:6px;color:#a4bca9}#browser-fullscreen{font-size:20px;padding:8px 12px;background:#1c3024;border-color:#355440}#browser-workspace{border:1px solid #3c5947;border-radius:16px;overflow:hidden;background:#112018;box-shadow:0 15px 50px #0002}.browser-tabstrip{display:flex;align-items:center;gap:4px;background:#0d1a13;padding:8px 11px 0;height:49px}#browser-tabs{display:flex;align-items:end;flex:0 1 auto;gap:4px;overflow:auto;scrollbar-width:none;min-width:0;height:100%}.browser-tab{display:flex;align-items:center;min-width:100px;max-width:210px;flex:1;background:#14241b;border:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;padding:0 4px 0 9px;height:35px}.browser-tab.active{background:#21372a;border-color:#3c5543}.browser-tab>button{padding:6px 0;border:0;background:transparent;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0;transform:none;text-align:left;flex:1;color:#91aa9b;min-width:0}.browser-tab.active>button{color:#e0f0df}.browser-tab .browser-tab-close{font-size:16px;flex:0 0 23px;text-align:center;border-radius:5px;margin-left:6px}.browser-tab-close:hover{background:#42604b!important}#browser-new-tab{border:0;background:transparent;padding:4px 10px;font-size:21px;color:#a2bfac;margin-bottom:6px;flex:0 0 auto}.browser-chrome{display:flex;align-items:center;gap:10px;background:#21372a;padding:10px 12px}.browser-navigation{display:flex;align-items:center;gap:3px}.browser-navigation button{padding:7px 9px;font-size:19px;background:transparent;border:0;border-radius:7px;color:#c9decf;line-height:1}.browser-navigation button:hover{background:#324f3b;transform:none}.browser-navigation button:disabled{opacity:.25;cursor:default}#browser-form{flex:1;min-width:0;display:flex;align-items:center;gap:8px;margin:0;background:#12251a;border:1px solid #3d5c46;border-radius:10px;padding:2px 7px 2px 11px}#browser-form:focus-within{border-color:#a6cfa5;box-shadow:0 0 0 2px #a6cfa519}.address-mark{color:#6c9a7a;font-size:17px}#browser-address{background:none;font-size:12px;color:#d8ebdc;box-shadow:none;border:0;padding:11px 0;width:100%;min-width:0;outline:none;flex:1}#browser-form button{background:transparent;border:0;padding:6px;font-size:19px;line-height:1;color:#91b59c}#browser-form .address-go{font-size:22px}#browser-bookmark.saved{color:#d6fa79}#browser-bookmark:disabled{opacity:.35}#browser-menu{position:relative;flex:0 0 auto}#browser-menu>summary{list-style:none;cursor:pointer;padding:8px 6px;letter-spacing:1px;font-size:16px;color:#c6dece}#browser-menu>summary::-webkit-details-marker{display:none}.browser-menu-content{position:absolute;z-index:20;right:0;top:40px;width:250px;padding:10px;background:#21372a;border:1px solid #4a6854;border-radius:10px;box-shadow:0 15px 35px #0007}.browser-menu-content>button,.browser-menu-content a{display:block;width:100%;text-align:left;font-size:11px;padding:10px 8px;background:transparent;border:0;color:#d7ecdd;text-decoration:none;border-radius:6px}.browser-menu-content>button:hover,.browser-menu-content a:hover{background:#35503e}.browser-menu-content>p{font-size:10px;line-height:1.7;margin:10px 8px;color:#8fae99}#browser-links{display:block;margin:0;padding:0}#browser-links a{font-size:11px;color:#d7ecdd}.browser-bookmark-bar{display:flex;align-items:center;gap:13px;background:#1a2e22;padding:8px 15px;min-height:38px;border-bottom:1px solid #324e3b}.browser-bookmark-bar>span:first-child{font-size:8px;letter-spacing:1.5px;color:#739580;flex-shrink:0}#browser-bookmarks{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;min-width:0}#browser-bookmark-hint{font-size:10px;color:#759381}#browser-bookmarks:empty{display:none}.browser-bookmark-chip{font-size:10px;padding:4px 8px;border:0;background:#253d2d;color:#bad4c2;white-space:nowrap;border-radius:5px}#browser-standby{min-height:58vh;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 5%,#284832 0%,#14271b 50%,#112018 100%);padding:42px 25px 52px;gap:0}#browser-standby .browser-start-icon{width:58px;height:58px;display:grid;place-items:center;font-size:38px;color:#c0e398;background:#c3e8a413;border:1px solid #90b57844;border-radius:18px;margin-bottom:23px;box-shadow:0 10px 35px #0002}#browser-standby>.eyebrow{font-size:9px;letter-spacing:2px;color:#91b27f;line-height:1.6}#browser-standby h2{font-size:clamp(27px,3.2vw,40px);line-height:1.15;letter-spacing:-1.3px;font-weight:600;margin:12px 0;color:#e5f1df}#browser-standby p{font-size:12px;color:#8fae99;margin:3px 0 26px}#browser-start-apps{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.browser-start-app{display:flex;flex-direction:column;align-items:center;gap:10px;width:82px;border:1px solid #35503c;background:#253c2c80;padding:17px 8px 13px;border-radius:13px}.browser-start-app svg{width:28px;height:28px}.browser-start-app span{font-size:10px;color:#bad1bf}#browser-viewport{width:100%;height:72vh;min-height:440px;border:0;border-radius:0;background:#fff}.browser-web-frame{width:100%;height:100%;border:0;display:block}.browser-statusbar{display:flex;align-items:center;gap:7px;min-height:31px;padding:6px 12px;background:#14251a;border-top:1px solid #2d4735}.browser-status-dot{width:5px;height:5px;background:#a2ca87;border-radius:50%;flex:0 0 auto}#browser-status{font-size:9px;color:#85a590;flex:1;line-height:1.6}#browser-clear-bookmarks{font-size:9px;padding:1px 3px;background:transparent;border:0;color:#85a590}#browser-workspace:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;height:100vh;width:100vw}#browser-workspace:fullscreen #browser-viewport,#browser-workspace:fullscreen #browser-standby{flex:1;min-height:0;height:auto}#browser-workspace:fullscreen .browser-chrome,#browser-workspace:fullscreen .browser-tabstrip,#browser-workspace:fullscreen .browser-statusbar,#browser-workspace:fullscreen .browser-bookmark-bar{flex-shrink:0}
@media(max-width:1000px){.home-tool-card{padding:18px 14px;gap:10px}.home-tool-copy strong{font-size:15px}.home-tool-art{flex-basis:30px;width:30px;height:30px}.home-tool-copy small{font-size:9px}.home-tool-arrow{display:none}}@media(max-width:660px){#home-tools{gap:8px}.home-tool-card{padding:17px 10px;min-height:115px;flex-direction:column;align-items:flex-start;gap:12px}.home-tool-copy strong{font-size:13px}.home-tool-copy small{font-size:8px}.home-tool-art{flex-basis:29px}.essentials-heading>span:last-child{display:none}.essentials-heading .eyebrow{font-size:9px}.browser-heading{margin-bottom:15px}.browser-heading h1{font-size:23px}.browser-provider{font-size:9px}.browser-chrome{gap:4px;padding:8px}.browser-navigation{gap:0}.browser-navigation button{padding:6px;font-size:16px}#browser-home{display:none}#browser-address{font-size:10px;padding:10px 0}.address-mark{display:none}#browser-form{gap:4px;padding-left:8px}#browser-form button{font-size:17px;padding:5px}#browser-start-apps{gap:8px;max-width:300px}.browser-start-app{width:75px;padding:14px 7px 12px}.browser-bookmark-bar{gap:8px;padding:7px 10px}.browser-tab{min-width:80px;max-width:160px}.browser-tab>button{font-size:10px}#browser-standby{min-height:500px}#browser-status{font-size:8px}.browser-heading .eyebrow{font-size:8px}}

.discord-community-banner{display:flex;align-items:center;gap:18px;margin:0 0 26px;padding:21px 24px;border:1px solid #4c557c;border-radius:15px;background:linear-gradient(115deg,#293348,#242c35);color:#e3e8ff}.discord-community-icon{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;border-radius:14px;background:#3b4267;color:#cbd4ff}.discord-community-icon svg{width:36px;height:36px}.discord-community-banner>div{flex:1}.discord-community-banner strong{font-size:17px;letter-spacing:-.3px}.discord-community-banner p{font-size:11px;line-height:1.7;color:#aebacf;margin:7px 0 0}.discord-join{display:inline-flex;align-items:center;gap:14px;padding:13px 19px;border-radius:9px;background:#b8c5ff;color:#17203b;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s,transform .15s}.discord-join:hover{background:#d0d9ff;transform:translateY(-1px)}a.discord-side-link{text-decoration:none;color:#c1cbef;display:flex;align-items:center;gap:12px}.discord-side-link:hover{background:#293348}@media(max-width:660px){.discord-community-banner{gap:12px;padding:18px 15px;flex-wrap:wrap}.discord-community-banner strong{font-size:15px}.discord-community-banner p{font-size:10px}.discord-community-banner>div{min-width:160px}.discord-join{width:100%;justify-content:center;padding:12px}.discord-community-icon{width:39px;height:39px}}
/* In a game tab the game fills the viewport; controls remain available on demand. */
body.game-tab{overflow:hidden;height:100dvh;background:#070808}body.game-tab>header,body.game-tab>#side-nav,body.game-tab>main{display:none!important}body.game-tab #player{position:fixed;inset:0;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:#070808;overflow:hidden}body.game-tab #player[open]{display:flex;flex-direction:column}body.game-tab #player>#stage{display:block!important;width:100%;height:100%;max-height:none!important;min-height:0;padding:0!important;flex:1;background:#070808;border-radius:0}body.game-tab #stage>iframe{width:100%;height:100%;min-height:0;display:block;border:0}body.game-tab #player>:not(:where(#stage,.game-tab-controls)){display:none!important}.game-tab-controls{display:none}body.game-tab #player>.game-tab-controls{display:block;position:absolute;z-index:5;top:10px;right:10px;background:#0b100de0;border:1px solid #59695e70;border-radius:7px;color:#d5e4da;font-size:11px;padding:8px 11px;opacity:.5}body.game-tab #player>.game-tab-controls:hover,body.game-tab #player>.game-tab-controls:focus-visible{opacity:1}body.game-tab.game-controls-open #player>.playhead{display:flex!important;position:absolute;top:50px;right:10px;left:10px;z-index:4;background:#111b16f5;border:1px solid #3c5444;border-radius:9px;padding:12px;flex-wrap:wrap;gap:8px}body.game-tab .playhead h2{font-size:16px}body.game-tab .playhead button{padding:8px 10px;font-size:10px}body.game-tab .playhead>div:last-child{display:flex;flex-wrap:wrap;gap:5px}body.game-tab #stage>p{padding:80px 24px 15px;color:#becfc4}body.game-tab #stage>.gamebtn{margin:0 24px}
/* Compact dark browser controls, inspired by the supplied reference. */
.browser-mode-label{font-size:12px;color:#f2f2f2;border-right:1px solid #363b38;padding:8px 13px 8px 2px;white-space:nowrap}.browser-heading h1{font-size:23px}.browser-heading{margin-bottom:14px}#browser-workspace{border-radius:6px;border-color:#343b36;background:#0d0e0e}.browser-tabstrip{height:34px;padding:3px 6px 0;background:#0c0d0d}.browser-tab{height:30px;background:#101313;border-radius:4px 4px 0 0}.browser-tab.active{background:#202423;border-color:#3b413d}.browser-tab>button{font-size:10px}#browser-new-tab{font-size:18px;padding:2px 8px;margin:0}.browser-chrome{background:#111313;padding:3px 7px;gap:6px;border-top:1px solid #353d37;border-bottom:1px solid #353d37}.browser-navigation button{font-size:17px;color:#9ba7a1;padding:5px 6px;border-radius:2px}.browser-navigation button:hover{background:#292e2b}#browser-form{border:0;border-radius:0;background:#080a09;padding:0 5px 0 9px;gap:5px}#browser-form:focus-within{box-shadow:inset 0 -1px #aac6ad;border:0}#browser-address{font-size:13px;padding:7px 0;color:#e8f0e9}#browser-form .address-mark{display:none}#browser-form button{font-size:16px;padding:5px;color:#9eafa4}#browser-menu>summary{padding:4px 7px;font-size:15px}.browser-menu-content{background:#1a201c;border-color:#414a44;border-radius:5px}.browser-bookmark-bar{background:#171b18;padding:5px 12px;min-height:29px}.browser-bookmark-chip{background:#292f2b;font-size:9px;padding:3px 7px;border-radius:3px}.browser-statusbar{background:#111512;min-height:24px;padding:4px 10px}#browser-viewport{height:76vh}body[data-section="browser"]>.app-dock{display:none}@media(max-width:660px){.browser-mode-label{font-size:10px;padding:7px 7px 7px 0}#browser-address{font-size:11px;padding:7px 0}.browser-chrome{gap:3px;padding:3px 5px}.browser-navigation button{padding:5px;font-size:15px}.browser-tabstrip{height:31px}.browser-tab{height:27px}.browser-bookmark-bar{padding:5px 8px}}

.pages-service-card{padding:28px 20px;color:#dceadf}.pages-service-card h1{font-size:34px}.pages-service-card p{font-size:13px;line-height:1.8;color:#a9c2b0}.pages-service-card a{display:inline-block;text-decoration:none;margin:13px 0;color:#162518}.pages-hosting-note{font-size:11px;line-height:1.7;color:#a0b6a8;padding:11px 14px;border:1px solid #375441;border-radius:9px;background:#14251b}