/* Browser portfolio */
:root{
  --browser-ease:cubic-bezier(.22,1,.36,1);
  --browser-bg:#0d0f13;
  --browser-line:rgba(255,255,255,.08);
  --browser-text:#eceef2;
  --browser-muted:#818793;
}

/* home simplification */
.profile-card-v3{width:min(560px,calc(100vw - 32px))!important}
.profile-actions-v3{gap:7px!important}
.profile-actions-v3 #openWork{min-width:112px!important}
.profile-links-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:34px!important;
  padding:0 2px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:0!important;
  background:transparent!important;
}
.profile-links-row::before{
  content:"6 live projects";
  color:#d8dbe1;
  font-size:9px;
}
.profile-links-row::after{
  content:"1 in development";
  color:#737a86;
  font-size:8px;
}
.profile-links-row>*{display:none!important}
.profile-footer-v3>span:first-of-type{font-size:8px!important;color:#6f7682!important}

/* take over old tour shell */
.tour{background:rgba(3,4,7,.92)!important;backdrop-filter:blur(14px)}
.tour-shell{display:block!important;height:100%!important}
.tour-topbar,.tour-progress{display:none!important}
.tour-stage{position:absolute!important;inset:0!important;padding:0!important;overflow:hidden!important}
.tour-transition{display:none!important}
.tour-home-hidden{opacity:.12!important;transform:scale(.985)!important;filter:blur(7px)!important}

.portfolio-browser{
  --site-accent:#8d7fff;
  position:absolute;
  left:18px;
  top:18px;
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-rows:38px 48px 31px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:#0d0f13;
  box-shadow:0 34px 110px rgba(0,0,0,.62);
  transform-origin:center;
  animation:browserOpen .48s var(--browser-ease) both;
}
@keyframes browserOpen{
  from{
    left:var(--browser-origin-x,50%);
    top:var(--browser-origin-y,50%);
    right:auto;
    bottom:auto;
    width:var(--browser-origin-w,120px);
    height:var(--browser-origin-h,38px);
    border-radius:8px;
    opacity:.5;
  }
  to{left:18px;top:18px;right:18px;bottom:18px;width:auto;height:auto;opacity:1}
}
.browser-closing .portfolio-browser{animation:browserClose .32s cubic-bezier(.4,0,.8,.2) both}
@keyframes browserClose{
  from{left:18px;top:18px;right:18px;bottom:18px;opacity:1}
  to{
    left:var(--browser-origin-x,50%);
    top:var(--browser-origin-y,50%);
    right:auto;
    bottom:auto;
    width:var(--browser-origin-w,120px);
    height:var(--browser-origin-h,38px);
    border-radius:8px;
    opacity:.15;
  }
}

/* browser chrome */
.browser-tabsbar{
  min-width:0;
  display:flex;
  align-items:end;
  gap:4px;
  padding:6px 8px 0;
  background:#090a0d;
  border-bottom:1px solid rgba(255,255,255,.055);
  user-select:none;
}
.browser-tabs{min-width:0;display:flex;align-items:end;gap:3px;overflow:auto;scrollbar-width:none}
.browser-tabs::-webkit-scrollbar{display:none}
.browser-tab{
  flex:0 1 190px;
  min-width:96px;
  height:31px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 26px;
  align-items:center;
  border-radius:7px 7px 0 0;
  color:#8e949f;
  background:#121419;
  border:1px solid transparent;
  border-bottom:0;
  transition:background .15s ease,opacity .15s ease;
}
.browser-tab.is-active{background:#191c22;color:#f0f1f3;border-color:rgba(255,255,255,.055)}
.browser-tab.is-dragging{opacity:.35}
.browser-tab-main{
  min-width:0;height:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:7px;padding:0 5px 0 9px;text-align:left
}
.browser-tab-main>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
.browser-tab-icon{flex:0 0 18px;width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:6px;font-weight:800;color:var(--site-accent)}
.browser-tab-close{width:21px;height:21px;margin-right:3px;border:0;border-radius:5px;background:transparent;color:#717783;font-size:13px}
.browser-tab-close:hover{background:rgba(255,255,255,.07);color:#fff}
.browser-newtab,.browser-close-window{
  flex:0 0 28px;width:28px;height:27px;margin-bottom:2px;border:0;border-radius:6px;background:transparent;color:#818793;font-size:14px
}
.browser-newtab:hover{background:#17191f;color:#fff}
.browser-close-window{margin-left:auto;color:#8b8f98}
.browser-close-window:hover{background:#c74444;color:#fff}

.browser-toolbar{
  min-width:0;
  display:grid;
  grid-template-columns:30px 30px 30px minmax(160px,1fr) 30px;
  gap:3px;
  align-items:center;
  padding:7px 9px;
  background:#191c22;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.browser-toolbar>button{width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:#a0a5ae;font-size:13px}
.browser-toolbar>button:hover:not(:disabled){background:rgba(255,255,255,.06);color:#fff}
.browser-toolbar>button:disabled{opacity:.28}
.browser-address{
  height:32px;
  min-width:0;
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:#101217;
  padding:0 10px;
  transition:border-color .15s ease,background .15s ease;
}
.browser-address:focus-within{border-color:rgba(141,127,255,.55);background:#0d0f13}
.browser-secure-dot{width:6px;height:6px;border-radius:50%;background:#5a606b;box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.browser-address input{min-width:0;border:0;outline:0;background:transparent;color:#c9cdd4;font-size:9px}
.browser-live-label{font-size:6px;font-weight:800;letter-spacing:.09em;color:#7fd795}
.browser-bookmarks{
  display:flex;
  align-items:center;
  gap:2px;
  padding:0 9px;
  background:#15171c;
  border-bottom:1px solid rgba(255,255,255,.05);
  overflow:auto;
  scrollbar-width:none;
}
.browser-bookmarks::-webkit-scrollbar{display:none}
.browser-bookmarks button{height:24px;flex:0 0 auto;border:0;border-radius:5px;background:transparent;color:#8b919c;font-size:7px;padding:0 8px;display:flex;align-items:center;gap:5px}
.browser-bookmarks button:hover{background:rgba(255,255,255,.05);color:#daddE3}
.browser-bookmarks button span{font-size:6px;color:var(--site-accent);font-weight:800}
.browser-bookmarks>i{height:13px;width:1px;background:rgba(255,255,255,.08);margin:0 3px}
.browser-viewport{position:relative;min-height:0;overflow:auto;background:#090a0d}
.browser-viewport.is-entering{animation:pageIn .24s var(--browser-ease) both}
@keyframes pageIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}

/* new tab */
.newtab-page{width:min(1180px,calc(100% - 42px));margin:0 auto;padding:42px 0 50px;color:#e7e9ed}
.newtab-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.newtab-heading>div:first-child>span{font-size:7px;color:#737a86;letter-spacing:.1em;text-transform:uppercase}
.newtab-heading h1{margin:6px 0 7px;font-size:31px;letter-spacing:-.045em}
.newtab-heading p{margin:0;color:#858b96;font-size:10px}
.newtab-keyhint{display:flex;align-items:center;gap:5px;color:#626975;font-size:7px}
.newtab-keyhint kbd{min-width:25px;height:21px;border:1px solid #333740;border-bottom-width:2px;border-radius:5px;background:#15171c;color:#a4a9b2;display:grid;place-items:center;font:700 7px/1 ui-monospace,monospace}
.newtab-keyhint b{font-weight:400}.newtab-keyhint span{margin-left:5px}
.newtab-section-title{display:grid;grid-template-columns:auto minmax(20px,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}
.newtab-section-title>span{font-size:7px;font-weight:800;letter-spacing:.12em;color:#7fd795}
.newtab-section-title>i{height:1px;background:rgba(255,255,255,.065)}
.newtab-section-title>small{font-size:7px;color:#5f6570}
.newtab-section-title.dev-title{margin-top:26px}.newtab-section-title.dev-title>span{color:#e4b85d}
.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.site-tile{min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#101217;color:#fff;padding:0;text-align:left;overflow:hidden;cursor:pointer;transition:transform .18s var(--browser-ease),border-color .18s ease,box-shadow .18s ease}
.site-tile:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);box-shadow:0 14px 30px rgba(0,0,0,.24)}
.tile-preview{height:118px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.tile-meta{min-height:58px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.tile-meta>div{min-width:0;display:grid;gap:3px}.tile-meta strong{font-size:10px}.tile-meta span{font-size:7px;color:#747b86}.tile-meta>small{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#5f6570}
.tile-meta>small i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#5fd47b}
.death-mini{height:100%;background:radial-gradient(circle at center,#251212,#080808 70%);display:grid;place-items:center;align-content:center;gap:8px;color:#f2e8e8}.death-mini>span{font:800 11px/1 ui-monospace,monospace;letter-spacing:.12em}.death-mini>div{width:86px;height:2px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.death-mini i{background:#8d2222}.death-mini b{font-size:6px;color:#9a6464;letter-spacing:.18em}
.g94-mini{height:100%;background:#070707;display:grid;place-items:center;align-content:center;color:#fff}.g94-mini strong{font-size:29px;line-height:.85;color:#e5222d;letter-spacing:-.07em}.g94-mini>span{font-size:6px;letter-spacing:.2em;color:#777}.g94-mini>div{display:flex;align-items:end;gap:3px;height:18px;margin-top:10px}.g94-mini i{width:3px;background:#e5222d}.g94-mini i:nth-child(1),.g94-mini i:nth-child(5){height:6px}.g94-mini i:nth-child(2),.g94-mini i:nth-child(4){height:12px}.g94-mini i:nth-child(3){height:18px}
.nerds-mini{height:100%;display:grid;place-items:center;align-content:center;background:#f2f0eb;color:#0e0e0f}.nerds-mini span{font-size:13px;font-weight:300;letter-spacing:.21em}.nerds-mini strong{font-size:31px;letter-spacing:-.07em;line-height:.86}.nerds-mini small{margin-top:9px;font:700 6px/1 ui-monospace,monospace;letter-spacing:.12em;color:#666}
.yume-mini{height:100%;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,#19242a,#10171b);color:#fff}.yume-mini img{width:42px;height:42px;border-radius:50%;object-fit:cover}.yume-mini strong{margin-top:6px;font-size:14px}.yume-mini span{font-size:7px;color:#b4bdc3}
.corp-mini{height:100%;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,#62b9f4,#fff6dc);color:#18315f}.corp-mini img{width:40px}.corp-mini strong{font-size:22px}.corp-mini span{font-size:7px;color:#365578}
.vyr-mini{height:100%;display:flex;align-items:center;justify-content:center;background:#14161e;color:#f4f6fc}.vyr-mini>span{font-size:17px;font-weight:800;color:#58a6ff}.vyr-mini>strong{font-size:27px;margin-left:3px}.vyr-mini>div{display:grid;gap:3px;margin-left:14px}.vyr-mini i{display:block;width:47px;height:3px;background:#242936}.vyr-mini i:first-child{width:34px;background:#58a6ff}
.rift-dev-tile{width:100%;border:1px solid rgba(216,75,75,.17);border-radius:10px;background:linear-gradient(90deg,#101218,#0d0f13);color:#fff;display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px 15px;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s var(--browser-ease)}
.rift-dev-tile:hover{border-color:rgba(216,75,75,.42);transform:translateY(-2px)}
.rift-dev-tile>div{display:flex;align-items:center;gap:10px}.rift-dev-tile img{width:34px;height:34px;border-radius:9px;background:#d84b4b}.rift-dev-tile>div>span{display:grid}.rift-dev-tile strong{font-size:10px}.rift-dev-tile small{font-size:7px;color:#757c87}.rift-dev-tile p{margin:0;color:#818793;font-size:8px}.rift-dev-tile>b{font-size:8px;color:#d27171}

/* generic project page */
.project-page{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:18px;background:#0a0b0e;color:#eceef2}
.project-site-frame{min-width:0;min-height:520px;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.site-info-card{align-self:start;position:sticky;top:18px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111318;padding:18px}
.site-info-kicker{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--site-accent)}
.site-info-card h2{margin:7px 0 9px;font-size:21px;letter-spacing:-.035em}.site-info-card p{margin:0;color:#8d939e;font-size:9px;line-height:1.65}
.site-info-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.site-info-tech span{font-size:7px;color:#6f7682}
.site-live-button{margin-top:18px;min-height:34px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#181b21;color:#fff;padding:0 11px;display:flex;align-items:center;justify-content:space-between;font-size:8px;text-decoration:none;transition:border-color .15s ease,background .15s ease}
.site-live-button:hover{border-color:var(--site-accent);background:#1b1e25}.site-live-button.disabled{opacity:.4}

/* Death Penalty */
.theme-death{--site-accent:#c64b4b}.death-site{background:#090909;color:#f0ecec}.death-site>header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282020;background:#0d0a0a}.death-site>header>span{font:800 9px/1 ui-monospace,monospace;letter-spacing:.13em}.death-site>header>div{font-size:7px;color:#8d7777}.death-site>header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fd47b;margin-right:5px}.death-site>main{min-height:470px;display:grid;grid-template-columns:minmax(0,1fr) 210px}.death-stage{position:relative;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 45%,#281414,#080808 63%)}.death-stage>small{font-size:7px;color:#8d6464;letter-spacing:.14em}.death-stage h3{margin:7px 0 4px;font-size:31px}.death-stage p{max-width:500px;margin:0;color:#a99191;font-size:9px;line-height:1.55}.death-wheel{width:126px;height:126px;margin:21px 0;border:1px solid #522626;border-radius:50%;background:conic-gradient(#1b0e0e 0 25%,#381717 25% 50%,#130b0b 50% 75%,#2c1212 75%);display:grid;place-items:center;box-shadow:0 0 0 9px rgba(255,255,255,.018)}.death-wheel span{width:48px;height:48px;border-radius:50%;background:#080808;border:1px solid #4b2424;display:grid;place-items:center;font:800 10px/1 ui-monospace,monospace}.death-wheel.is-spinning{animation:wheelSpin .62s linear infinite}@keyframes wheelSpin{to{transform:rotate(360deg)}}.death-stage button{border:1px solid #4a2828;border-radius:6px;background:#160d0d;color:#d9caca;font-size:8px;padding:8px 10px}.death-stage button:hover{background:#211010}.death-site aside{padding:20px 14px;background:#0d0b0b;border-left:1px solid #282020}.death-site aside>span{font-size:7px;color:#785959}.death-site ol{list-style:none;padding:0;margin:12px 0 20px;display:grid;gap:6px}.death-site li{position:relative;padding:7px 8px 7px 22px;border-radius:5px;color:#6e6262;font-size:8px}.death-site li::before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;border-radius:50%;background:#342525;transform:translateY(-50%)}.death-site li.active{background:#1b1111;color:#eadede}.death-site li.active::before{background:#c64b4b;box-shadow:0 0 10px #c64b4b}.death-site aside>div{display:grid;gap:3px;padding:10px 0;border-top:1px solid #251d1d}.death-site aside small{font-size:6px;color:#705a5a}.death-site aside strong{font-size:8px;font-weight:600}

/* G94 */
.theme-g94{--site-accent:#e5222d}.g94-site{background:#070707;color:#f5f5f2}.g94-site>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #2a2a2a}.g94-site>header>div{display:flex;align-items:baseline;gap:5px}.g94-site>header strong{color:#e5222d;font-size:16px;letter-spacing:-.05em}.g94-site>header>div span{font-size:7px;letter-spacing:.13em}.g94-site>header nav{display:flex;gap:16px;color:#85857f;font-size:7px}.g94-site>main{min-height:468px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:36px;align-items:center;padding:45px 6%}.g94-site main section small{color:#e5222d;font:700 7px/1 ui-monospace,monospace;letter-spacing:.12em}.g94-site main section h3{margin:10px 0 12px;font-size:41px;line-height:.9;letter-spacing:-.055em}.g94-site main section p{max-width:420px;color:#9a9a95;font-size:9px;line-height:1.6}.g94-discord-demo{border:1px solid #454545;background:#0d0d0d;box-shadow:12px 12px 0 #111;min-height:290px;display:grid;grid-template-rows:38px minmax(0,1fr) auto 35px}.g94-discord-demo>header{display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #2a2a2a}.g94-discord-demo>header strong{font-size:8px}.g94-discord-demo>header span{font-size:6px;color:#777}.g94-discord-demo>header i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82d392;margin-right:4px}.g94-discord-demo>div:first-of-type{overflow:auto;padding:11px}.g94-discord-demo p{display:grid;grid-template-columns:34px 1fr;margin:0 0 9px;font-size:8px}.g94-discord-demo p b{color:#aaa}.g94-discord-demo p.bot b{color:#e5222d}.g94-discord-demo p span{color:#c9c9c5}.g94-demo-actions{display:flex;gap:5px;padding:0 9px 8px}.g94-demo-actions button{border:1px solid #373737;border-radius:5px;background:#111;color:#9b9b96;font:700 7px/1 ui-monospace,monospace;padding:6px 7px}.g94-demo-actions button:hover{border-color:#e5222d;color:#fff}.g94-discord-demo footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;border-top:1px solid #2a2a2a;padding:0 10px;color:#777;font-size:7px}.g94-discord-demo footer i{width:45px;height:2px;background:#333}.g94-discord-demo footer.is-playing i,.g94-discord-demo footer i{position:relative;overflow:hidden}.g94-discord-demo footer.is-playing i::after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:#e5222d;animation:g94Progress 2.2s linear infinite}@keyframes g94Progress{from{transform:translateX(-100%)}to{transform:translateX(250%)}}.g94-discord-demo footer.has-reverb{box-shadow:inset 0 0 24px rgba(229,34,45,.08)}

/* Nerds Inc */
.theme-nerds{--site-accent:#e8e5de}.nerds-site{background:#f1efe9;color:#101011}.nerds-site>header{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2cfc8}.nerds-site>header>div{display:flex;align-items:baseline;gap:6px}.nerds-site>header strong{font-size:15px;letter-spacing:.15em}.nerds-site>header span{font-size:9px;font-weight:900}.nerds-site>header nav{display:flex;gap:18px;font-size:7px;color:#69665f}.nerds-site>main{min-height:468px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:42px;padding:48px 6%;align-items:center}.nerds-hero small{font:700 7px/1 ui-monospace,monospace;letter-spacing:.14em;color:#77736b}.nerds-hero h3{margin:10px 0 12px;font-size:39px;line-height:.94;letter-spacing:-.055em}.nerds-hero p{max-width:430px;color:#68655f;font-size:9px;line-height:1.6}.nerds-map{border:1px solid #cbc8c1;background:#fffdf8}.nerds-map>header{height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd5}.nerds-map>header span{font:800 7px/1 ui-monospace,monospace;letter-spacing:.1em}.nerds-map>header small{font-size:6px;color:#85817a}.nerds-map>div{display:grid;grid-template-columns:1fr 1fr}.nerds-map button{min-height:72px;border:0;border-right:1px solid #dedbd5;border-bottom:1px solid #dedbd5;background:transparent;color:#111;text-align:left;padding:12px;display:grid;gap:4px}.nerds-map button:nth-child(even){border-right:0}.nerds-map button:hover{background:#f3f0e9}.nerds-map b{font-size:10px}.nerds-map button span{font-size:7px;color:#75716b}

/* Yume */
.theme-yume{--site-accent:#f29ac0}.yume-site{background:#151e23;color:#f5f7f8}.yume-site>header{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34414a}.yume-site>header>div{display:flex;align-items:center;gap:8px}.yume-site>header img{width:31px;height:31px;border-radius:50%;object-fit:cover}.yume-site>header strong{font-size:11px}.yume-site>header nav{display:flex;gap:17px;color:#b7c0c6;font-size:7px}.yume-site>main{min-height:468px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:30px;align-items:center;padding:42px 6%}.yume-site main section>small{font-size:7px;color:#f29ac0;letter-spacing:.11em}.yume-site main section h3{margin:9px 0 11px;font-size:29px;line-height:1.03}.yume-site main section p{max-width:520px;color:#b7c0c6;font-size:9px;line-height:1.6}.yume-products{display:flex;gap:7px;margin-top:16px}.yume-products span{height:31px;padding:0 8px 0 5px;border:1px solid #46535d;border-radius:6px;background:#222d36;display:flex;align-items:center;gap:6px;font-size:7px}.yume-products img{width:21px;height:21px;border-radius:50%;object-fit:cover}.yume-site main>aside{position:relative;min-height:330px}.yume-notification{position:absolute;right:0;top:28px;width:250px;border:1px solid #46535d;border-radius:10px;background:#222d36;color:#fff;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;box-shadow:0 14px 38px rgba(0,0,0,.32);animation:notifFloat 3s ease-in-out infinite}.yume-notification:hover{border-color:#f29ac0}.yume-notification img{width:34px;height:34px;border-radius:50%;object-fit:cover}.yume-notification span{display:grid;gap:2px}.yume-notification strong{font-size:8px}.yume-notification small{font-size:7px;color:#b7c0c6}@keyframes notifFloat{50%{transform:translateY(-4px)}}.yume-phone{position:absolute;right:18px;bottom:0;width:235px;min-height:210px;border:1px solid #46535d;border-radius:14px;background:#0f171b;color:#fff;padding:18px;display:grid;align-content:start;gap:8px;opacity:.18;transform:translateY(18px) scale(.95);pointer-events:none;transition:.24s var(--browser-ease)}.yume-phone.is-open{opacity:1;transform:none;pointer-events:auto}.yume-phone>span{font-size:6px;color:#f29ac0;letter-spacing:.12em}.yume-phone strong{font-size:16px}.yume-phone p{margin:0;color:#aeb7bd;font-size:8px;line-height:1.55}.yume-phone button{margin-top:6px;border:1px solid #46535d;border-radius:6px;background:#222d36;color:#fff;padding:7px 9px;font-size:7px}

/* Yume Corporation */
.theme-corp{--site-accent:#ffda31}.corp-site{display:grid;grid-template-rows:56px minmax(0,1fr) 32px;background:#63b9f3;color:#18213c;font-family:"Trebuchet MS",Verdana,sans-serif}.corp-site>header{padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(24,33,60,.12)}.corp-site>header>div{display:flex;align-items:center;gap:8px}.corp-site>header img{width:33px}.corp-site>header strong{font-size:10px}.corp-site>header nav{display:flex;gap:5px;align-items:center}.corp-site>header nav span,.corp-site>header nav button{border:0;border-radius:5px;background:transparent;color:#123b79;font:800 8px/1 inherit;padding:7px 9px}.corp-site>header nav button{background:rgba(255,255,255,.25)}.corp-site>main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:27px;align-items:center;padding:36px 6%}.corp-site main section small{font-size:7px;font-weight:800;letter-spacing:.1em;color:#123b79}.corp-site main section h3{margin:9px 0 10px;font-size:34px;line-height:.97}.corp-site main section p{max-width:500px;color:#355176;font-size:9px;line-height:1.55}.corp-site main aside{background:#fffdf7;border:2px solid rgba(24,33,60,.14);padding:21px;box-shadow:7px 7px 0 rgba(18,59,121,.1);display:grid;gap:7px}.corp-site main aside img{width:54px}.corp-site main aside strong{font-size:13px}.corp-site main aside span{font-size:8px;color:#52617d}.corp-site>footer{display:flex;align-items:center;justify-content:center;background:#ffda31;border-top:2px solid rgba(24,33,60,.12);font-size:7px;font-weight:800;letter-spacing:.07em}.corp-site.is-archive{background:#111318;color:#d7d9df;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.corp-site.is-archive>header{background:#0d0f12;border-color:#282c33}.corp-site.is-archive>header strong,.corp-site.is-archive>header nav span,.corp-site.is-archive>header nav button{color:#d7d9df}.corp-site.is-archive>footer{background:#0b0d10;color:#666;border-color:#282c33}.corp-site.is-archive>main{display:block;padding:0}.corp-archive-preview{height:100%;padding:8% 9%;display:grid;align-content:center}.corp-archive-preview small{color:#676f7b!important}.corp-archive-preview h3{max-width:720px;color:#e3e5e8;font-size:25px!important}.corp-archive-preview p{max-width:700px!important;color:#959ca6!important}.corp-archive-preview div{display:flex;gap:7px;margin-top:13px}.corp-archive-preview div span{border:1px solid #2d333b;background:#171a20;padding:7px 9px;font-size:7px}

/* 0xVyr */
.theme-vyr{--site-accent:#58a6ff}.vyr-site{background:#0f1118;color:#f3f5fa}.vyr-site>header{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282d39;background:#12151d}.vyr-site>header>div{display:flex;align-items:center;gap:8px}.vyr-site>header>div span{width:27px;height:27px;border-radius:7px;background:#58a6ff;color:#0f1118;display:grid;place-items:center;font-size:8px;font-weight:900}.vyr-site>header strong{font-size:10px}.vyr-site>header nav{display:flex;gap:17px;color:#7d879b;font-size:7px}.vyr-site>main{position:relative;min-height:468px;padding:40px 7%;display:grid;align-content:start}.vyr-profile{display:flex;align-items:center;gap:12px}.vyr-avatar{width:56px;height:56px;border-radius:13px;background:#1d202b;border:1px solid #4e5466;color:#58a6ff;display:grid;place-items:center;font-size:14px;font-weight:900}.vyr-profile small{font-size:6px;color:#687186;letter-spacing:.1em}.vyr-profile h3{margin:4px 0 2px;font-size:22px}.vyr-profile p{margin:0;color:#8a93a6;font-size:8px}.vyr-project{margin-top:24px;width:min(560px,70%);border:1px solid #343947;border-radius:9px;background:#171a22;padding:16px}.vyr-project header{display:flex;justify-content:space-between;align-items:center}.vyr-project header span{font-size:6px;color:#687186}.vyr-project header strong{font-size:11px}.vyr-project p{margin:12px 0;color:#a7afc0;font-size:8px;line-height:1.6}.vyr-project button{border:1px solid #3e4657;border-radius:6px;background:#202635;color:#58a6ff;padding:7px 9px;font-size:7px}.vyr-hud{position:absolute;right:7%;top:64px;width:330px;border:1px solid #4e5466;border-radius:10px;background:#1a1d27;box-shadow:0 24px 70px rgba(0,0,0,.38);overflow:hidden;animation:hudIn .28s var(--browser-ease) both}.vyr-hud[hidden]{display:none}.vyr-hud>header{height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;background:#1d202b}.vyr-hud>header strong{font-size:9px}.vyr-hud>header button{border:0;background:transparent;color:#7e879b}.vyr-hud nav{display:flex;gap:4px;padding:7px;border-bottom:1px solid #292d38}.vyr-hud nav button{border:0;border-radius:4px;background:transparent;color:#7e879c;font-size:7px;padding:5px 7px}.vyr-hud nav button.active{background:#202635;color:#58a6ff}.vyr-hud>div{display:grid;gap:7px;padding:12px}.vyr-hud label{display:grid;grid-template-columns:1fr auto;align-items:center;padding:9px;background:#1d202b;border-radius:5px;color:#aab2c3;font-size:7px}.vyr-hud input[type=range]{width:100px;accent-color:#58a6ff}@keyframes hudIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* Rift local build */
.theme-rift{--site-accent:#d84b4b}.rift-page{grid-template-columns:minmax(0,1fr) 300px}.rift-local{display:grid;grid-template-columns:56px 190px minmax(0,1fr);background:#0d0f13;color:#eceff3}.rift-local>aside{background:#090a0d;border-right:1px solid rgba(255,255,255,.055);padding:9px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.rift-local>aside img,.rift-local>aside button{width:38px;height:38px;border-radius:10px;border:0}.rift-local>aside img{background:#d84b4b}.rift-local>aside button{background:#171a21;color:#8c929d}.rift-local>nav{background:#11141a;border-right:1px solid rgba(255,255,255,.055);padding:0 8px 8px;display:grid;grid-auto-rows:max-content}.rift-local>nav header{height:50px;margin:0 -8px 8px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.055);display:grid;align-content:center}.rift-local>nav header small{font-size:6px;color:#d84b4b}.rift-local>nav header strong{font-size:10px}.rift-local>nav>span{margin:9px 6px 4px;font-size:6px;color:#5e6571}.rift-local>nav>button{height:29px;border:0;border-radius:5px;background:transparent;color:#8a919c;text-align:left;font-size:8px}.rift-local>nav>button.active{background:#1d2129;color:#fff}.rift-local>main{min-width:0;display:grid;grid-template-rows:50px minmax(0,1fr) 48px}.rift-local>main>header{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.055)}.rift-local>main>header strong{font-size:10px}.rift-local>main>header span{font-size:7px;color:#616873}.rift-browser-chat{overflow:auto;padding:16px}.rift-browser-chat p{display:grid;grid-template-columns:31px 1fr;gap:9px;margin:0 0 13px}.rift-browser-chat p>b{width:29px;height:29px;border-radius:8px;background:#d84b4b;display:grid;place-items:center;font-size:8px}.rift-browser-chat p.you>b{background:#4a5260}.rift-browser-chat p>span{display:grid;align-content:center;gap:3px}.rift-browser-chat strong{font-size:8px}.rift-browser-chat small{font-size:9px;color:#b2b7c1}.rift-local form{margin:0 11px 10px;height:35px;border-radius:6px;background:#1d2129;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0 6px}.rift-local form input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:9px;padding:0 7px}.rift-local form button{align-self:center;height:23px;border:0;border-radius:5px;background:rgba(216,75,75,.14);color:#dce0e5;font-size:8px}.rift-info .site-info-kicker{color:#e4b85d}

/* special pages */
.special-page{min-height:100%;width:min(900px,calc(100% - 42px));margin:0 auto;display:grid;align-content:center;color:#e9ebef;padding:50px 0}.special-avatar{width:58px;height:58px;border-radius:14px;background:#171a21;border:1px solid #353943;display:grid;place-items:center;font-size:12px;font-weight:900;color:#8d7fff}.about-page>small{margin-top:16px;color:#777e89;font-size:7px}.about-page h1{max-width:730px;margin:8px 0 12px;font-size:34px;line-height:1.04;letter-spacing:-.045em}.about-page p{max-width:680px;margin:0;color:#8c929d;font-size:10px;line-height:1.65}.about-page>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.about-page>div span{font-size:7px;color:#6f7682}.special-page>button,.source-page header button,.notfound-page button{justify-self:start;margin-top:22px;border:1px solid #343944;border-radius:6px;background:#14171c;color:#dfe2e7;padding:8px 10px;font-size:8px}.source-page{width:min(960px,calc(100% - 42px));align-content:start;padding-top:32px}.source-page header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #242831}.source-page header span{font:700 8px/1 ui-monospace,monospace;color:#8d7fff}.source-page header button{margin:0}.source-page pre{margin:30px 0 0;padding:20px;border:1px solid #242831;border-radius:8px;background:#0d0f13;overflow:auto;color:#8c929d;font:9px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.source-page code span{color:#c995ee}.source-page code b{color:#a9c7ff;font-weight:500}.notfound-page{text-align:center;place-items:center}.notfound-page>span{font-size:62px;font-weight:900;letter-spacing:-.08em;color:#272b33}.notfound-page h1{margin:10px 0 8px;font-size:24px}.notfound-page p{margin:0;color:#7f8692;font-size:9px}.notfound-page button{justify-self:center}

@media(max-width:1050px){
  .project-page{grid-template-columns:1fr;padding:12px}.site-info-card{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px}.site-info-card h2,.site-info-card p,.site-info-card .site-info-tech{grid-column:1}.site-live-button{grid-column:2;grid-row:1/5;align-self:center;min-width:130px}
  .site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nerds-site>main{grid-template-columns:1fr}.nerds-hero p{max-width:700px}.g94-site>main{gap:20px}
}

@media(max-width:720px){
  .portfolio-browser{left:5px;top:5px;right:5px;bottom:5px;border-radius:9px;grid-template-rows:34px 45px 28px minmax(0,1fr)}
  @keyframes browserOpen{to{left:5px;top:5px;right:5px;bottom:5px;width:auto;height:auto;opacity:1}}
  @keyframes browserClose{from{left:5px;top:5px;right:5px;bottom:5px;opacity:1}to{left:var(--browser-origin-x,50%);top:var(--browser-origin-y,50%);right:auto;bottom:auto;width:var(--browser-origin-w,120px);height:var(--browser-origin-h,38px);opacity:.1}}
  .browser-tabsbar{padding:4px 5px 0}.browser-tab{height:29px;flex-basis:135px}.browser-toolbar{grid-template-columns:28px 28px minmax(120px,1fr) 28px;padding:6px}.browser-toolbar>#browserReload{display:none}.browser-address{height:30px}.browser-bookmarks{padding:0 5px}.browser-bookmarks button{padding:0 6px}.browser-bookmarks button{font-size:0}.browser-bookmarks button span{font-size:7px}.browser-bookmarks button[data-special]{font-size:7px}
  .newtab-page{width:calc(100% - 24px);padding:24px 0 34px}.newtab-heading{display:block;margin-bottom:24px}.newtab-heading h1{font-size:26px}.newtab-keyhint{display:none}.site-grid{grid-template-columns:1fr 1fr;gap:7px}.tile-preview{height:92px}.tile-meta{display:grid;min-height:55px}.tile-meta>small{max-width:100%}.rift-dev-tile{grid-template-columns:1fr auto}.rift-dev-tile>p{display:none}
  .project-page{padding:7px;gap:8px}.project-site-frame{min-height:430px}.site-info-card{display:block;padding:13px}.site-info-card h2{font-size:18px}.site-info-card p{font-size:8px}.site-live-button{margin-top:12px}.death-site>main{grid-template-columns:1fr}.death-site main>aside{display:none}.death-stage{min-height:420px}.g94-site>main{grid-template-columns:1fr;padding:25px 20px}.g94-site main section h3{font-size:31px}.g94-site main section p{max-width:none}.g94-discord-demo{min-height:245px}.nerds-site>main{padding:26px 18px}.nerds-hero h3{font-size:31px}.yume-site>main{grid-template-columns:1fr;padding:24px 18px}.yume-site main>aside{min-height:250px}.corp-site>main{grid-template-columns:1fr;padding:25px 18px}.corp-site main aside{display:none}.vyr-site>main{padding:25px 18px}.vyr-project{width:100%}.vyr-hud{left:18px;right:18px;top:120px;width:auto}.rift-local{grid-template-columns:44px minmax(0,1fr)}.rift-local>nav{display:none}.rift-local>aside{padding:7px 4px}.rift-local>aside img,.rift-local>aside button{width:34px;height:34px}
}

@media(max-width:480px){
  .site-grid{grid-template-columns:1fr}.tile-preview{height:86px}.profile-links-row::before{content:"6 live"}.profile-links-row::after{content:"1 building"}.browser-tab{min-width:86px}.browser-tab-main{padding-left:6px}.browser-toolbar{gap:1px}.browser-address{padding:0 7px}.newtab-heading p{font-size:9px}.newtab-section-title>small{display:none}.newtab-section-title{grid-template-columns:auto 1fr}.rift-dev-tile{padding:10px}.death-wheel{width:110px;height:110px}.g94-site>header nav,.yume-site>header nav,.vyr-site>header nav{display:none}.nerds-site>header nav{display:none}.nerds-map>div{grid-template-columns:1fr}.nerds-map button{border-right:0}.yume-products{flex-wrap:wrap}.corp-site>header{padding:0 12px}.corp-site>header strong{font-size:8px}
}

@media(prefers-reduced-motion:reduce){
  .portfolio-browser,.browser-closing .portfolio-browser,.browser-viewport.is-entering,.site-tile,.yume-notification,.death-wheel,.vyr-hud{animation-duration:.01ms!important;transition-duration:.01ms!important}
}