:root{color:#fcf0d5;font-synthesis:none;background:#233746;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{padding-top:var(--nav-height,0px);margin:0}button{font:inherit;cursor:pointer;color:#fce9bd;background:#2c4350;border:1px solid #c5a66f;border-radius:6px;font-weight:800}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f9d78e}[hidden]{display:none!important}#app{height:calc(100dvh - var(--nav-height,0px));min-height:280px}.camp{isolation:isolate;background:linear-gradient(#39271544,#39261577),url(/demos/fossil-trail/assets/world-CA3oO9ri.webp) 50%/cover;grid-template-rows:55px minmax(0,1fr) 82px;height:100%;display:grid;position:relative;overflow:hidden}header{background:#213643ed;border-bottom:2px solid #d79e5c;align-items:center;gap:16px;padding:8px 24px;display:flex}.wordmark{letter-spacing:1px;color:#fff0c9;text-shadow:0 3px #69452c;font:900 27px Georgia,serif}.wordmark b{color:#e6b581}header>span{letter-spacing:2px;color:#cfc5af;flex:1;font-size:9px}header button{width:33px;height:33px;font-size:21px}.field{grid-template-columns:minmax(300px,1.5fr) minmax(290px,1fr);gap:24px;width:100%;max-width:1230px;height:100%;min-height:0;margin:auto;padding:17px 25px 14px;display:grid}.dig-area{grid-template-rows:33px minmax(0,1fr) 76px;gap:7px;height:100%;min-height:0;display:grid}.board-heading{text-shadow:0 2px 3px #3e291b;border-bottom:1px solid #f4d6a377;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.board-heading>b{letter-spacing:.6px;font-size:15px}.board-heading>span{color:#ffdd86;background:#213744e8;border-radius:3px;padding:5px 12px;font-size:14px;font-weight:800}.board-space{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}#board{isolation:isolate;background:linear-gradient(145deg,#233b47f7,#172d39f5);border:2px solid #c89966;border-radius:14px;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;display:grid;box-shadow:0 8px #352b26,0 15px 25px #37221d66}.tile{touch-action:manipulation;background:radial-gradient(at 25% 20%,#ca967955,#0000 65%),linear-gradient(135deg,#a06b4f,#744b3b);border:1px solid #d99562;border-radius:7px;min-width:0;min-height:0;transition:background .2s,box-shadow .2s,filter .2s;position:relative;overflow:visible;box-shadow:0 4px #503c33,inset 0 2px #e9b08377;opacity:1!important}.tile:before{content:"";pointer-events:none;background:linear-gradient(22deg,#0000 44%,#442e291d 46% 48%,#0000 50%),radial-gradient(at 73% 21%,#e8b08555 0 3%,#0000 6%),radial-gradient(at 24% 67%,#3c303b44 0 2%,#0000 5%);border-radius:8px;position:absolute;inset:10%}.tile:not(:disabled):hover{filter:brightness(1.12)}.tile-label{color:#e0cbb3;z-index:3;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;bottom:6px;left:6px}.pin{color:#ffda8b;opacity:0;text-shadow:0 2px #65412b;z-index:3;font-size:clamp(18px,2.3vw,31px);font-style:normal;position:absolute;top:5%;right:8%;transform:rotate(-9deg)}.tile.selected{border:2px solid #f9d385;box-shadow:0 4px #66462d,inset 0 0 0 3px #eac27355,0 0 13px #f3cd6a33}.selected .pin{opacity:1}.specimen{color:#ffdfa2;filter:drop-shadow(0 3px 2px #6b432e);opacity:0;transition:transform .32s cubic-bezier(.1,.7,.2,1.4),opacity .18s;position:absolute;inset:13%;transform:scale(.65)}.specimen svg{width:100%;height:100%;display:block}.fault-mark{color:#e7987c;text-shadow:0 3px #142832;opacity:0;place-items:center;font-size:clamp(25px,4vw,48px);transition:transform .25s,opacity .15s;display:grid;position:absolute;inset:10%;transform:scale(.7)}.tile.safe{background:radial-gradient(#fff0c233,#5e6c52aa),#567271;border-color:#ffe7a4;box-shadow:0 3px #263f46,inset 0 0 16px #f8e7a666}.tile.safe .specimen{opacity:1;transform:scale(1)}.safe .pin,.fault .pin{opacity:0}.tile.fault{background:radial-gradient(#071d26 15%,#22333a 43%,#b07252 45%,#473a35 58%);border-color:#d18d74;box-shadow:0 2px #352e2a,inset 0 0 10px #101e2b}.tile.fault .fault-mark{opacity:1;transform:scale(1)}.map-safe,.map-fault{filter:saturate(.35)brightness(.7);background:#35464a!important;border-color:#67706a!important;box-shadow:0 2px #1d3038!important}.map-safe .specimen{opacity:.3;transform:scale(.8)}.map-fault .fault-mark{opacity:.55;transform:scale(.8)}.map-safe .pin,.map-fault .pin{opacity:0}.brush{z-index:8;transform-origin:75%;background:linear-gradient(90deg,#b38850 0 24%,#e1d1b6 25% 33%,#233847 34% 100%);border-radius:3px 35% 35% 3px;width:78%;height:13%;display:none;position:absolute;top:25%;left:20%;box-shadow:0 2px 3px #2228}.digging .brush{animation:.16s ease-in-out infinite alternate brush-sweep;display:block}.dust{pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:35%;box-shadow:-18px 8px 0 -7px #ecd3a9,16px -10px 0 -7px #edbb83,24px 12px 0 -8px #edbb83}.digging .dust{animation:.33s ease-out infinite earth-dust}.digging{z-index:10}.result{text-align:center;background:#243b46ed;border:1px solid #d0a16c88;border-radius:4px;flex-wrap:wrap;place-content:center;align-items:center;gap:4px 13px;padding:7px 8px;display:flex;box-shadow:0 5px 13px #271d2333}.result>span{letter-spacing:.4px;font-size:13px;font-weight:800}.result>b{color:#ffe0a0;font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.result>small{color:#d6d5c7;width:100%;font-size:12px}.journal{color:#2a3e49;background:linear-gradient(100deg,#f4e4c7f5,#dfcaa9f5);border:2px solid #927459;border-radius:3px 15px 6px 3px;flex-direction:column;height:100%;min-height:0;padding:18px 22px 0;display:flex;position:relative;box-shadow:0 6px #554436,0 15px 25px #39251655}.journal:after{content:"";pointer-events:none;border:1px solid #957e5b44;position:absolute;inset:12px}.clip{background:#344b52;border:3px solid #a6a39b;border-radius:4px;width:68px;height:17px;position:absolute;top:-8px;left:calc(50% - 34px);box-shadow:0 3px 2px #69574155}.eyebrow{letter-spacing:2px;font-size:9px;font-weight:800}.journal h2{color:#653b29;max-width:270px;margin:10px 0 16px;font:800 29px/1.02 Georgia,serif}#profiles{gap:7px;display:flex}#profiles button{color:#31404a;background:#e0c9a7;border:1px solid #af987b;flex-direction:column;flex:1;gap:4px;padding:9px 5px;display:flex}#profiles b{font-size:13px}#profiles span{font-size:9px}#profiles button[aria-pressed=true]{color:#ffe4b1;background:#2d4750;border-color:#2d4750;box-shadow:0 3px #182f3a}.quote{border-bottom:1px dashed #7b6756;margin-top:15px;padding-bottom:9px}.quote>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.quote span{letter-spacing:1px;font-size:9px;font-weight:800}.quote strong{color:#943d26;font-variant-numeric:tabular-nums;font-size:32px;line-height:1}.quote p{margin:6px 0 0;font-size:11px}.quote p b{font-size:14px}.quote small{float:right;font-size:12px;font-weight:800}.pick-tools{gap:7px;margin-top:11px;display:flex}.pick-tools button{color:#36444a;background:0 0;border-color:#9a8365;padding:7px 10px;font-size:11px}.method{margin:9px 0 0;font-size:11px;line-height:1.35}.archaeologist{flex:1;justify-content:center;align-items:flex-end;min-height:0;margin-top:4px;display:flex;position:relative;overflow:hidden}.archaeologist img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 6px #5b3f3144);transform-origin:50% 85%;width:80%;height:100%;animation:7s ease-in-out infinite ada-breath}.archaeologist span{color:#edce98;letter-spacing:1px;background:#233c47ed;padding:9px 10px;font-size:7px;position:absolute;bottom:12px;right:0;box-shadow:0 3px #a07b4d}.archaeologist b{letter-spacing:1.5px;color:#fff0d1;margin-bottom:4px;font-size:17px;display:block}.success .archaeologist img{animation:.65s ease-in-out 2 alternate ada-find}.success .result>b{animation:.5s ease-out result-in}.success .tile.safe{box-shadow:0 3px #263f46,0 0 15px #ffd78688,inset 0 0 16px #f8e7a666}footer{background:#203745f5;border-top:2px solid #dba368;justify-content:center;align-items:center;gap:35px;padding:9px 20px;display:flex;box-shadow:0 -7px 22px #2b272655}footer small{letter-spacing:1.3px;color:#d5c8b0;margin-bottom:5px;font-size:9px;display:block}footer b{font-variant-numeric:tabular-nums;font-size:24px}.stake{flex-direction:column;align-items:center;display:flex}.stake span{align-items:center;gap:12px;display:flex}.stake button{border-radius:50%;width:31px;height:31px;font-size:22px}.primary{color:#fff3d9;letter-spacing:1px;background:linear-gradient(#e0a775,#bd7046);border:2px solid #f5cd94;border-radius:6px;padding:15px 23px;font-size:13px;font-weight:900;box-shadow:0 4px #733e2e}#speed{padding:12px;font-size:10px}.intro{z-index:20;background:#243b46;grid-template-columns:1.4fr 1fr;display:grid;position:absolute;inset:0}.intro-image{background:radial-gradient(#95674e,#293b46 90%);justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.cover{object-fit:contain;width:100%;height:100%}.intro-image h1,.intro-hero{display:none}.welcome{border-left:2px solid #c99b6a;flex-direction:column;justify-content:center;gap:19px;padding:30px 40px;display:flex}.welcome>small{letter-spacing:1px;color:#d9c5a6;font-size:9px}.welcome h2{color:#f1d2a4;margin:0;font:900 42px/1.05 Georgia,serif}.welcome p{margin:0;font-size:15px;line-height:1.5}.welcome .primary{margin-top:6px;padding:17px}.welcome>small:last-child{font-size:8px;line-height:1.5}dialog{color:#fce5be;background:#243b48;border:2px solid #c6a376;border-radius:13px;width:calc(100% - 28px);max-width:740px;max-height:86dvh;padding:27px;overflow:auto;box-shadow:0 25px 100px #152b36cc}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102735c9}dialog .close{float:right;width:34px;height:34px;font-size:23px}dialog h2{font:700 27px Georgia,serif}dialog p{font-size:14px;line-height:1.6}dialog table{border-collapse:collapse;text-align:center;width:100%;font-size:12px}th,td{border-bottom:1px solid #657780;padding:10px 4px}dialog details{margin-top:15px;font-size:12px}@keyframes brush-sweep{0%{transform:translate(-9px,5px)rotate(-25deg)}to{transform:translate(6px,-5px)rotate(-12deg)}}@keyframes earth-dust{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)translateY(-15px)}}@keyframes ada-breath{50%{transform:translateY(-3px)rotate(.25deg)}}@keyframes ada-find{to{transform:translateY(-6px)rotate(-1.5deg)}}@keyframes result-in{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=1100px){.field{grid-template-columns:minmax(280px,1.3fr) minmax(270px,1fr);gap:17px;padding:14px 22px}.journal{padding:15px 17px 0}.journal h2{font-size:26px}.quote strong{font-size:29px}.welcome{gap:15px;padding:23px}.welcome h2{font-size:34px}.welcome p{font-size:13px}}@media (height<=570px) and (orientation:landscape){.camp{grid-template-rows:42px minmax(0,1fr) 62px}.field{gap:18px;padding:9px 22px}.dig-area{grid-template-rows:27px minmax(0,1fr) 59px;gap:5px}.board-heading>b{font-size:12px}.board-heading>span{padding:4px 9px;font-size:11px}#board{border-radius:10px;gap:6px;padding:7px}.tile-label{font-size:8px;bottom:4px;left:4px}.pin{font-size:22px}.result{gap:2px 10px;padding:4px}.result>span{font-size:10px}.result>b{font-size:27px}.result>small{font-size:10px}.journal{padding:12px 15px 0}.eyebrow{font-size:8px}.journal h2{max-width:none;margin:7px 0 10px;font-size:21px}#profiles button{padding:7px 5px}#profiles b{font-size:11px}#profiles span{font-size:8px}.quote{margin-top:10px;padding-bottom:7px}.quote strong{font-size:26px}.quote p{font-size:10px}.quote p b{font-size:12px}.quote span{font-size:8px}.pick-tools{margin-top:8px}.pick-tools button{padding:5px 9px;font-size:10px}.method{margin-top:6px;font-size:9px}.archaeologist span{font-size:6px;bottom:7px}.archaeologist b{font-size:14px}header{padding:5px 20px}.wordmark{font-size:22px}header button{width:29px;height:29px;font-size:18px}header>span{font-size:8px}footer{gap:26px;padding:6px 20px}footer b{font-size:20px}footer small{margin-bottom:3px;font-size:8px}.primary{padding:10px 19px;font-size:11px}#speed{padding:10px;font-size:9px}.stake button{width:28px;height:28px;font-size:20px}.welcome h2{font-size:29px}.welcome{gap:13px}.welcome p{font-size:12px}.welcome .primary{padding:12px;font-size:11px}}@media (height<=430px) and (orientation:landscape){.camp{grid-template-rows:34px minmax(0,1fr) 54px}.field{grid-template-columns:minmax(260px,1.4fr) minmax(260px,1fr);gap:16px;padding:6px 18px}.dig-area{grid-template-rows:22px minmax(0,1fr) 48px;gap:4px}.board-heading>b{font-size:10px}.board-heading>span{padding:3px 7px;font-size:10px}#board{border-radius:7px;gap:4px;padding:5px}.tile-label{font-size:6px;bottom:2px;left:2px}.pin{font-size:16px}.tile{border-radius:4px}.tile.selected{border-width:1px;box-shadow:0 3px #66462d,inset 0 0 0 1px #eac273}.fault-mark{font-size:24px}.result>span{font-size:9px}.result>b{font-size:21px}.result>small{font-size:9px}.journal{padding:9px 12px}.journal h2,.eyebrow,.method,.archaeologist{display:none}#profiles button{padding:7px 5px}#profiles b{font-size:11px}.quote{margin-top:15px}.quote strong{font-size:30px}.quote span{font-size:8px}.quote p{margin-top:9px}.pick-tools{margin-top:13px}.pick-tools button{padding:8px;font-size:10px}.journal:after{inset:5px}.clip{border-width:2px;height:10px;top:-4px}.wordmark{font-size:19px}header{padding:4px 18px}header button{width:25px;height:25px;font-size:16px}header>span{font-size:7px}footer b{font-size:18px}footer small{font-size:7px}.primary{padding:8px 14px;font-size:10px}.stake button{width:25px;height:25px;font-size:18px}.welcome h2{font-size:24px}.welcome{gap:10px;padding:19px}.welcome>small{font-size:7px}.welcome p{font-size:11px}.welcome>small:last-child{font-size:7px}}@media (width<=700px) and (orientation:portrait){.camp{grid-template-rows:42px minmax(0,1fr) 110px}.field{grid-template-rows:137px minmax(0,1fr);grid-template-columns:1fr;gap:9px;padding:9px 12px 8px}.journal{border-radius:7px;grid-row:1;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:9px 10px;padding:9px 12px;display:grid}.journal h2,.eyebrow,.clip,.method,.archaeologist,.journal:after{display:none}#profiles{grid-column:1/-1;gap:6px}#profiles button{gap:3px;padding:7px 4px}#profiles b{font-size:12px}#profiles span{font-size:8px}.quote{border:0;min-width:0;margin:0;padding:0}.quote>div{justify-content:flex-start;gap:12px}.quote strong{font-size:28px}.quote span{max-width:60px;font-size:8px;line-height:1.3}.quote p{white-space:nowrap;margin-top:5px;font-size:9px}.quote p b{font-size:11px}.quote small{float:none;margin-left:7px;font-size:9px}.pick-tools{flex-direction:column;justify-content:center;gap:5px;margin:0;display:flex}.pick-tools button{padding:5px 7px;font-size:9px}.dig-area{grid-row:2;grid-template-rows:29px minmax(0,1fr) 68px;gap:6px}.board-heading>b{font-size:12px}.board-heading>span{padding:4px 8px;font-size:11px}#board{gap:7px;padding:8px}.pin{font-size:23px}.tile-label{font-size:8px}.result>span{font-size:10px}.result>b{font-size:29px}.result>small{font-size:10px}.wordmark{font-size:22px}header{gap:10px;padding:5px 13px}header>span{display:none}header button{width:29px;height:29px;font-size:18px}header button:first-of-type{margin-left:auto}footer{grid-template-columns:1fr 1fr;gap:7px 12px;padding:7px 16px;display:grid}footer b{font-size:20px}footer small{margin-bottom:3px;font-size:8px}.stake{align-items:flex-end}.stake button{width:27px;height:27px;font-size:20px}.primary{white-space:nowrap;padding:11px 7px;font-size:11px}#speed{justify-self:end;min-width:90px;padding:10px;font-size:9px}.intro{background:url(/demos/fossil-trail/assets/world-CA3oO9ri.webp) 50%/cover;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;display:grid}.intro-image{background:linear-gradient(#20384533,#20384500)}.cover{display:none}.intro-image h1{z-index:2;text-align:center;color:#ffedc3;text-shadow:0 4px #754a35,0 6px 13px #392b2c;width:100%;margin:0;font:900 44px/.92 Georgia,serif;display:block;position:absolute;top:13px}.intro-image h1 b{font-size:55px}.intro-hero{object-fit:contain;object-position:center bottom;max-width:100%;height:calc(100% - 111px);display:block;position:absolute;top:111px;bottom:0}.welcome{text-align:center;background:#233b48ed;border:0;border-top:2px solid #c6a16c;gap:10px;padding:16px 20px}.welcome h2{font-size:28px}.welcome p{font-size:12px;line-height:1.4}.welcome>small,.welcome>small:last-child{font-size:8px}.welcome .primary{margin-top:2px;padding:13px;font-size:12px}dialog{padding:17px}dialog h2{font-size:22px}dialog p{font-size:12px}th,td{padding:8px 2px;font-size:9px}}@media (width<=700px) and (orientation:portrait) and (height<=720px){.camp{grid-template-rows:37px minmax(0,1fr) 96px}.field{grid-template-rows:117px minmax(0,1fr);gap:6px;padding:7px 10px 5px}.journal{gap:6px 8px;padding:6px 10px}#profiles button{padding:5px 3px}#profiles b{font-size:11px}#profiles span{font-size:7px}.quote strong{font-size:24px}.quote span{font-size:7px}.quote p{font-size:8px}.quote p b{font-size:10px}.pick-tools button{padding:4px 5px;font-size:8px}.dig-area{grid-template-rows:24px minmax(0,1fr) 56px;gap:5px}#board{gap:5px;padding:5px}.tile-label{font-size:6px;bottom:3px;left:3px}.pin{font-size:17px}.result{gap:2px 9px;padding:4px}.result>span{font-size:9px}.result>b{font-size:24px}.result>small{font-size:9px}.fault-mark{font-size:23px}.wordmark{font-size:20px}header button{width:25px;height:25px;font-size:16px}footer{gap:4px 10px;padding:6px 13px}footer b{font-size:18px}footer small{font-size:7px}.stake button{width:24px;height:24px;font-size:17px}.primary{padding:9px 5px;font-size:10px}#speed{padding:8px;font-size:8px}.welcome{gap:8px;padding:12px 16px}.welcome h2{font-size:23px}.welcome p{font-size:10px}.welcome .primary{padding:10px;font-size:11px}.intro-image h1{font-size:33px;top:10px}.intro-image h1 b{font-size:43px}.intro-hero{height:calc(100% - 84px);top:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.tile.selected.map-safe,.tile.selected.map-fault{filter:none;border-color:#f9d385!important;box-shadow:0 3px #66462d,inset 0 0 0 1px #eac273!important}.tile.selected.map-safe .pin,.tile.selected.map-fault .pin{opacity:1}.demo-navigation{z-index:100;background:#0c1120;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font:600 14px/1 system-ui,sans-serif;display:flex;position:fixed;inset:0 0 auto}.demo-navigation a{color:#f4e5b8;letter-spacing:.04em;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.demo-navigation a:hover{color:#fff}.demo-navigation a:focus-visible{outline-offset:-4px;outline:2px solid #f4e5b8}.has-demo-navigation .cabinet{top:calc(50% + 22px)}.has-demo-navigation.fluid-demo #app{height:calc(100dvh - 44px);margin-top:44px}.has-demo-navigation.fluid-demo .cabinet{width:min(100vw,177.778dvh - 78.2222px);height:min(100dvh - 44px,56.25vw);top:auto}@media (width<=620px) and (orientation:portrait){.has-demo-navigation.fluid-demo .cabinet{width:100vw;height:calc(100dvh - 44px)}}