@font-face{font-family:LocalSystem;src:local('Avenir Next')} 
:root{--page:oklch(96% .009 103);--ink:oklch(28% .018 110);--muted:oklch(48% .015 110);--line:oklch(85% .015 110);--lcd:oklch(72% .11 117);--pixel:oklch(28% .055 123);--accent:oklch(39% .135 354)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:LocalSystem,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.screen:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}h1,h2,p{margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}.topbar{height:94px;margin:0 4.5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;font-size:32px;font-weight:750;letter-spacing:-1px;gap:7px}.brand img{width:30px;height:30px;object-fit:contain;mix-blend-mode:multiply}.brand>span{font-size:12px;align-self:flex-start;margin-top:8px;letter-spacing:0}.edition-switch{display:flex;padding:4px;background:oklch(91% .013 105);border-radius:30px;gap:3px}.edition-switch a{padding:9px 20px;font-size:13px;border-radius:24px;color:var(--muted)}.edition-switch a[aria-current=page]{background:var(--page);color:var(--ink);box-shadow:0 1px 4px #00000012}.top-contact{font-size:14px}.top-contact span{margin-left:14px}.stage{max-width:1510px;margin:auto;display:grid;grid-template-columns:minmax(230px,1fr) minmax(410px,1.6fr) minmax(215px,.85fr);padding:45px 6% 48px;align-items:center;gap:26px;min-height:calc(100svh - 159px)}.intro{padding-bottom:12px}.intro-label{font-size:11px;letter-spacing:1.5px;font-weight:650;margin-bottom:30px;display:flex;align-items:center;gap:14px}.mini-cross{border:1px solid var(--line);padding:3px 6px;font-size:12px}.intro h1{font-family:'Baskerville','Times New Roman',serif;font-size:clamp(42px,4.4vw,67px);font-weight:400;letter-spacing:-.038em;line-height:1.02}.intro h1 em{font-weight:400;color:oklch(46% .028 112)}.essence{font-size:15px;line-height:1.85;margin-top:26px;max-width:30ch}.location{font-size:12px;color:var(--muted);margin-top:14px}.intro-bottom{display:flex;gap:17px;margin-top:40px;align-items:center;font-size:11px;line-height:1.7;color:var(--muted)}.tiny-plus{font-size:20px}.device-stage{display:flex;align-items:center;flex-direction:column;min-width:0}.device-caption{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-bottom:28px}.device{flex-shrink:0;position:relative;user-select:none;animation:arrive .8s cubic-bezier(.16,1,.3,1) both}.gameboy{width:365px;height:584px;border-radius:16px 16px 67px 16px;background:linear-gradient(105deg,oklch(89% .015 103),oklch(86% .02 104) 77%,oklch(79% .02 104));box-shadow:inset 3px 3px 3px #ffffffb0,inset -4px -5px 3px #5a5b4850,7px 10px 0 -2px #929585,11px 19px 18px #43473327,26px 44px 50px #555c4425;transform:rotate(-6deg)}.case-top{height:41px;border-bottom:3px solid #898c7430;padding:11px 20px;display:flex;justify-content:space-between;font:bold 8px monospace;color:#686d59;box-shadow:0 1px #ffffff50}.ridge{font-size:25px;line-height:15px}.screen-frame{height:284px;margin:20px 24px 0;background:linear-gradient(120deg,#75786f,#61675f);border-radius:12px 12px 43px 12px;box-shadow:inset 1px 2px 3px #32382c77,0 1px 1px #ffffffb0;position:relative;padding:35px 25px 29px 42px}.frame-caption{position:absolute;top:13px;left:16px;right:16px;display:flex;align-items:center;gap:8px;font:6px monospace;letter-spacing:.6px;color:#ebedde;white-space:nowrap}.frame-caption span{height:3px;border-top:1px solid #442d44;border-bottom:1px solid #23303f;flex:1}.power{position:absolute;left:8px;top:93px;display:grid;gap:6px;justify-items:center;color:#e8ead8;font:5px monospace}.power i{width:6px;height:6px;background:#c65b3d;border-radius:50%;box-shadow:0 0 5px #e66c4777}.screen{width:100%;height:100%;background:var(--lcd);color:var(--pixel);box-shadow:inset 3px 4px 8px #24351d80,0 0 0 3px #353c32;overflow:hidden;display:flex;flex-direction:column;position:relative;font:12px 'Courier New',monospace}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:10px 10px 6px;font-size:9px;font-weight:bold;border-bottom:1px solid #33451f44}.battery-icon{width:16px;height:7px;border:1px solid currentColor;position:relative}.battery-icon:before{content:'';position:absolute;inset:1px;background:currentColor}.screen-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--pixel) transparent;padding:8px}.screen-footer{display:flex;justify-content:space-between;font-size:8px;padding:5px 10px;border-top:1px solid #33451f44;min-height:21px;flex-shrink:0}.boot{text-align:center;padding:20px 0}.boot strong{display:block;font:bold 46px Arial,sans-serif;letter-spacing:-2px}.boot p{font-size:10px;margin:5px 0 18px}.boot button{background:transparent;border:0;font:10px monospace}.device-brand{display:flex;gap:8px;align-items:baseline;margin:13px 27px;color:#303c52}.device-brand b{font-size:27px;letter-spacing:-1px}.device-brand span{font-size:10px;font-style:italic;letter-spacing:.5px}.gb-controls{display:flex;justify-content:space-between;align-items:center;margin:22px 25px 0}.dpad{display:grid;width:105px;height:105px;grid-template:repeat(3,35px)/repeat(3,35px);filter:drop-shadow(2px 4px 2px #0005)}.dpad button,.dpad-center{background:linear-gradient(120deg,#333a36,#222824);border:0;color:#101b16;font-size:15px;display:grid;place-items:center}.dpad button:active{background:#454f45;transform:translateY(2px)}.dpad .up{grid-area:1/2;border-radius:3px 3px 0 0}.dpad .left{grid-area:2/1;border-radius:3px 0 0 3px}.dpad-center{grid-area:2/2}.dpad-center:after{content:'';width:22px;height:22px;border-radius:50%;box-shadow:inset 1px 1px 3px #090f0b99}.dpad .right{grid-area:2/3;border-radius:0 3px 3px 0}.dpad .down{grid-area:3/2;border-radius:0 0 3px 3px}.ab{display:flex;gap:14px;transform:rotate(-24deg);padding:8px;background:#73766014;border-radius:45px}.ab>div{display:flex;flex-direction:column;align-items:center;position:relative}.ab button{width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(140deg,oklch(46% .14 354),oklch(33% .12 354));box-shadow:inset 1px 2px 2px #ffffff40,2px 4px 3px #30312580;color:transparent}.ab button:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0006}.ab span{position:absolute;top:55px;font-size:12px;font-weight:bold;color:#344155}.gb-bottom{display:flex;margin:28px 26px 0 107px;gap:34px;align-items:center}.system-buttons{display:flex;gap:13px;transform:rotate(-24deg)}.system-buttons>div{display:grid;gap:7px;justify-items:center}.system-buttons button{width:36px;height:12px;border:0;border-radius:8px;background:#858c80;box-shadow:inset 0 2px 2px #b2b8a7,1px 2px 2px #4c5347}.system-buttons button:active{transform:translateY(2px)}.system-buttons span{font-size:7px;letter-spacing:1px;color:#4b554e;font-weight:bold}.speaker{display:flex;gap:5px;transform:rotate(-27deg)}.speaker i{display:block;width:4px;height:48px;background:#646e615e;border-radius:4px;box-shadow:1px 0 #e4e8d5}.wheel{display:none}.under-device{margin-top:38px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center;font-size:10px;color:var(--muted)}.device-dot{width:4px;height:4px;background:#626d52;border-radius:50%}.expand-link{border:0;background:none;font-size:10px;border-bottom:1px solid var(--line);padding:3px 0;margin-left:10px}.guide{max-width:250px;justify-self:end;width:100%}.guide-title{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted);margin-bottom:27px}.guide-title span{font-size:17px}.guide-row{display:flex;align-items:center;gap:17px;margin-bottom:27px}.guide-symbol{width:26px;text-align:center;font-size:25px;color:#92977d;flex-shrink:0}.guide-symbol.circled{width:25px;height:25px;border:1px solid #a0a58c;border-radius:50%;font-size:12px;line-height:24px}.guide-row b{font-size:12px;font-weight:600}.guide-row p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}.guide-foot{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted)}.guide-foot button{font-size:9px;border:0;background:transparent;padding:6px}.side-quest{display:flex;align-items:center;gap:15px;margin-top:54px}.side-quest>span{font-size:29px;color:#8a9078;border:1px solid var(--line);padding:0 6px;transform:rotate(-8deg)}.side-quest b{font:italic 21px Baskerville,serif;font-weight:400}.side-quest small{display:block;font-size:9px;margin-top:6px;color:var(--muted)}.page-footer{margin:0 4.5%;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.page-footer span:nth-child(2){letter-spacing:1.5px;font-size:9px}.screen-menu{list-style:none;padding:0;margin:0;display:grid;gap:2px}.screen-menu button{display:flex;align-items:center;text-align:left;justify-content:space-between;width:100%;border:0;background:none;padding:5px 6px;font:inherit;line-height:1.2;min-height:24px}.screen-menu button.selected{background:var(--pixel);color:var(--lcd)}.screen-menu button span:first-child{display:flex;align-items:center;gap:7px}.menu-number{font-size:9px;opacity:.7}.menu-welcome{font-size:9px;margin:2px 6px 8px;opacity:.8}.detail-title{font-size:14px;line-height:1.2;margin:5px 0 7px;letter-spacing:-.4px}.detail-body{font-size:11px;line-height:1.55}.detail-photo{width:100%;height:92px;object-fit:cover;display:block;margin:6px 0 8px;filter:grayscale(1) sepia(1);mix-blend-mode:multiply}.detail-tag{font-size:8px;line-height:1.4;display:block;margin:7px 0}.photo-caption{font-size:9px;line-height:1.5}.gallery-photo{height:124px;margin:0 0 6px}.screen-link{display:block;font-size:11px;padding:8px 4px;border-bottom:1px solid currentColor}.screen-message{font-size:11px;line-height:1.6;padding:10px}.screen-message button{background:transparent;border:1px solid currentColor;padding:6px;margin-top:10px}dialog{max-width:780px;width:calc(100% - 32px);max-height:85svh;border:0;border-radius:12px;padding:30px;background:var(--page);color:var(--ink);box-shadow:0 15px 70px #0004}dialog::backdrop{background:#20251d80;backdrop-filter:blur(5px)}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:24px}.reader-header h2{font:32px Baskerville,serif}.reader-header button{background:transparent;border:0;padding:10px}.reader-section{margin-bottom:30px}.reader-section h3{font-size:22px}.reader-section p{font-size:16px;line-height:1.7}.reader-photos{display:flex;gap:10px;overflow:auto;margin-top:15px}.reader-photos img{height:220px;max-width:90%;object-fit:contain;border-radius:3px}.reader-links{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0}.reader-links a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body.ipod-mode{--page:oklch(97% .003 245);--ink:oklch(27% .02 250);--muted:oklch(48% .018 250);--line:oklch(85% .01 250);--accent:oklch(49% .17 252)}.ipod-mode .intro h1{font-family:LocalSystem,'Helvetica Neue',Arial,sans-serif;font-weight:500;letter-spacing:-.04em;line-height:1.06;font-size:clamp(40px,3.8vw,60px)}.ipod-mode .intro h1 em{font-style:normal;font-weight:400;color:oklch(55% .13 253)}.ipod-mode .edition-switch{background:oklch(91% .007 250)}.ipod-mode .device-caption{margin-bottom:36px}.ipod{width:320px;height:575px;border-radius:29px;background:linear-gradient(90deg,#b2b8be,#f0f1f2 5%,#dadde0 13%,#d2d5d9 48%,#eceef0 88%,#a3aab3 98%);box-shadow:inset 1px 2px 2px #fff,inset -2px -3px 3px #777e88,6px 9px 0 -2px #9299a1,10px 16px 18px #35465627,24px 42px 50px #3d4c5e25;transform:rotate(-5deg);padding:26px 23px}.ipod .case-top,.ipod .device-brand,.ipod .gb-controls,.ipod .gb-bottom,.ipod .frame-caption,.ipod .power{display:none}.ipod .screen-frame{height:263px;margin:0;background:linear-gradient(125deg,#292d31,#07090c);border-radius:15px;padding:20px 15px;box-shadow:inset 0 1px 2px #fff8,0 1px 2px #0009}.ipod .screen{background:#f5f7fa;color:#253143;box-shadow:0 0 0 1px #05080d;font-family:Arial,sans-serif}.ipod .screen-toolbar{background:linear-gradient(#fafcff,#c6cdd4);font-size:11px;padding:7px 9px;border-bottom:1px solid #939eaa}.ipod .battery-icon{color:#568d3c}.ipod .screen-footer{background:#e0e5eb;border-color:#b9c4cd;color:#4c5969;font-size:9px}.ipod .screen-content{padding:5px 0}.ipod .screen-menu{gap:0}.ipod .menu-welcome{padding:3px 4px;font-size:10px;color:#657486}.ipod .screen-menu button{padding:6px 10px;font-size:13px;font-weight:600;min-height:27px}.ipod .screen-menu button.selected{background:linear-gradient(#69b5f7,#257ad5);color:white}.ipod .screen-content:has(.detail-title),.ipod .screen-content:has(.gallery-photo){padding:8px 10px}.ipod .detail-title{font-size:15px;letter-spacing:0}.ipod .detail-body{font-size:12px}.ipod .detail-photo{filter:none;mix-blend-mode:normal}.ipod .detail-tag{font-size:10px;color:#586677}.ipod .wheel{display:block;position:relative;width:220px;height:220px;margin:36px auto 0;border-radius:50%;background:linear-gradient(120deg,#fbfbfc,#e7eaed);box-shadow:0 0 0 1px #aeb5bc,0 1px 3px #fff,inset 0 0 3px #fff;touch-action:none}.wheel button{position:absolute;border:0;background:transparent;color:#66707e;font-weight:bold;font-size:14px;padding:0;display:grid;place-items:center;min-width:44px;min-height:44px}.wheel button:active{color:#1777ca}.wheel-menu{top:8px;left:75px;width:70px;font-size:12px!important;letter-spacing:.8px}.wheel-prev{left:8px;top:87px}.wheel-next{right:8px;top:87px}.wheel-play{bottom:7px;left:88px}.wheel .wheel-center{width:81px;height:81px;left:69.5px;top:69.5px;border-radius:50%;background:linear-gradient(130deg,#e4e7ea,#b7bec7);box-shadow:inset 0 1px 2px #fff,0 1px 3px #929ca7}.wheel .wheel-center:active{background:#bac2ca}.ipod-mode .under-device{margin-top:43px}.ipod-mode .side-quest>span{color:#718396}.ipod-mode .guide-symbol{color:#7e8c9a}.ipod-mode .guide-symbol.circled{border-color:#a8b3bf}
@keyframes arrive{from{opacity:.5;translate:0 18px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.stage{padding-top:65px;padding-bottom:65px}.gameboy{width:383px;height:613px}.gameboy .screen-frame{height:298px}.gameboy .gb-controls{margin-top:29px}.gameboy .gb-bottom{margin-top:36px}}
@media(max-width:1120px){.stage{grid-template-columns:minmax(210px,.9fr) minmax(375px,1.5fr);padding:45px 5%;gap:28px}.guide{display:none}.intro h1{font-size:57px}.ipod-mode .intro h1{font-size:51px}.page-footer span:last-child{display:none}}
@media(max-width:680px){.topbar{height:78px;margin:0 5%}.brand{font-size:26px}.brand img{width:24px;height:24px}.edition-switch a{font-size:11px;padding:8px 12px}.top-contact{font-size:12px}.top-contact span{margin-left:2px}.stage{grid-template-columns:1fr;padding:32px 6% 35px;gap:35px;min-height:0}.intro{padding:0;text-align:center}.intro-label{justify-content:center;font-size:10px;margin-bottom:17px}.intro h1,.ipod-mode .intro h1{font-size:44px;line-height:1.08}.intro h1 br{display:none}.intro h1 br:after{content:' '}.intro h1 em{display:block}.essence{font-size:14px;line-height:1.6;margin:18px auto 0}.location{margin-top:9px}.intro-bottom{display:none}.device-caption{font-size:9px;margin-bottom:25px}.gameboy{transform:rotate(-3deg);width:330px;height:548px}.gameboy .screen-frame{height:268px;margin-left:21px;margin-right:21px;padding-left:37px;padding-right:20px}.gameboy .screen-menu button{min-height:23px;padding-top:4px;padding-bottom:4px}.gameboy .gb-controls{margin:19px 22px 0}.gameboy .gb-bottom{margin:21px 24px 0 80px;gap:30px}.ab{gap:10px}.ab button{width:44px;height:44px}.under-device{font-size:10px;margin-top:30px}.ipod{transform:rotate(-3deg)}.page-footer{font-size:9px;min-height:62px;margin:0 6%}.page-footer span:nth-child(2){font-size:8px}.reader-header h2{font-size:26px}dialog{padding:22px}}
@media(max-width:375px){.top-contact{display:none}.gameboy{width:296px;height:524px}.gameboy .screen-frame{margin:17px 17px 0;height:258px;padding-left:33px;padding-right:16px}.gameboy .gb-controls{margin-top:15px}.gameboy .gb-bottom{gap:16px;margin-left:68px}.ipod{width:290px;padding-left:18px;padding-right:18px;height:560px}.intro h1,.ipod-mode .intro h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the physical controls inside the case at every size. */
.gameboy .gb-bottom{position:absolute;left:0;right:0;bottom:22px;margin:0 26px 0 107px}.gameboy .gb-controls{margin-top:14px}
@media(max-width:680px){.gameboy .gb-bottom{bottom:17px;margin:0 24px 0 80px}.gameboy .gb-controls{margin-top:12px}}
@media(max-width:375px){.gameboy .gb-bottom{bottom:15px;margin-left:68px}.gameboy .gb-controls{margin-top:10px}}