/* DigitalBunnys — original editorial / playful streamer identity, no framework. */
:root{--plum:#17121f;--plum2:#251b31;--night:#100d17;--cream:#f8f2ea;--paper:#fffaf2;--ink:#281f31;--muted:#756a79;--line:#e6d9df;--pink:#e7a7c7;--rose:#ffcade;--lavender:#c6b2ed;--mint:#bcdfd1;--yellow:#f9e4ad;--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',system-ui,-apple-system,sans-serif;--gutter:clamp(18px,4.4vw,56px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--night);font-family:var(--body);font-size:16px;line-height:1.48;color:var(--cream);overflow-x:clip}button,a{ -webkit-tap-highlight-color:transparent }button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #55d5d1;outline-offset:4px}::selection{background:var(--lavender);color:var(--ink)}img{display:block;max-width:100%}em{font-style:italic;font-family:Georgia,serif;font-weight:500}h1,h2,p{margin:0}.skip-link{position:absolute;z-index:100;left:16px;top:-80px;background:#fff;color:#100d17;padding:12px 18px}.skip-link:focus{top:12px}.site-frame{width:min(100%,1440px);margin:auto;background:var(--cream);color:var(--ink);min-height:100vh;box-shadow:0 0 120px #0008}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:94px;padding:18px var(--gutter);background:var(--plum);color:var(--cream);border-bottom:1px solid #fff2;gap:20px}.brand-mark{display:inline-flex;align-items:center;gap:15px;min-width:0}.brand-symbol{font-family:var(--display);background:var(--pink);color:var(--ink);width:52px;height:52px;border-radius:12px;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;letter-spacing:-.08em;flex-shrink:0}.brand-symbol span{font-size:15px;align-self:flex-start;margin-top:7px;letter-spacing:0}.brand-copy{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.04em;line-height:1.12;white-space:nowrap}.brand-copy small{display:block;font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#cbbaca;margin-top:6px}.nav-actions{display:flex;align-items:center;gap:clamp(12px,2.5vw,36px)}.nav-text{font-weight:700;font-size:13px;white-space:nowrap;color:#d8c8da;transition:color .18s}.nav-text:hover{color:#fff}.nav-watch{background:var(--cream);color:var(--ink);border-radius:5px;padding:13px 16px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .18s,background .18s}.nav-watch span{margin-left:7px}.nav-watch:hover{background:var(--pink);transform:translateY(-2px)}
/* Asymmetric editorial hero. The illustration is authored specifically for this channel. */
.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);min-height:635px;overflow:hidden;background:var(--plum);color:var(--cream)}.hero-copy{padding:clamp(54px,6.5vw,96px) 22px 54px var(--gutter);position:relative;z-index:2;align-self:center}.eyebrow,.section-kicker,.panel-label{font-family:var(--display);font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--pink);margin-bottom:28px}.star{font-size:18px;margin-right:8px;vertical-align:-1px}.hero h1{font-family:var(--display);font-size:clamp(43px,5.1vw,72px);line-height:.99;font-weight:700;letter-spacing:-.077em;max-width:800px}.outline-title{color:transparent;-webkit-text-stroke:1.8px var(--cream)}@supports not (-webkit-text-stroke:1px black){.outline-title{color:var(--cream)}}.hero h1 em{display:inline-block;color:var(--pink);font-size:.81em;letter-spacing:-.068em;margin-top:5px;white-space:normal}.hero-lede{color:#ddd1e0;max-width:510px;font-size:clamp(16px,1.5vw,19px);line-height:1.6;margin:27px 0 31px}.hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:13px 23px;font-size:13px;letter-spacing:.015em;font-weight:800;border-radius:5px;transition:transform .18s,background .18s}.btn-primary{background:var(--pink);color:var(--ink);gap:11px}.btn-primary:hover{background:#ffd6e7;transform:translateY(-2px)}.btn-secondary{border:1px solid #c8b7ca79;color:#f7eff5;gap:12px}.btn-secondary:hover{background:#ffffff14}.hero-micro{margin-top:35px;font-family:var(--display);font-size:12px;letter-spacing:.06em;color:#b6a5bd}.mini-spark{color:var(--pink);font-size:22px;vertical-align:-2px;margin-right:10px}.small-sep{padding:0 7px;color:#63516c}
.hero-art{position:relative;min-height:560px;overflow:hidden;background:#b6a3db;isolation:isolate}.hero-art::before{content:"";position:absolute;inset:15% 0 0;background:radial-gradient(circle at 78% 33%,#f6d8e7 0,#cbb7ec 35%,#9a81c6 77%);opacity:.95;z-index:-2}.art-grid{position:absolute;inset:0;background:linear-gradient(to right,#37234121 1px,transparent 1px),linear-gradient(to bottom,#37234121 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(120deg,#0009,transparent 80%)}.hero-art::after{content:"";position:absolute;width:450px;height:450px;border:2px dashed #4b315145;border-radius:50%;right:-160px;top:-100px}.art-star{position:absolute;color:#5e3c6b;line-height:1;z-index:3}.art-star-top{font-size:65px;right:8%;top:9%}.art-star-left{font-size:43px;left:7%;bottom:20%}.art-tape{position:absolute;z-index:5;top:45px;left:-22px;transform:rotate(-14deg);background:#fde8a5;color:#35253c;font-family:var(--display);font-weight:700;letter-spacing:.035em;font-size:13px;padding:12px 48px;box-shadow:0 8px 17px #34264136}.portrait-card{position:absolute;z-index:4;width:clamp(246px,24vw,340px);left:50%;top:51%;transform:translate(-50%,-50%) rotate(6deg);background:#fdf5eb;border:7px solid #fffaf4;border-bottom-width:13px;box-shadow:18px 20px 0 #37274045,0 25px 45px #26183136;aspect-ratio:.91;padding:13px 13px 0}.portrait-frame{position:relative;width:100%;height:82%;background:#57406a;border:4px solid #2d2434;overflow:hidden}.portrait-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#d1b5e5,#856ca7);z-index:-1}.portrait-frame img{height:100%;width:100%;object-fit:cover;position:relative;z-index:1}.portrait-bottom{display:flex;justify-content:space-between;align-items:center;min-height:17%;padding:0 4px;color:#2f2334;font-family:var(--display);font-size:clamp(22px,2.4vw,34px);font-weight:700;letter-spacing:-.07em}.portrait-bottom b{font-family:Georgia,serif;color:#d77a9c;font-size:35px;line-height:1}.rabbit-ear{position:absolute;z-index:-1;top:-96px;width:56px;height:120px;border:5px solid #2d2434;border-radius:65% 65% 25% 25%;background:linear-gradient(90deg,#f9eaf4 28%,#e7a7c7 28% 70%,#f9eaf4 70%);transform-origin:bottom center}.ear-a{left:55px;transform:rotate(-19deg)}.ear-b{right:60px;transform:rotate(13deg)}.mascot-sticker{position:absolute;z-index:6;bottom:17%;right:2%;height:124px;width:124px;display:grid;place-items:center;border-radius:50%;background:#ffedb9;border:5px solid #f9f2d6;box-shadow:0 10px 0 #37274029;transform:rotate(-15deg)}.mascot-sticker img{width:100%;height:auto}.art-corner{position:absolute;z-index:3;bottom:6%;left:6%;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.1em;line-height:1.15;transform:rotate(-8deg);color:#543962}
/* External status data never masquerades as verified when the API fails. */
.stream-panel{background:#292031;color:#fff5f9;display:grid;grid-template-columns:210px minmax(0,1fr) 156px 42px;align-items:center;gap:22px;padding:23px var(--gutter);border-top:1px solid #fff3;border-bottom:5px solid var(--pink)}.stream-status{display:flex;align-items:center;gap:14px}.stream-dot{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:#9b8a9e;box-shadow:0 0 0 6px #9b8a9e20}.stream-panel[data-state=live] .stream-dot{background:#ff759a;box-shadow:0 0 0 6px #ff759a22;animation:pulse 1.5s infinite}.stream-panel[data-state=offline] .stream-dot{background:#bcb1c2;box-shadow:none}.panel-label{font-size:10px;color:#b9a6c2}.status-copy{font-size:17px;font-weight:800;margin-top:5px}.stream-now{padding-left:23px;border-left:1px solid #ffffff26;min-width:0}.stream-title{font-size:15px;font-weight:800;overflow-wrap:anywhere;line-height:1.4;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.stream-details{font-size:12px;color:#b6a7bd;margin-top:5px;display:flex;flex-wrap:wrap;gap:7px}.stream-stats{display:flex;gap:22px;justify-content:flex-end}.stream-stats>div{display:grid;text-align:center}.stat-value{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.1}.stat-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:#bbadbf;text-transform:uppercase;margin-top:5px}.stream-arrow{display:grid;place-items:center;height:44px;width:44px;border-radius:50%;background:#f5e5f0;color:#2f2235;font-size:22px;font-weight:700}.stream-arrow:hover{background:var(--pink)}
/* Paper editorials / destination directory */
.rabbit-hole,.social-section{padding:clamp(68px,7vw,108px) var(--gutter)}.section-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(200px,.65fr);gap:35px;align-items:end;margin-bottom:35px}.section-kicker{color:#a4567d;margin-bottom:18px}.section-heading h2,.join-copy h2{font-family:var(--display);font-size:clamp(38px,5vw,70px);line-height:1.02;letter-spacing:-.07em;font-weight:700;max-width:750px}.section-heading h2 em{color:#b36f99;white-space:normal}.section-heading>p{font-size:16px;max-width:270px;color:#716875;line-height:1.65;margin-bottom:4px}.link-list{border-top:2px solid #302536}.link-row{position:relative;display:grid;grid-template-columns:40px 114px minmax(0,1fr) 55px;align-items:center;gap:24px;min-height:165px;padding:24px 12px;border-bottom:1px solid #d7c9d3;transition:background .2s,transform .2s}.link-row:hover{background:#fffaf5}.link-row:hover .link-action{background:var(--ink);color:#fff;transform:translate(3px,-3px)}.link-index{font-family:var(--display);font-size:13px;font-weight:700;color:#827787;align-self:start;margin-top:13px}.link-visual{display:grid;place-items:center;height:112px;width:112px;border-radius:8px;border:1px solid #0001;font:700 68px/1 Georgia,serif;transform:rotate(-5deg);transition:transform .2s}.link-row:hover .link-visual{transform:rotate(0)}.visual-wishlist{background:#efd5e7;color:#a6588d}.visual-tip{background:#e3d8ef;color:#8466ac;font-size:74px}.visual-games{background:#d8e9df;color:#467a6b;font-family:var(--display);font-size:64px}.visual-commands{background:#fae5ba;color:#996d2d;font:700 34px/1 monospace}.link-content{min-width:0}.link-tag{display:block;margin-bottom:9px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.12em;color:#96567f}.link-content strong{display:block;font-family:var(--display);font-size:clamp(25px,3vw,43px);line-height:1.1;letter-spacing:-.06em}.link-content small{display:block;margin-top:9px;max-width:600px;font-size:14px;color:#766d78;line-height:1.5}.link-action{display:grid;place-items:center;border:1px solid #a898ad;border-radius:50%;width:47px;height:47px;font-size:25px;transition:all .2s;justify-self:end;align-self:center}
.join-panel{background:#e9d5e3;color:var(--ink);display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:30px;padding:42px var(--gutter);border-top:1px solid #c5acbf;border-bottom:1px solid #c5acbf}.join-art{position:relative;height:170px;width:170px;background:#c1a4d6;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 7px #e2cbdc;flex-shrink:0}.join-art img{height:140px;position:relative;z-index:2;transform:rotate(9deg)}.join-moon{position:absolute;right:4px;top:-20px;color:#fff3c2;font-size:67px}.join-spark{position:absolute;left:-10px;bottom:3px;color:#fff3c2;font-size:45px}.join-copy .section-kicker{margin-bottom:12px}.join-copy h2{font-size:clamp(25px,3.1vw,46px)}.join-copy h2 em{color:#9b577b}.join-copy p:last-child{max-width:650px;font-size:14px;color:#625666;line-height:1.6;margin-top:12px}.join-link{font-family:var(--display);font-weight:700;font-size:13px;border-bottom:2px solid #2b2033;white-space:nowrap;padding:0 0 7px}.join-link span{padding-left:10px}.join-link:hover{color:#96547c}
.social-section{background:#fff8f0;padding-block:76px 90px}.social-head{margin-bottom:25px}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.social-item{position:relative;display:flex;flex-direction:column;gap:22px;min-height:200px;padding:23px;border:1px solid #d9cbd7;border-radius:7px;transition:transform .2s,background .2s,border-color .2s}.social-item:nth-child(1){background:#f8e3e9}.social-item:nth-child(2){background:#eee5f3}.social-item:nth-child(3){background:#e5eee9}.social-item:nth-child(4){background:#f9eccc}.social-item:hover{transform:translateY(-4px);border-color:#b38eae}.social-symbol{display:grid;place-items:center;border:1px solid #2c203044;border-radius:50%;height:56px;width:56px;font-family:var(--display);font-size:32px;font-weight:700}.social-item strong{display:block;font-family:var(--display);font-size:22px;letter-spacing:-.04em}.social-item small{display:block;font-size:12px;color:#675c69;margin-top:5px}.social-arrow{position:absolute;top:22px;right:21px;font-size:22px}.footer{padding:25px var(--gutter) calc(25px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--night);color:#c2b2c6}.footer-wordmark{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.04em;color:#fff}.footer-wordmark span{color:var(--pink)}.footer>span{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.secret-button{border:1px solid #ffffff40;border-radius:99px;background:transparent;color:#e6bdd4;min-height:42px;padding:0 13px;cursor:pointer;transition:background .2s}.secret-button:hover{background:#ffffff17}.heart-pop{position:fixed;pointer-events:none;z-index:200;color:#ec93bb;font-size:22px;animation:float-heart .75s ease-out forwards}
@keyframes pulse{50%{box-shadow:0 0 0 10px #ff759a09}}@keyframes float-heart{to{transform:translate(var(--dx),var(--dy)) rotate(24deg);opacity:0}}
@media(max-width:1120px){.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.hero h1{font-size:clamp(39px,4.7vw,60px)}.stream-panel{grid-template-columns:190px minmax(0,1fr) 120px 42px;gap:14px}.join-panel{grid-template-columns:125px minmax(0,1fr)}.join-art{width:125px;height:125px}.join-art img{width:105px}.join-link{grid-column:2;justify-self:start}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-item{min-height:160px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:64px var(--gutter) 52px}.hero h1{font-size:clamp(42px,7.3vw,76px)}.hero-art{min-height:445px}.portrait-card{width:285px;top:52%}.art-tape{top:30px}.mascot-sticker{right:17%;bottom:8%}.stream-panel{grid-template-columns:minmax(140px,1fr) minmax(0,2fr) 42px}.stream-stats{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid #fff3;padding-top:13px;gap:33px}.stream-stats>div{text-align:left}.stream-arrow{grid-column:3;grid-row:1}.section-heading{grid-template-columns:1fr;gap:12px}.section-heading>p{max-width:550px}.join-panel{gap:16px}.link-content strong{font-size:clamp(24px,4.6vw,38px)}}
@media(max-width:610px){.site-header{padding:17px 18px;min-height:74px}.brand-symbol{width:41px;height:41px;font-size:25px}.brand-copy{font-size:17px}.brand-copy small{font-size:9px;letter-spacing:.045em}.nav-actions{gap:8px}.nav-text{display:none}.nav-watch{font-size:12px;padding:12px 10px}.hero-copy{padding:49px 21px 43px}.hero h1{font-size:clamp(34px,8.1vw,51px);letter-spacing:-.075em}.eyebrow{font-size:10px;margin-bottom:19px}.hero-lede{font-size:16px;margin:23px 0 27px}.hero-ctas{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{min-height:51px;width:100%}.hero-micro{margin-top:28px;font-size:11px}.hero-art{min-height:365px}.portrait-card{width:225px;top:53%}.rabbit-ear{height:91px;width:45px;top:-71px}.ear-a{left:38px}.ear-b{right:42px}.art-tape{font-size:11px;padding:9px 35px;top:27px}.art-star-top{font-size:45px}.mascot-sticker{width:100px;height:100px;right:7%;bottom:8%}.art-corner{font-size:11px}.stream-panel{grid-template-columns:minmax(0,1fr) 43px;gap:17px;padding:22px 21px}.stream-status{grid-column:1}.stream-now{grid-column:1/-1;grid-row:2;padding-left:0;border-left:0;border-top:1px solid #fff3;padding-top:14px}.stream-stats{grid-column:1/-1;grid-row:3;padding-top:13px}.stream-arrow{grid-column:2;grid-row:1}.stream-title{-webkit-line-clamp:3}.rabbit-hole,.social-section{padding:63px 21px}.section-kicker{font-size:11px}.section-heading h2{font-size:clamp(33px,9.3vw,51px)}.section-heading>p{font-size:14px}.link-row{grid-template-columns:25px 65px minmax(0,1fr) 34px;gap:10px;min-height:134px;padding:17px 0}.link-visual{width:65px;height:70px;font-size:43px}.visual-tip{font-size:44px}.visual-games{font-size:39px}.visual-commands{font-size:20px}.link-index{font-size:11px;margin-top:6px}.link-content strong{font-size:clamp(20px,5.7vw,31px);letter-spacing:-.05em}.link-tag{font-size:9px;letter-spacing:.04em}.link-content small{font-size:12px;margin-top:7px}.link-action{height:32px;width:32px;font-size:19px}.join-panel{display:block;padding:38px 21px 40px}.join-art{width:90px;height:90px;float:right;margin:0 0 13px 16px}.join-art img{width:82px;height:82px}.join-moon{font-size:40px;right:-6px}.join-spark{font-size:28px}.join-copy h2{font-size:clamp(27px,7.5vw,39px)}.join-link{display:inline-block;margin-top:22px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-item{min-height:145px;padding:15px;gap:17px}.social-symbol{height:43px;width:43px;font-size:26px}.social-item strong{font-size:18px}.social-item small{font-size:10px;overflow-wrap:anywhere}.social-arrow{top:15px;right:13px;font-size:17px}.footer{flex-wrap:wrap;padding:23px 21px 30px}.footer>span{display:none}}
@media(max-width:355px){.brand-copy small{display:none}.hero h1{font-size:clamp(30px,8.05vw,39px)}.hero-copy{padding-inline:16px}.hero-lede{font-size:15px}.hero-art{min-height:330px}.link-row{grid-template-columns:20px 52px minmax(0,1fr) 29px;gap:7px}.link-visual{width:52px;height:61px}.link-action{height:28px;width:28px}.link-content strong{font-size:20px}.social-grid{grid-template-columns:1fr}.social-item{min-height:116px;flex-direction:row;align-items:center}.social-item small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Make the profile click target a real, accessible easter-egg control. */
.portrait-frame{display:block;padding:0;cursor:pointer}.portrait-frame:hover img{filter:saturate(1.1)}
.watch-short{display:none}
@media(max-width:355px){.watch-full{display:none}.watch-short{display:inline}.nav-watch{padding:12px}.site-header{gap:8px}.brand-mark{gap:8px}.brand-copy{font-size:15px}.brand-symbol{width:37px;height:37px;font-size:23px}.brand-symbol span{font-size:12px}}

/* Keep peripheral mobile metadata legible. */
@media(max-width:610px){.link-tag{font-size:10px;letter-spacing:.06em}.social-item small{font-size:12px}.panel-label{font-size:11px}}

/* Small carrot cursor: the pointed root is the actual click hotspot. */
@media (any-pointer: fine) {
  html, body, .wise-dialog, .wise-dialog::backdrop {
    cursor: url("assets/carrot-cursor.svg") 3 3, auto;
  }
  body a, body button:not(:disabled) {
    cursor: url("assets/carrot-cursor.svg") 3 3, pointer;
  }
}