/* Field-guide palette, with original Blender artwork. */
:root{--ink:#223b2a;--muted:#77816e;--paper:#f5f3e9;--lime:#d9f37c;--line:#d9decd}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #84ac35;outline-offset:5px}
#ss{background:var(--paper)!important;padding:0 5.4vw;gap:0;justify-content:space-between;overflow:auto}
.menu-nav{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:102px;border-bottom:1px solid var(--line);flex-shrink:0}
.wordmark{font-size:20px;font-weight:900;letter-spacing:-.8px;color:var(--ink);text-decoration:none}.wordmark span{display:block;font:9px 'Share Tech Mono',monospace;letter-spacing:2px;margin-top:8px;padding-left:26px}.edition{font:11px 'Share Tech Mono',monospace;letter-spacing:1.8px;color:var(--muted)}
.menu-main{display:grid;grid-template-columns:1fr 1fr;gap:4.5vw;width:100%;align-items:center;padding:32px 0;max-width:1560px;flex:1}.menu-copy{padding:10px 0}
.eyebrow{font:11px 'Share Tech Mono',monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;margin-bottom:24px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#659049;box-shadow:0 0 0 4px #65904912}
#ss h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,6.4vw,100px);font-weight:900;line-height:.99;letter-spacing:-6px;color:var(--ink);text-align:left;text-shadow:none}#ss h1 em{font-family:Georgia,serif;font-weight:normal;color:#748c47}
.intro{font-size:14px;line-height:1.8;color:#737b6d;margin:24px 0 32px}.difficulty{border:0}.difficulty legend{font:10px 'Share Tech Mono',monospace;letter-spacing:1.5px;margin-bottom:12px}.mode-options{display:flex;gap:8px}.mode-options button{flex:1;padding:13px 8px;border:1px solid #d2d9c9;border-radius:8px;background:transparent;color:#46513e;text-align:left;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s;padding-left:13px}.mode-options button span{display:block;font:10px Arial,sans-serif;font-weight:normal;color:#7f8878;margin-top:6px}.mode-options button[aria-pressed=true]{border-color:#334c2b;background:#e8eddd;box-shadow:inset 0 0 0 1px #334c2b}.mode-options button:hover{background:#e8eddd}
#ss .btn{margin-top:18px;width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:var(--ink);color:var(--lime);border-radius:8px;box-shadow:none;padding:20px 24px;font:700 13px Arial,sans-serif;letter-spacing:1.5px}#ss .btn span{font-size:22px;line-height:12px}#ss .btn:hover{background:#345639;transform:translateY(-2px)}
.start-meta{display:flex;justify-content:space-between;gap:10px;font:9px 'Share Tech Mono',monospace;color:#86917c;letter-spacing:.6px;margin-top:15px}#sbest{color:#5c704d}
.hero-art{position:relative;isolation:isolate;min-height:440px;height:min(60vh,650px);border-radius:18px;background:radial-gradient(ellipse at 50% 42%,#476147,#263f30 70%);overflow:hidden;box-shadow:inset 0 0 80px #10261940}.art-top{position:absolute;top:25px;left:26px;right:26px;display:flex;justify-content:space-between;color:#b4c9a0;font:9px 'Share Tech Mono',monospace;letter-spacing:1.5px}.island{position:absolute;width:110%;height:100%;object-fit:contain;left:-5%;top:-3%;filter:drop-shadow(0 30px 25px #07180d55);animation:island-in 1.2s ease-out}.orbit{position:absolute;width:83%;aspect-ratio:1;border:1px solid #b6d69419;border-radius:50%;left:9%;top:6%;z-index:-1}.orbit-two{transform:scale(.77)}.floating-word{position:absolute;left:20%;top:21%;transform:rotate(-8deg);display:flex;gap:4px;background:#f1f2d9;padding:8px;border:1px solid #ffffff70;border-radius:9px;box-shadow:0 6px 20px #132c2044}.floating-word span{display:grid;place-items:center;width:25px;height:29px;border:1px solid #ccd2b4;border-radius:4px;font:17px 'Share Tech Mono',monospace}.floating-word span:first-child{background:#cadc90}.floating-word i{font-style:normal;color:#91987d;padding:5px}.specimen{position:absolute;bottom:29px;left:27px;color:#e1ebcb}.specimen span{font:11px 'Share Tech Mono',monospace;letter-spacing:1.5px}.specimen p{font-size:11px;color:#9fb393;margin-top:7px}.art-tag{position:absolute;bottom:33px;right:22px;writing-mode:vertical-rl;font:8px 'Share Tech Mono',monospace;letter-spacing:2px;color:#91a985}
.how-to{width:100%;border-top:1px solid var(--line);padding:27px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-shrink:0}.how-to>div{display:flex;gap:13px;align-items:flex-start}.how-to b{font:11px 'Share Tech Mono',monospace;color:#96a383;border:1px solid #d6ddcb;border-radius:50%;padding:7px}.how-to strong{display:block;font-size:12px;margin:1px 0 7px}.how-to p span{display:block;font-size:10px;color:#828a78}.footer-note{font:9px 'Share Tech Mono',monospace;letter-spacing:1px;writing-mode:vertical-rl;color:#8d987f}
@keyframes island-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/* In-game dashboard */
.hb,#mu,.icon-button{background:#203929ed;border:1px solid #a9bd8955;border-radius:12px;box-shadow:0 4px 14px #17271022}.hb{padding:11px 18px}.hl,#wi,#wpm{color:#cfddbe}#sc{font-family:Arial,sans-serif;font-weight:800;color:#f1f8df}#mu,.icon-button{cursor:pointer;padding:12px;color:#e2edca}.icon-button{font-size:19px;line-height:1}#wcd{top:23px;background:#203929dd;border:1px solid #a9bd8933;padding:9px 18px;font:12px 'Share Tech Mono',monospace;letter-spacing:1px}#expedition-name{position:absolute;left:50%;top:68px;transform:translateX(-50%);z-index:200;font:10px 'Share Tech Mono',monospace;letter-spacing:2px;color:#233d2e;background:#f7f6e2cc;border-radius:10px;padding:4px 10px;white-space:nowrap}#wave-track{position:absolute;left:calc(50% - 75px);top:91px;width:150px;height:3px;background:#243b2930;z-index:200;border-radius:2px;overflow:hidden}#wave-fill{height:100%;width:0;background:#6a913a;transition:width .3s}
#ia{bottom:20px;gap:9px}#ti{border:1px solid #93a27b;background:#fbfbedf5;color:var(--ink);box-shadow:0 5px 20px #1a311e22;border-radius:10px;font-size:22px;padding:16px 22px;width:440px;letter-spacing:2px}#ti:focus{border-color:#748b47;box-shadow:0 0 0 4px #d5eaa02a}#th{font:9px 'Share Tech Mono',monospace;opacity:.8;letter-spacing:1.3px}#focus-button{width:280px;position:relative;overflow:hidden;border:1px solid #b3c38f55;background:#203929ec;color:#b6c59f;border-radius:7px;padding:10px 12px;display:flex;justify-content:space-between;font:10px 'Share Tech Mono',monospace;letter-spacing:1px;cursor:pointer}#focus-button:disabled{cursor:default}#focus-button span{z-index:1}#focus-fill{position:absolute;inset:0 auto 0 0;background:#75963d45;transition:width .15s}#focus-button.ready{border-color:#d9f37c;color:#eaff9e;box-shadow:0 0 20px #d9f37c30}#focus-aura{position:absolute;inset:0;box-shadow:inset 0 0 160px #b8e97080;z-index:160;opacity:0;pointer-events:none;transition:opacity .4s}.focused #focus-aura{opacity:1}.focused .dino .ds{animation-duration:1.7s}.is-paused .ds,.is-paused .cl{animation-play-state:paused!important}
.dw{border:1px solid #83936d;background:#faf9e9;box-shadow:0 3px 9px #15251826;border-radius:8px;font-size:clamp(12px,1.55vw,22px);letter-spacing:1.5px;padding:8px 12px}.dw.act{border-color:#638738;box-shadow:0 0 0 4px #d0ec8166,0 3px 9px #15251826}.tc{color:#75923e}.danger .dw{border-color:#ce6847;background:#fff0df}.rendered-dino{position:relative}.rendered-dino>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.rendered-dino:has(>img)>svg{visibility:hidden}.rendered-dino>svg{width:100%;height:100%;animation:none}#bhu{bottom:160px;background:#203929dd;border:1px solid #afbd8755}#co{top:139px;font:17px 'Share Tech Mono',monospace;background:#203929dd;color:#e3f0b6;text-shadow:none}#wb{font-size:clamp(36px,7vw,78px)}#ba{font-size:clamp(28px,5vw,58px)}#cb{font-size:clamp(28px,5vw,64px)}#gs{background:radial-gradient(ellipse at 50% 30%,#46573d,#203929)!important;gap:18px;padding:25px;text-align:center}#gs h1{font-family:Arial,sans-serif;font-size:clamp(32px,5vw,60px);letter-spacing:-2px;text-shadow:none}.end-dino{width:240px;height:200px;object-fit:contain}#gs .btn{border:0;background:#d9f37c;color:#203929;box-shadow:none;font:700 13px Arial,sans-serif;padding:19px 30px;letter-spacing:1px}.text-button{border:0;background:none;color:#c5d2b2;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:12px}#gstat{font-size:12px;line-height:1.8}#pz .pt{font-family:Arial,sans-serif;font-size:clamp(32px,6vw,64px)}
@media(min-width:1600px){#ss{padding:0 max(5.4vw,calc((100vw - 1560px)/2))}}
@media(max-height:760px) and (min-width:851px){.menu-nav{min-height:70px}.menu-main{padding:20px 0}.hero-art{min-height:370px;height:57vh}#ss h1{font-size:clamp(50px,5.8vw,80px)}.eyebrow{margin-bottom:18px}.intro{margin:18px 0 22px}.how-to{padding:18px 0}.menu-nav{min-height:75px}}
@media(max-width:850px){#ss{padding:0 6vw;display:flex}.menu-nav{min-height:80px}.edition{display:none}.menu-main{gap:28px;grid-template-columns:1fr;padding:30px 0}.menu-copy{max-width:560px;width:100%;margin:auto}#ss h1{font-size:68px;letter-spacing:-4px}.hero-art{grid-row:2;height:440px;min-height:0;max-width:560px;width:100%;margin:auto}.how-to{flex-wrap:wrap;gap:22px}.how-to>div{flex:1;min-width:180px}.footer-note{display:none}.start-meta{font-size:8px}.eyebrow{font-size:10px}.intro{font-size:13px}.wordmark{font-size:18px}#hud{padding:10px}#wcd{top:95px;font-size:10px}#expedition-name{top:133px}#wave-track{top:157px}#co{top:175px;font-size:12px}.hb{padding:8px 10px}#hbg{width:115px}#hr{gap:5px}#wpm{font-size:9px}#ti{width:88vw;max-width:440px;font-size:17px}#th{font-size:8px}.dw{font-size:13px;letter-spacing:.7px;padding:6px}.dino.boss .dw{font-size:16px!important}#bhu{bottom:158px}#bn{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ds{animation:none!important}#gc.bstep,#gc.bigshake{animation:none!important}}
.floating-word{left:54%;top:18%}.footer-note{writing-mode:horizontal-tb;max-width:100px;line-height:1.8}.rendered-dino>img{transform:translateY(15px) scale(1.1)}
@media(max-width:560px){#ss h1{font-size:54px;letter-spacing:-3px}.floating-word{left:38%;top:20%;transform:rotate(-8deg) scale(.85)}.hero-art{height:380px}.start-meta{letter-spacing:0}.mode-options button{font-size:12px;padding-left:10px}}

/* ── ARCADE CABINET LOOK ─────────────────────────────────────────────────
   Bright, chunky and loud on purpose: this is the attract screen. Layered
   text shadows stand in for a sticker outline, which keeps the title one
   piece of selectable text instead of an image. */
#ss{background:linear-gradient(180deg,#4fc3f7 0%,#87d9f5 34%,#ffe08a 70%,#ffc24d 100%)!important}
#ss .menu-nav{border-bottom:4px solid #1d3557}
#ss .wordmark{color:#1d3557;text-shadow:2px 2px 0 #fff}
#ss .eyebrow{color:#1d3557;font-weight:700;background:#fff3c4;border:3px solid #1d3557;border-radius:99px;padding:7px 15px;display:inline-flex;box-shadow:3px 3px 0 #1d3557;margin-bottom:20px}
#ss .eyebrow>span{background:#ff6b3d;box-shadow:0 0 0 4px #ff6b3d33}
#ss .arcade-title{font-family:'Arial Black',Arial,sans-serif;font-weight:900;line-height:.84;letter-spacing:-2px;text-align:left;margin:2px 0 14px;display:block}
#ss .arcade-title span{display:block;font-size:clamp(56px,9.5vw,132px);color:#ffd233;
 -webkit-text-stroke:8px #1d3557;paint-order:stroke fill;
 text-shadow:0 9px 0 #1d3557,0 13px 22px #1d355740}
#ss .arcade-title .t1{transform:rotate(-2.5deg)}
#ss .arcade-title .t2{color:#ff7a3d;margin-left:.09em;transform:rotate(1.5deg)}
#ss .arcade-title span{animation:title-pop .5s cubic-bezier(.2,1.5,.4,1) both}
#ss .arcade-title .t2{animation-delay:.1s}
@keyframes title-pop{from{transform:scale(.6) rotate(-8deg);opacity:0}}
#ss .intro{color:#123;font-weight:700;font-size:clamp(15px,1.5vw,19px);text-shadow:1px 1px 0 #ffffffb0}
#ss .difficulty legend{color:#1d3557;font-weight:700;background:#fff;border:3px solid #1d3557;border-radius:99px;padding:5px 13px;box-shadow:2px 2px 0 #1d3557}
#ss .mode-options{gap:11px}
#ss .mode-options button{border:4px solid #1d3557;border-radius:16px;background:#fffdf2;color:#1d3557;font-weight:900;font-size:14px;box-shadow:0 5px 0 #1d3557;transition:transform .1s,box-shadow .1s,background .15s}
#ss .mode-options button span{color:#5a6b7d;font-weight:700}
#ss .mode-options button:hover{background:#fff3c4;transform:translateY(-2px);box-shadow:0 7px 0 #1d3557}
#ss .mode-options button[aria-pressed=true]{background:#ffd233;box-shadow:0 3px 0 #1d3557,inset 0 0 0 3px #fff;transform:translateY(2px)}
#ss .btn{background:#ff4f38;color:#fff;border:5px solid #1d3557;border-radius:18px;box-shadow:0 8px 0 #1d3557;
 font:900 clamp(20px,2.4vw,30px) 'Arial Black',Arial,sans-serif;letter-spacing:1px;text-shadow:2px 2px 0 #00000040;
 padding:20px 26px;animation:btn-breathe 1.5s ease-in-out infinite alternate}
#ss .btn:hover{transform:translateY(-3px);box-shadow:0 11px 0 #1d3557;background:#ff6247}
#ss .btn:active{transform:translateY(5px);box-shadow:0 3px 0 #1d3557}
@keyframes btn-breathe{to{filter:brightness(1.09)}}
#ss .coin-blink{margin-top:13px;text-align:center;font:900 13px 'Share Tech Mono',monospace;letter-spacing:3px;color:#1d3557;animation:blink 1s steps(1,end) infinite}
@keyframes blink{50%{opacity:.18}}
#ss .start-meta{color:#1d3557;font-weight:700}
#ss .hero-art{border:5px solid #1d3557;border-radius:22px;box-shadow:0 9px 0 #1d3557;background:radial-gradient(ellipse at 50% 40%,#6fd0f0,#2e7fb8 72%)}
#ss .island{animation:island-in 1.2s ease-out,dino-bob 2.6s ease-in-out 1.2s infinite alternate}
@keyframes dino-bob{to{transform:translateY(-16px)}}
#ss .how-to{border-top:4px solid #1d3557}
#ss .how-to b{color:#1d3557;background:#ffd233;border:3px solid #1d3557;font-weight:900}
#ss .how-to strong{color:#1d3557;font-weight:900;font-size:13px}
#ss .how-to p span{color:#2b4155;font-weight:600}
#ss .edition{color:#1d3557;font-weight:700}
@media (prefers-reduced-motion:reduce){
 .arcade-title span,.btn,.coin-blink,.island{animation:none!important}
}