:root{--ink:#30251d;--deep:#252b25;--deep2:#374137;--paper:#fff5d8;--paper2:#e7c989;--gold:#e9b552;--orange:#c76d39;--moss:#6b7848;--red:#a84436;--line:#5a412c;--muted:#7b6a55;--cream:#fffaf0;--shadow:rgba(41,28,18,.24);font-family:"Arial Rounded MT Bold","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;color:var(--ink);background:#232a24}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,rgba(227,181,83,.14),transparent 22rem),radial-gradient(circle at 88% 25%,rgba(126,149,79,.14),transparent 28rem),linear-gradient(155deg,#323a30,#202720 50%,#332e25);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(circle at 20% 30%,#f4d777 0 .08rem,transparent .1rem),radial-gradient(circle at 70% 15%,#fff2bd 0 .06rem,transparent .09rem),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.03) 49% 51%,transparent 52%);background-size:7rem 8rem,10rem 11rem,19rem 15rem}button,input,select,textarea{font:inherit}.survey-topbar{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:4.6rem;padding:max(.65rem,env(safe-area-inset-top)) max(.85rem,calc((100vw - 58rem)/2)) .65rem;border-bottom:.18rem solid #171b17;background:linear-gradient(180deg,rgba(74,64,50,.98),rgba(39,45,38,.98));box-shadow:0 .45rem 1.4rem rgba(15,17,14,.35);color:#f8e7b7}.survey-topbar:after{content:"";position:absolute;left:0;right:0;bottom:.18rem;height:.1rem;background:repeating-linear-gradient(90deg,#d2a350 0 1rem,transparent 1rem 1.55rem);opacity:.55}.survey-topbar>div{min-width:0;text-align:center}.survey-topbar span{display:block;font-size:.62rem;letter-spacing:.18em;color:#c9b685}.survey-topbar strong{display:block;margin-top:.15rem;font-size:1.02rem;letter-spacing:-.03em;color:#fff2c5}.survey-topbar>b{display:grid;place-items:center;width:2.9rem;height:2.2rem;border:.12rem solid #e0b85e;border-radius:.8rem 1.05rem .7rem 1.1rem;background:#242a24;color:#ffd97a;font-size:.78rem;box-shadow:inset 0 0 0 .1rem rgba(255,255,255,.05),0 .2rem #111511}.back-game{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;height:2.35rem;padding:0 .65rem;border:.12rem solid #e0b85e;border-radius:1rem .7rem 1.05rem .72rem;background:linear-gradient(#f7da84,#be773b);box-shadow:inset 0 1px #fff2b7,0 .2rem #151a15;color:#34231a;text-decoration:none;font-size:.75rem;font-weight:900}.survey-shell{position:relative;width:min(58rem,100%);margin:0 auto;padding:1rem 1rem 8.5rem}.survey-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(13rem,.65fr);min-height:21rem;overflow:hidden;padding:2.2rem 2rem;margin-bottom:1rem;border:.18rem solid #171b17;border-radius:2rem 1.35rem 2.2rem 1.5rem;background:linear-gradient(90deg,rgba(38,47,39,.96),rgba(53,66,51,.78)),url("assets/prehistoric-village-cute-v46.png") center/cover;box-shadow:inset 0 0 0 .12rem rgba(255,244,202,.16),0 .65rem 0 #151a15,0 1.3rem 2.2rem rgba(10,12,10,.25);color:#fff4ce}.survey-hero:before{content:"";position:absolute;inset:.65rem;border:1px dashed rgba(255,224,138,.35);border-radius:1.55rem 1rem 1.75rem 1.1rem}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow{display:inline-block;padding:.42rem .75rem;border:1px solid #e6bc62;border-radius:2rem;background:#20271f;color:#ffe18a;font-size:.7rem;letter-spacing:.08em}.hero-copy h1{margin:.9rem 0 .75rem;font-size:clamp(2rem,6vw,3.6rem);line-height:1.05;letter-spacing:-.075em;text-shadow:0 .17rem #171b17}.hero-copy p{max-width:35rem;margin:0;color:#eadfbd;font-size:.9rem;line-height:1.7}.hero-dinos{position:relative;align-self:end;height:16rem}.hero-dinos img{position:absolute;filter:drop-shadow(0 .75rem .35rem rgba(17,17,12,.35))}.hero-dinos img:first-child{right:1rem;bottom:.2rem;width:13rem;transform:rotate(-4deg)}.hero-dinos img:nth-child(2){left:-1.8rem;bottom:1rem;width:7rem;transform:rotate(7deg)}.hero-dinos i{position:absolute;right:0;top:1.2rem;padding:.6rem .85rem;border:.15rem solid #3c2d20;border-radius:50% 55% 48% 54%;background:#fff3c8;color:#70402a;font-size:1rem;font-style:normal;box-shadow:0 .25rem #191e18}.tester-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.4rem 0}.tester-promise>div{padding:1rem;border:.13rem solid #5a432f;border-radius:1.25rem .85rem 1.3rem .9rem;background:linear-gradient(155deg,#fff8df,#e8cf9b);box-shadow:inset 0 0 0 1px #fffef1,0 .3rem #2b3028}.tester-promise b,.tester-promise span{display:block}.tester-promise b{margin-bottom:.35rem;color:#664128;font-size:.8rem}.tester-promise span{color:#766650;font-size:.68rem;line-height:1.45}.play-guide,.survey-card{position:relative;margin:1.5rem 0;padding:1.35rem;border:.16rem solid #5b422e;border-radius:1.55rem 1rem 1.65rem 1.1rem;background:radial-gradient(circle at 8% 2%,rgba(255,255,255,.8),transparent 14rem),linear-gradient(148deg,var(--paper),#e5c78b);box-shadow:inset 0 0 0 .12rem rgba(255,255,255,.58),0 .45rem 0 #2a3028,0 1rem 1.8rem rgba(15,19,15,.22)}.play-guide:before,.survey-card:before{content:"";position:absolute;inset:.45rem;border:1px dashed rgba(93,62,34,.18);border-radius:inherit;pointer-events:none}.play-guide header,.survey-card>header{position:relative;padding:.2rem 0 1rem;border-bottom:1px solid rgba(86,59,36,.2)}.play-guide header span,.survey-card>header>span{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#9a6135}.play-guide h2,.survey-card h2{margin:.28rem 0 0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.15;letter-spacing:-.065em}.survey-card>header p{margin:.45rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}.route-line{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:1rem 0}.route-line article{position:relative;min-height:8rem;padding:2.3rem .7rem .8rem;border:.11rem solid #745238;border-radius:1.1rem .72rem 1.15rem .78rem;background:linear-gradient(#fff7da,#dab875);box-shadow:0 .25rem #9c7042}.route-line article:not(:last-child):after{content:"›";position:absolute;z-index:2;right:-.55rem;top:42%;display:grid;place-items:center;width:1rem;height:1rem;border-radius:50%;background:#38372f;color:#ffe391;font-size:.8rem}.route-line b{position:absolute;top:.55rem;left:.55rem;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#6a7749;color:white;font-size:.68rem;box-shadow:0 .12rem #38452d}.route-line strong,.route-line span{display:block}.route-line strong{font-size:.75rem}.route-line span{margin-top:.35rem;color:#75614b;font-size:.62rem;line-height:1.4}.play-now{display:flex;justify-content:center;padding:.78rem;border:.13rem solid #3d382d;border-radius:1rem .7rem 1.05rem .75rem;background:linear-gradient(#839653,#58683e);box-shadow:inset 0 1px #b8c978,0 .25rem #2c3428;color:#fffbe6;text-decoration:none;font-size:.8rem;font-weight:900}.card-number{position:absolute;z-index:2;right:1.2rem;top:1rem;display:grid;place-items:center;width:2.65rem;height:2.25rem;border:.12rem solid #3f3b30;border-radius:.8rem 1.05rem .75rem 1rem;background:linear-gradient(#657250,#3e4d3c);box-shadow:inset 0 1px #a7b17c,0 .2rem #342c22;color:#ffe49b;font-size:.8rem}.field-grid,.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.field-grid label>span,.choice-field>span,.long-answer>span{display:block;margin:0 0 .4rem;color:#68452d;font-size:.72rem;font-weight:900}input[type="text"],select,textarea{width:100%;border:.12rem solid #78583d;border-radius:.9rem .65rem 1rem .7rem;outline:none;background:#fffdf1;color:#38291f;box-shadow:inset 0 .15rem .3rem rgba(95,70,42,.1),0 .12rem #b08451}input[type="text"],select{height:2.85rem;padding:0 .8rem;font-size:.76rem}textarea{min-height:7rem;padding:.75rem;resize:vertical;font-size:.75rem;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#bd6d37;box-shadow:0 0 0 .18rem rgba(217,129,61,.2),0 .12rem #8d5b35}.content-check{margin:1.2rem 0 0;padding:1rem;border:.12rem solid #78583d;border-radius:1rem;background:rgba(255,250,226,.55)}.content-check legend{padding:0 .45rem;color:#623f2b;font-size:.72rem;font-weight:900}.content-check>div,.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.content-check label,.priority-grid label{position:relative}.content-check input,.priority-grid input,.played-toggle input{position:absolute;opacity:0}.content-check span,.priority-grid span,.played-toggle span{display:flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.45rem;border:.1rem solid #a48157;border-radius:.72rem;background:#f8e9be;color:#746049;text-align:center;font-size:.65rem;font-weight:900;cursor:pointer}.content-check input:checked+span,.priority-grid input:checked+span,.played-toggle input:checked+span{border-color:#3d4b36;background:linear-gradient(#80945a,#5c6e45);box-shadow:inset 0 1px #b9cb7d,0 .18rem #35402f;color:white}.section-jump{position:sticky;z-index:20;top:4.8rem;display:flex;gap:.4rem;overflow-x:auto;margin:1.3rem -.25rem;padding:.55rem .35rem;border:.12rem solid #161a16;border-radius:1rem;background:rgba(44,51,43,.96);box-shadow:0 .35rem .8rem rgba(18,19,16,.25);scrollbar-width:none}.section-jump::-webkit-scrollbar{display:none}.section-jump a{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;padding:.42rem .65rem;border:1px solid #766748;border-radius:.65rem .9rem .62rem .95rem;background:#51483a;color:#eee0ba;text-decoration:none;font-size:.61rem;font-weight:900}.section-jump b{color:#ffd878}.guide-panel{display:grid;grid-template-columns:12.5rem 1fr;gap:1rem;margin:1rem 0;padding:.8rem;border:.12rem solid #6b4c35;border-radius:1.15rem .8rem 1.2rem .85rem;background:linear-gradient(145deg,#4e4a3b,#303830);box-shadow:inset 0 0 0 1px rgba(255,247,204,.12),0 .25rem #6c4b31;color:#fff0c2}.guide-art{height:9.5rem;overflow:hidden;border:.12rem solid #171c17;border-radius:.9rem .65rem 1rem .72rem;background:#222822;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.guide-art img{width:100%;height:100%;object-fit:cover}.guide-art.contain img{object-fit:contain;padding:.7rem}.guide-panel>div:last-child{display:flex;flex-direction:column;justify-content:center}.guide-panel b{font-size:.76rem;color:#ffdb77}.guide-panel ul{margin:.55rem 0;padding-left:1.05rem}.guide-panel li{margin:.35rem 0;color:#e1d4b3;font-size:.68rem;line-height:1.45}.played-toggle{align-self:flex-start;position:relative;margin-top:.2rem}.played-toggle span{min-height:2.2rem;border-color:#9b8456;background:#403e33;color:#e9d8ad}.ratings{display:grid;gap:.65rem}.rating-row{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(17rem,1fr);align-items:center;gap:1rem;margin:0;padding:.7rem .8rem;border:.1rem solid #aa895e;border-radius:.9rem;background:rgba(255,251,233,.62)}.rating-row legend{padding:0;font-size:.7rem;font-weight:900;line-height:1.35}.rating-scale{display:grid;grid-template-columns:auto repeat(5,2rem) auto;align-items:center;justify-content:end;gap:.28rem}.rating-scale>span{font-size:.52rem;color:#89745c}.rating-scale label{position:relative}.rating-scale input{position:absolute;opacity:0}.rating-scale b{display:grid;place-items:center;width:2rem;height:2rem;border:.1rem solid #896848;border-radius:50% 43% 50% 42%;background:#f4dfad;color:#6d533c;font-size:.68rem;cursor:pointer;box-shadow:0 .12rem #a17848}.rating-scale input:checked+b{border-color:#3b4432;background:linear-gradient(#e7b553,#b96335);color:white;box-shadow:inset 0 1px #ffe49c,0 .16rem #483326;transform:translateY(-.08rem)}.long-answer{display:block;margin-top:1rem}.issue-entry{margin-top:1rem;padding:1rem;border:.12rem solid #78583d;border-radius:1rem;background:rgba(255,250,226,.62)}.issue-entry>header{display:flex;align-items:center;justify-content:space-between}.issue-entry>header b{color:#713f2e;font-size:.8rem}.issue-entry>header button{width:2rem;height:2rem;border:.1rem solid #613d2d;border-radius:50%;background:#aa493a;color:#fff;font-weight:900}.add-issue{width:100%;margin-top:1rem;padding:.8rem;border:.12rem dashed #745238;border-radius:.85rem;background:#f2dca6;color:#5b402e;font-size:.75rem;font-weight:900}.add-issue:disabled{opacity:.45}.priority-grid{margin-top:1rem}.consent{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.2rem;padding:1rem;border:.12rem solid #765439;border-radius:.9rem;background:#fff5d6}.consent input{width:1.25rem;height:1.25rem;accent-color:#65784b}.consent span{font-size:.7rem;line-height:1.5}.submit-dock{position:fixed;z-index:40;left:50%;bottom:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;width:min(58rem,100%);padding:.75rem max(1rem,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));transform:translateX(-50%);border-top:.18rem solid #171b17;background:linear-gradient(180deg,rgba(67,59,47,.98),rgba(37,44,37,.99));box-shadow:0 -.7rem 1.5rem rgba(26,22,17,.28);color:#f5e6bf}.submit-dock>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem;min-width:0}.submit-dock span,.submit-dock b{font-size:.66rem}.submit-dock i{grid-column:1/-1;height:.45rem;overflow:hidden;border:1px solid #171b17;border-radius:1rem;background:#222821}.submit-dock em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#829451,#e4b450,#c76638);transition:width .2s}.submit-dock small{grid-column:1/-1;overflow:hidden;color:#c6b793;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.submit-dock button{min-width:12rem;padding:.9rem 1rem;border:.14rem solid #35291f;border-radius:1rem .72rem 1.1rem .78rem;background:linear-gradient(#f2bd59,#be6637);box-shadow:inset 0 1px #ffe39a,0 .27rem #171c17;color:#372419;font-size:.78rem;font-weight:1000}.submit-dock button:disabled{filter:grayscale(.5);opacity:.65}.survey-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(18,21,18,.78);backdrop-filter:blur(.3rem)}.survey-modal[hidden]{display:none}.survey-modal section{width:min(25rem,100%);padding:1.5rem;border:.18rem solid #4b3828;border-radius:1.7rem 1.1rem 1.8rem 1.2rem;background:linear-gradient(145deg,#fff7d7,#dfba70);box-shadow:inset 0 0 0 .15rem #fff5cf,0 .6rem #191e18,0 1.2rem 3rem rgba(0,0,0,.4);text-align:center}.survey-modal img{width:6.5rem;height:6.5rem;border:.15rem solid #483426;border-radius:1.5rem;box-shadow:0 .35rem #6f4d31}.survey-modal span{display:block;margin-top:1rem;color:#9b5d32;font-size:.62rem;letter-spacing:.12em}.survey-modal h2{margin:.4rem 0;font-size:1.35rem}.survey-modal p{color:#75614a;font-size:.72rem;line-height:1.55}.survey-modal a{display:block;margin-top:1rem;padding:.8rem;border:.13rem solid #3d382d;border-radius:.9rem;background:linear-gradient(#7e9254,#586740);box-shadow:0 .22rem #3b3329;color:white;text-decoration:none;font-size:.78rem;font-weight:900}
@media(max-width:720px){.survey-shell{padding:.8rem .7rem 8.8rem}.survey-hero{grid-template-columns:1fr;min-height:31rem;padding:1.5rem 1.25rem}.hero-dinos{height:13rem}.hero-dinos img:first-child{right:8%;width:11rem}.hero-dinos img:nth-child(2){left:8%;width:5.7rem}.tester-promise{grid-template-columns:1fr}.route-line{display:flex;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}.route-line article{flex:0 0 10.5rem;scroll-snap-align:start}.guide-panel{grid-template-columns:1fr}.guide-art{height:11rem}.rating-row{grid-template-columns:1fr;gap:.55rem}.rating-scale{justify-content:center}.field-grid,.choice-grid{grid-template-columns:1fr}.content-check>div,.priority-grid{grid-template-columns:repeat(2,1fr)}.section-jump{top:4.65rem}.submit-dock{gap:.6rem}.submit-dock button{min-width:9.5rem;padding:.8rem .55rem;font-size:.68rem}.survey-topbar{grid-template-columns:auto 1fr auto;padding-inline:.55rem}.survey-topbar strong{font-size:.86rem}.back-game{min-width:3.5rem;padding:0 .4rem}.survey-card,.play-guide{padding:1.05rem}.card-number{right:.8rem}}
@media(max-width:390px){.hero-copy h1{font-size:1.95rem}.rating-scale{grid-template-columns:auto repeat(5,1.85rem) auto;gap:.16rem}.rating-scale b{width:1.85rem;height:1.85rem}.rating-scale>span{font-size:.45rem}.content-check>div,.priority-grid{grid-template-columns:1fr 1fr}.submit-dock small{max-width:10rem}.submit-dock button{min-width:8.2rem}.survey-topbar span{font-size:.5rem}.survey-topbar strong{font-size:.74rem}}