:root{--ink:#162124;--paper:#f1ddb0;--paper2:#d5bd84;--pine:#213f3a;--pine2:#315c50;--sea:#5c8e98;--danger:#9d4038;--gold:#c99b43;--line:#172323;--shadow:6px 6px 0 rgba(10,20,20,.35)}
*{box-sizing:border-box}html{background:#122326}body{margin:0;color:var(--ink);font-family:"Courier New",monospace;background:linear-gradient(#183336,#102125);min-height:100vh}.hidden{display:none!important}button,input{font:inherit}button{cursor:pointer}.app{width:min(760px,100%);margin:auto;padding:14px 14px calc(28px + env(safe-area-inset-bottom))}.pixel-panel{background:var(--paper);border:4px solid var(--line);box-shadow:var(--shadow);image-rendering:pixelated}.topbar{display:flex;align-items:center;justify-content:space-between;color:#f7edcf;margin:4px 0 12px}.topbar h1{font-size:clamp(1.25rem,5vw,2rem);margin:.25rem 0}.topbar p{margin:0;color:#b9d1c7}.topbar span{display:inline-block;background:var(--gold);color:var(--ink);border:3px solid var(--line);padding:4px 8px;font-weight:900}.icon-button{width:48px;height:48px;border:3px solid #0b1516;background:var(--paper);box-shadow:4px 4px 0 #081011;font-size:1.35rem}.scene{position:relative;height:min(62vw,430px);min-height:310px;overflow:hidden;background:#9fc4bf}.sky{position:absolute;inset:0 0 44%}.sun{position:absolute;width:44px;height:44px;background:#f0ca62;right:9%;top:10%;box-shadow:0 0 0 6px rgba(240,202,98,.25)}.cloud{position:absolute;width:70px;height:18px;background:#dbe4d5;box-shadow:16px -12px 0 #dbe4d5,34px -4px 0 #dbe4d5}.c1{left:8%;top:17%}.c2{right:28%;top:30%;transform:scale(.7)}.mountains{position:absolute;left:0;right:0;bottom:42%;height:35%;background:linear-gradient(135deg,transparent 28%,#466d65 29% 50%,transparent 51%) 0 0/180px 100%,linear-gradient(225deg,transparent 28%,#31564f 29% 50%,transparent 51%) 80px 20px/220px 100%}.fjord{position:absolute;left:0;right:0;bottom:20%;height:28%;background:repeating-linear-gradient(0deg,#5c8e98 0 7px,#79a7aa 8px 12px)}.shore{position:absolute;left:0;right:0;bottom:0;height:24%;background:repeating-linear-gradient(90deg,#719256 0 16px,#789b5c 16px 32px)}.hut{position:absolute;left:5%;bottom:19%;width:92px;height:63px;background:#745238;border:4px solid var(--line)}.hut:before{content:"";position:absolute;left:-13px;top:-36px;border-left:55px solid transparent;border-right:55px solid transparent;border-bottom:40px solid #4d3327}.hut i{position:absolute;width:22px;height:36px;background:#301f18;bottom:0;left:34px}.fire{position:absolute;right:11%;bottom:14%;width:55px;height:14px;background:#3e2e23;border:3px solid var(--line)}.fire:before,.fire:after{content:"";position:absolute;background:#ef8b38;width:18px;height:30px;bottom:10px;left:18px;clip-path:polygon(50% 0,100% 100%,0 100%)}.fire:after{background:#f4d35e;transform:scale(.55);bottom:5px}.viking{position:absolute;left:50%;bottom:14%;width:132px;height:190px;transform:translateX(-50%);filter:drop-shadow(4px 5px 0 rgba(0,0,0,.25));animation:bob 1.8s steps(2,end) infinite}.viking>div{position:absolute}.shadow{left:20px;bottom:0;width:92px;height:17px;background:rgba(20,30,25,.32);border-radius:50%}.legs{left:39px;bottom:18px;width:54px;height:45px;background:linear-gradient(90deg,#442d21 0 20px,transparent 20px 34px,#442d21 34px)}.body{left:31px;bottom:55px;width:70px;height:70px;background:#80502f;border:5px solid var(--line)}.head{left:38px;bottom:116px;width:58px;height:55px;background:#d7a16c;border:5px solid var(--line)}.helmet{left:31px;bottom:157px;width:72px;height:28px;background:#7b8582;border:5px solid var(--line)}.helmet:before,.helmet:after{content:"";position:absolute;top:-12px;width:18px;height:20px;background:#e9dcc0;border:4px solid var(--line)}.helmet:before{left:-18px;transform:skewY(-25deg)}.helmet:after{right:-18px;transform:skewY(25deg)}.face{left:51px;bottom:135px;width:31px;height:12px;border-left:6px solid var(--line);border-right:6px solid var(--line)}.arm{bottom:70px;width:22px;height:55px;background:#d7a16c;border:5px solid var(--line)}.arm.left{left:15px;transform:rotate(10deg)}.arm.right{right:15px;transform:rotate(-10deg)}.shield{display:none;right:-1px;bottom:62px;width:54px;height:64px;background:#8a3d32;border:6px solid var(--line);border-radius:45%;box-shadow:inset 0 0 0 9px #c39a45}.axe{display:none;left:-5px;bottom:72px;width:9px;height:78px;background:#5b3a28;border:3px solid var(--line);transform:rotate(-12deg)}.axe:after{content:"";position:absolute;left:-14px;top:-7px;width:38px;height:24px;background:#8c9794;border:4px solid var(--line)}.viking.child{transform:translateX(-50%) scale(.82);transform-origin:bottom}.viking.youth{transform:translateX(-50%) scale(.92);transform-origin:bottom}.viking.apprentice .shield,.viking.scout .shield,.viking.warrior .shield,.viking.final .shield,.viking.berserker .shield,.viking.sailor .shield,.viking.jarl .shield,.viking.shield .shield,.viking.tavern .shield{display:block}.viking.scout .axe,.viking.warrior .axe,.viking.final .axe,.viking.berserker .axe,.viking.sailor .axe,.viking.jarl .axe,.viking.shield .axe,.viking.tavern .axe{display:block}.viking.berserker{transform:translateX(-50%) scale(1.18);transform-origin:bottom}.viking.jarl .helmet{background:#c99b43}.viking.sailor .body{background:#386875}.viking.tavern{filter:saturate(.65) drop-shadow(4px 5px 0 rgba(0,0,0,.25))}.speech{position:absolute;left:50%;top:13px;transform:translateX(-50%);width:min(82%,430px);background:#fff3d0;border:4px solid var(--line);padding:10px 12px;text-align:center;font-weight:900;box-shadow:4px 4px 0 rgba(0,0,0,.25)}.speech:after{content:"";position:absolute;left:50%;bottom:-14px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:14px solid var(--line)}@keyframes bob{50%{margin-bottom:3px}}.stats{margin-top:14px;padding:10px}.stat{display:grid;grid-template-columns:74px 1fr 34px;gap:8px;align-items:center;margin:7px 0;font-size:.82rem;font-weight:900}.stat>div{height:17px;background:#b49b68;border:3px solid var(--line)}.stat i{display:block;height:100%;background:var(--pine2);width:0;transition:width .35s}.stat.low i{background:var(--danger)}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.actions button{min-height:78px;background:var(--paper);border:4px solid var(--line);box-shadow:4px 4px 0 #081011;padding:7px 4px;font-weight:900;color:var(--ink)}.actions button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #081011}.actions button:disabled{filter:grayscale(.9);opacity:.55;cursor:not-allowed}.actions span{display:block;font-size:1.45rem}.actions small{display:block;font-size:.63rem;color:#705f3f;margin-top:3px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-col article,.chronicle{padding:13px}.two-col h2,.chronicle h2,.modal-card h2{margin:0 0 10px;font-size:1rem;text-transform:uppercase}.goal{display:grid;grid-template-columns:1fr auto;gap:6px;padding:5px 0;border-bottom:2px dashed #806e49}.goal.done{opacity:.55;text-decoration:line-through}.inventory{display:flex;flex-wrap:wrap;gap:7px}.item{padding:6px 8px;background:var(--paper2);border:3px solid var(--line);font-size:.75rem}.empty{opacity:.65;font-style:italic}.chronicle{margin-top:14px}.log{padding:8px 0;border-bottom:2px dashed #8f7950;font-size:.8rem}.log:last-child{border:0}.log time{display:block;color:#6a5b41;font-size:.68rem;margin-top:2px}footer{text-align:center;color:#b9d1c7;font-size:.72rem;padding:20px 4px}footer button{border:0;background:none;color:#f0d99d;text-decoration:underline}.gate{position:fixed;inset:0;z-index:10;background:linear-gradient(rgba(18,35,38,.88),rgba(7,16,18,.97)),repeating-linear-gradient(45deg,#193436 0 12px,#1e3c3e 12px 24px);display:grid;place-items:center;padding:18px}.gate-card{width:min(440px,100%);padding:24px;text-align:center}.gate-card h1{font-size:1.45rem}.gate-card label{display:block;text-align:left;font-weight:900;margin:14px 0 5px}.gate-card input{width:100%;padding:13px;border:4px solid var(--line);background:#fff4d3}.primary,.secondary,.danger{width:100%;padding:13px;border:4px solid var(--line);font-weight:900;box-shadow:4px 4px 0 #081011}.primary{background:var(--gold)}.secondary{background:#7aa59b;margin-top:10px}.danger{background:#b75a4d;color:white;margin-top:18px}.rune{font-size:3rem}.error{color:#9d261f;min-height:1.2em}.toast{position:fixed;z-index:30;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,130%);width:min(90%,540px);background:#fff2c9;border:4px solid var(--line);box-shadow:var(--shadow);padding:12px;text-align:center;font-weight:900;transition:transform .25s}.toast.show{transform:translate(-50%,0)}.toast.bad{background:#f2b2a7}.modal{position:fixed;inset:0;z-index:20;background:rgba(5,12,13,.8);display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(480px,100%);padding:22px}.close{position:absolute;right:8px;top:8px;width:38px;height:38px;border:3px solid var(--line);background:#fff;font-size:1.3rem}
@media(max-width:620px){.actions{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.scene{min-height:330px}.stat{grid-template-columns:66px 1fr 32px}.app{padding-left:10px;padding-right:10px}.viking{bottom:12%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Version 3 additions */
.name-field{display:grid;gap:8px;margin:18px 0;text-align:left}.name-field input{width:100%;box-sizing:border-box}.game-card{width:min(92vw,520px);padding:24px;text-align:center}.intro-icon{font-size:64px;line-height:1;margin:10px}.game-card h2{margin:8px 0}.game-card p{line-height:1.5}.game-area{min-height:240px;display:grid;place-items:center;margin:14px 0;border:4px solid #243d3f;background:#e9d9af;position:relative;overflow:hidden}.game-progress{height:14px;background:#c5ad75;border:3px solid #243d3f}.game-progress i{display:block;height:100%;width:0;background:#4d8b58;transition:width .2s}.game-feedback{min-height:28px;font-weight:bold}.reaction-pad,.game-button,.fire-tap{min-width:180px;min-height:110px;font:inherit;font-weight:bold;border:4px solid #243d3f;background:#d9c38c}.reaction-pad.ready{background:#f1cc4c;animation:pulse .45s infinite alternate}.rune-grid,.pair-grid,.trail-grid,.number-grid{display:grid;gap:10px}.rune-grid{grid-template-columns:repeat(2,90px)}.pair-grid{grid-template-columns:repeat(4,58px)}.trail-grid{grid-template-columns:repeat(3,64px)}.number-grid{grid-template-columns:repeat(5,52px)}.rune-grid button,.pair-grid button,.trail-grid button,.number-grid button{aspect-ratio:1;border:3px solid #243d3f;background:#f4e6bf;font:700 28px monospace}.flash{background:#f1cc4c!important;transform:scale(1.08)}.done{background:#8dc98a!important}.catch-field{position:relative;width:100%;height:240px}.falling{position:absolute;top:-30px;border:0;background:transparent;font-size:34px;animation:fall 1.8s linear}.timing-track{width:84%;height:44px;position:relative;background:#cfb982;border:4px solid #243d3f}.timing-track span{position:absolute;left:40%;width:20%;height:100%;background:#72a76e}.timing-track i{position:absolute;top:-8px;width:7px;height:56px;background:#7e2828}.ravens{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.ravens span{font-size:44px;color:#1f2c30;animation:hop .4s infinite alternate}.fire-tap{background:radial-gradient(circle,#edb84c 0 20%,#a43f26 21% 45%,#583127 46%)}
.action-fx{position:absolute;inset:0;pointer-events:none;opacity:0}.action-fx.show{opacity:1;animation:fxfade 6s both}.action-fx i,.action-fx b,.action-fx em{position:absolute;display:block}.action-fx.feed i{width:46px;height:24px;border-radius:50% 45% 45% 50%;background:#7fb3c8;left:58%;top:57%;box-shadow:-12px 0 0 -4px #527c8e}.action-fx.feed i:after{content:"";position:absolute;right:8px;top:6px;width:5px;height:5px;background:#172a2b}.action-fx.play i{width:54px;height:54px;left:63%;top:22%;background:#b33d3d;transform:rotate(45deg);border:4px solid #f0d36b}.action-fx.play b{width:3px;height:130px;background:#4e4034;left:60%;top:35%;transform:rotate(20deg)}.action-fx.wash i,.action-fx.wash b,.action-fx.wash em{width:18px;height:24px;border-radius:50%;background:#79b9d5;top:15%;animation:drop 1s infinite}.action-fx.wash i{left:42%}.action-fx.wash b{left:52%;animation-delay:.25s}.action-fx.wash em{left:61%;animation-delay:.5s}.action-fx.train i{width:80px;height:12px;background:#c4c8c7;left:58%;top:44%;transform:rotate(-35deg);box-shadow:50px 0 0 -3px #523928}.action-fx.explore i{width:140px;height:34px;background:#724d31;border-radius:0 0 60% 60%;left:46%;top:70%;animation:boat 2s infinite alternate}.action-fx.heal i{width:18px;height:52px;background:#4f8c53;left:61%;top:42%;transform:rotate(25deg);box-shadow:15px 8px 0 -4px #6da762,-14px 15px 0 -4px #6da762}.action-fx.sleep i{width:22px;height:22px;border-radius:50%;box-shadow:7px -4px 0 0 #f2d76c;left:63%;top:18%}.action-fx.wake i{width:44px;height:44px;border-radius:50%;background:#f2d76c;left:68%;top:12%;box-shadow:0 0 0 8px rgba(242,215,108,.25)}
.viking{transition:filter .4s}.viking .belt{position:absolute;left:37%;top:62%;width:28%;height:7%;background:#6c412a;z-index:5}.viking .hair{position:absolute;left:34%;top:29%;width:32%;height:18%;background:#a45e2d;z-index:3;clip-path:polygon(0 0,100% 0,90% 100%,75% 70%,60% 100%,45% 70%,30% 100%,10% 70%)}.viking .horn{position:absolute;width:15%;height:12%;background:#eee0b8;top:17%;z-index:2}.viking .horn.left{left:26%;clip-path:polygon(100% 100%,0 55%,70% 0)}.viking .horn.right{right:26%;clip-path:polygon(0 100%,100% 55%,30% 0)}.viking .face .eye{position:absolute;width:4px;height:4px;background:#172a2b;top:42%;z-index:7}.viking .face .eye.left{left:43%}.viking .face .eye.right{right:43%}.viking .face .mouth{position:absolute;width:12px;height:4px;border-bottom:3px solid #6f2d26;left:calc(50% - 6px);top:51%;z-index:7}.is-ill{filter:saturate(.65) hue-rotate(25deg)}.is-dirty:after{content:"";position:absolute;inset:30% 30% 18%;background:radial-gradient(circle at 20% 30%,#5f482c 0 4px,transparent 5px),radial-gradient(circle at 75% 65%,#5f482c 0 5px,transparent 6px);z-index:9}.is-sad .mouth{border-bottom:0!important;border-top:3px solid #6f2d26!important}.is-sleeping{animation:sleepbob 2.5s infinite}.action-feed{animation:eat 1s 6}.action-play{animation:jump 1s 6}.action-wash{animation:wash 1.2s 5}.action-train{animation:swing 1s 6}.action-explore{animation:walk 1.1s 5}.action-heal{animation:healglow 1.2s 5}.action-sleep{animation:sleepbob 2s 3}.action-wake{animation:jump .8s 7}
@keyframes fall{to{top:260px;transform:rotate(180deg)}}@keyframes pulse{to{transform:scale(1.08)}}@keyframes hop{to{transform:translateY(-9px)}}@keyframes drop{to{top:68%;opacity:0}}@keyframes boat{to{transform:translateX(35px) rotate(2deg)}}@keyframes fxfade{0%,100%{opacity:0}8%,90%{opacity:1}}@keyframes eat{0%,100%{transform:translateY(0)}50%{transform:translateY(3px) rotate(-2deg)}}@keyframes jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-24px)}}@keyframes wash{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes swing{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg)}}@keyframes walk{0%,100%{transform:translateX(-6px)}50%{transform:translateX(10px)}}@keyframes healglow{0%,100%{filter:none}50%{filter:brightness(1.35) drop-shadow(0 0 10px #d7ef9d)}}@keyframes sleepbob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(4px) rotate(2deg)}}
@media(max-width:560px){.game-card{padding:18px}.game-area{min-height:220px}.pair-grid{grid-template-columns:repeat(4,52px)}.topbar h1{font-size:22px}.actions button small{font-size:9px}}
.actions button:disabled{filter:grayscale(.65);opacity:.72;cursor:not-allowed;transform:none}.actions .cooldown{display:block;min-height:2.2em;line-height:1.1;margin-top:4px}.actions .ready .cooldown,.actions button.ready .cooldown{color:#275f32;font-weight:900}.game-error{padding:18px;background:#6c2929;color:#fff;border:3px solid #321313;text-align:center}.game-error button{margin-top:12px}.raven-shape{display:inline-block;width:38px;height:28px;background:#1f2c30;clip-path:polygon(0 48%,28% 20%,45% 37%,62% 10%,100% 45%,67% 58%,58% 100%,38% 67%,12% 76%);animation:hop .4s infinite alternate}.catch-field{touch-action:manipulation}.game-area button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.action-name{font-weight:inherit}
@media(max-width:390px){.actions{grid-template-columns:repeat(2,1fr)}.actions button{min-height:88px;padding:8px 4px}.game-card{width:calc(100vw - 18px);max-height:calc(100vh - 18px);overflow:auto}.game-area{min-height:200px}.rune-grid,.number-grid{gap:8px}.rune-grid button,.number-grid button{min-width:52px;min-height:52px}}

/* Beta 5 systems */
.effects-panel{margin:14px 0;padding:10px}.effects-panel>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.78rem}.effects{display:flex;gap:7px;overflow-x:auto;padding-top:8px}.effect{flex:0 0 auto;display:grid;gap:2px;max-width:240px;padding:7px 9px;border:3px solid var(--line);background:#d8c68f;font-size:.72rem}.effect small{font-size:.62rem}.effect.severity-2{background:#e3aa68}.effect.severity-3{background:#d97868}.effect.calm{background:#9dc49b}.sleep-options{display:grid;gap:10px}.sleep-options button{display:grid;gap:4px;padding:15px;border:4px solid var(--line);background:#d9c38c;text-align:left;box-shadow:4px 4px 0 #081011}.sleep-options b{font-size:1rem}.sleep-options small{font-size:.72rem}.sleep-card p{font-size:.8rem;line-height:1.45}.viking.is-overfed{transform:translateX(-50%) scale(1.04)}