:root{--cream:#fff9e2;--ink:#20231f;--gold:#f7d564;color-scheme:dark}body{font-family:Consolas,"Courier New",monospace;background:#25362b}.world{background:#25362b}.vignette{background:linear-gradient(180deg,#11201570,transparent 23%,transparent 65%,#0d190fc9),linear-gradient(90deg,#13251960,transparent 65%)}.topbar{padding:26px 32px}.name{font-size:17px;font-weight:700;text-shadow:2px 2px #172419}.monogram{display:grid;place-items:center;background:#6f973e;border:3px solid #c0dc76;box-shadow:inset -4px -4px #476729,4px 4px #172419;width:47px;height:47px;font:700 22px Consolas,monospace;color:#fff7c9;padding:0}.name small{font-size:12px;color:#e6efcc}.top-actions{gap:12px}.glass,.drift-button{border:2px solid #191e18;background:#73776be8;box-shadow:inset 2px 2px #bec2ac,inset -3px -3px #3e4339,3px 3px #151b15b3;text-shadow:1px 2px #252c22;border-radius:0;backdrop-filter:none}.top-actions button,.sound-dock>button{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 17px;font-size:15px;font-weight:700}.glass:hover,.top-actions button:hover{background:#89937d}.badge{font-size:12px;background:#293024;padding:3px 6px;color:#a4d36e;border-radius:0;width:auto;height:auto}.welcome{left:clamp(24px,3.5vw,64px);bottom:clamp(145px,17vh,205px);max-width:490px;text-shadow:2px 3px #172719,0 2px 20px #0d190e99}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:#e9efc7;margin:0 0 17px}h1{font-family:Consolas,"Courier New",monospace;font-size:clamp(46px,5.5vw,83px);font-weight:900;letter-spacing:-.065em;line-height:.98;margin:0;text-shadow:4px 4px #263420,7px 7px #152416}h1 em{font-style:normal;color:#f2f5dc;font-weight:900}.splash{display:inline-block;margin:12px 0 24px;color:#ffe46f;font-weight:700;font-size:14px;transform:rotate(-3deg);text-shadow:2px 2px #584122}.intro{font-family:"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65;color:#f2f7df;margin:0 0 22px}.drift-button{padding:12px 21px;background:#689144;color:#fffbdc;font-size:15px;font-weight:700;box-shadow:inset 2px 2px #bad47d,inset -3px -3px #3f652c,3px 3px #152419}.drift-button:hover{background:#7da653}.drift-glyph{font-size:17px}.bottom-bar{bottom:20px;left:32px;right:32px;align-items:flex-end;gap:18px}.wander-note{position:absolute;bottom:76px;left:0;font-size:12px;color:#edf1d9;text-shadow:2px 2px #172319}.wander-note>span:first-child{display:none}.wander-note #wander-note{display:block;font-size:12px;color:#edf1d9}.hotbar{display:flex;gap:4px;padding:6px;background:#262b22db;border:2px solid #1a2018;box-shadow:inset 2px 2px #818775,3px 3px #151d14}.slot{position:relative;display:grid;place-items:center;width:52px;height:52px;text-decoration:none;background:#7e847475;border:2px solid #333d2a;box-shadow:inset 2px 2px #afb59e,inset -2px -2px #535d47}.slot img{width:42px;height:42px;object-fit:contain}.slot>span{position:absolute;bottom:2px;right:4px;font-size:12px;text-shadow:1px 2px #152419}.slot:hover,.slot:focus-visible{border-color:#fff7d0;background:#a2ac8b}.slot .slot-tip{position:absolute;bottom:calc(100% + 15px);left:50%;right:auto;transform:translateX(-50%);padding:10px;background:#221f2deb;border:2px solid #8e7099;white-space:nowrap;opacity:0;pointer-events:none;font-size:13px}.slot:hover .slot-tip,.slot:focus-visible .slot-tip{opacity:1}.sound-dock{display:flex;align-items:center;gap:10px}.audio-controls{padding:3px 10px 3px 3px;gap:5px}.audio-controls button{gap:8px;padding:10px 7px;font-size:13px}.sound-glyph{font-size:18px}#volume{accent-color:#a4d36e;width:54px}.boat{width:160px;border-radius:0}.boat-art{width:96px;height:96px;filter:drop-shadow(3px 8px 5px #1626137a);animation:none;transform:none;transition:transform .18s}.boat-label{padding:7px 10px;background:#453325e8;border:2px solid #201b15;box-shadow:inset 2px 2px #bb976c,inset -2px -2px #6c4d32,3px 3px #17241980;border-radius:0;font-size:13px;font-weight:700;color:#fff0c5;text-shadow:1px 2px #352419;backdrop-filter:none}.boat:hover .boat-label,.boat:focus-visible .boat-label{background:#84623d;color:#fff7d9;border-color:#fff2a5;transform:none}.boat:hover .boat-art,.boat:focus-visible .boat-art{transform:translateY(-6px) scale(1.08)}.boat-description{border:2px solid #877091;background:#251f2cef;color:#f1e9f7;border-radius:0;font-family:"Segoe UI",Arial,sans-serif;box-shadow:4px 4px #14171680}.boat-description small{color:#c3dd99}.boat.selected .boat-label{background:#84623d;color:#fff7d9;border-color:#fff297;box-shadow:0 0 0 4px #f3d75f55}.twilight .landscape{filter:brightness(.49) saturate(.76)}.twilight .boat-art{filter:drop-shadow(0 0 17px #ffba4877)}.twilight .vignette{background:linear-gradient(180deg,#111b3988,transparent 45%,#0c172dcc),linear-gradient(90deg,#12264266,transparent 65%)}dialog,.jukebox{padding:26px;border:3px solid #191c17;background:#c6c6b7;color:var(--ink);border-radius:0;box-shadow:inset 3px 3px #f5f5df,inset -4px -4px #717668,7px 7px #10190ccc}dialog{max-height:calc(100svh - 40px);width:min(590px,calc(100vw - 28px))}dialog::backdrop{background:#111b1780;backdrop-filter:blur(5px)}.dialog-heading,.jukebox-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-heading .eyebrow,.jukebox .eyebrow{color:#5b644d;font-size:11px;margin-bottom:10px}h2{font:700 27px/1.18 Consolas,monospace;letter-spacing:-.04em;margin-bottom:22px}.close{width:36px;height:36px;border:2px solid #535b4d;color:#283320;background:#b1b7a4;border-radius:0;box-shadow:inset 2px 2px #f5f5df,inset -2px -2px #747d69}.close:hover{background:#e6ecd6}#search{border:2px solid #626c55;background:#e7eadc;color:var(--ink);border-radius:0;box-shadow:inset 2px 2px #a9b398}.list-project{grid-template-columns:44px 1fr;gap:14px;padding:16px 10px;border-bottom:2px solid #9ca58e;border-radius:0}.list-project:hover{background:#dce4cb}.list-number{display:grid;place-items:center;align-self:start;width:38px;height:38px;font:700 18px Consolas,monospace;color:#fff2c3;background:#645344;border:2px solid #3e3629}.list-project h3{font-weight:700}.list-project p{font-family:"Segoe UI",Arial,sans-serif;color:#535e46}.list-foot,.empty{font-size:13px;color:#57614c}[hidden]{display:none!important}.jukebox{position:fixed;z-index:12;bottom:90px;right:32px;width:min(400px,calc(100vw - 28px));padding:20px;max-height:calc(100svh - 115px);overflow:auto}.jukebox h2{font-size:19px;margin-bottom:6px}.jukebox-heading p:last-child{font-size:12px;line-height:1.4;margin:0 0 16px;color:#5b644d}.jukebox iframe{border:0;display:block;width:100%;height:285px;background:#fff}.music-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;font-size:11px;line-height:1.5}.music-foot button{border:1px solid #737d66;background:#dce2ce;color:#343d29;padding:6px;white-space:nowrap}.noscript{background:#c6c6b7;color:#20231f}.drifting .welcome{opacity:.22}@media(max-width:900px){.slot{width:45px;height:45px}.slot img{width:37px;height:37px}.boat{width:130px}.boat-art{width:85px;height:85px}.boat-label{font-size:12px}.sound-dock{gap:7px}}@media(max-width:600px){.topbar{padding:17px;gap:10px}.name{font-size:13px;gap:10px}.monogram{width:37px;height:37px;font-size:18px;padding:0}.name small{font-size:10px;max-width:140px}.top-actions button{padding:9px 11px;gap:7px;min-height:42px;font-size:13px}.badge{display:none}.time-button{right:17px;top:73px}.welcome{bottom:194px;left:23px;max-width:340px}.welcome .eyebrow{font-size:10px;margin-bottom:10px}h1{font-size:44px;margin:0}.splash{font-size:11px;margin:11px 0 18px}.intro{font-size:14px;margin-bottom:16px;line-height:1.5}.drift-button{font-size:13px;padding:10px 15px;min-height:43px}.bottom-bar{bottom:16px;left:16px;right:16px;justify-content:center;gap:10px;flex-wrap:wrap}.wander-note{max-width:none;left:50%;transform:translateX(-50%);bottom:116px;white-space:nowrap}.wander-note #wander-note{font-size:10px}.hotbar{order:3;justify-content:center;width:100%;max-width:410px;padding:5px;gap:3px}.slot{width:calc((100% - 21px)/8);height:40px}.slot img{width:33px;height:33px}.slot>span{font-size:10px}.slot .slot-tip{display:none}.sound-dock{margin:0;width:100%;justify-content:center}.sound-dock>button{min-height:40px;padding:8px 15px;font-size:13px}.audio-controls{padding:0 8px 0 2px}.audio-controls button{font-size:12px;min-height:36px}#volume{width:45px}.boat{width:130px}.boat-art{width:80px;height:80px}.boat-label{font-size:12px;padding:7px 9px}.boat-description{display:none}dialog{padding:22px}.jukebox{bottom:127px;right:14px;max-height:calc(100svh - 145px)}.jukebox iframe{height:250px}.vignette{background:linear-gradient(180deg,#14271480,transparent 30%,#0c1b16c9),linear-gradient(90deg,#12261988,transparent 90%)}}@media(max-height:650px) and (max-width:600px){.welcome{bottom:165px}h1{font-size:36px}.intro{display:none}.splash{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.boat-art{transition:none}.drifting .welcome{opacity:1}}
@media(min-width:601px) and (max-width:900px){.bottom-bar{flex-wrap:wrap;gap:10px}.sound-dock{width:100%;justify-content:flex-end;order:2}.hotbar{order:3}.wander-note{bottom:128px}.welcome{bottom:180px;max-width:390px}h1{font-size:52px}}