body{color:#000;background:#1b1b1b;margin:0;font-family:Arial,sans-serif}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.board{grid-template-columns:repeat(4,70px);gap:4px;display:grid}.hex{cursor:pointer;background-position:50%;background-size:cover;border-radius:5px;justify-content:center;align-items:center;width:70px;height:80px;transition:transform .15s,background-color .15s;display:flex;position:relative;overflow:visible}.hex:hover{transform:scale(1.05)}.terrain-farm-1{background-image:url(/assets/terrain/farm1.png)}.terrain-farm-2{background-image:url(/assets/terrain/farm2.png)}.terrain-forest-1{background-image:url(/assets/terrain/forest1.png)}.terrain-forest-2{background-image:url(/assets/terrain/forest2.png)}.terrain-stone-1{background-image:url(/assets/terrain/stone1.png)}.terrain-stone-2{background-image:url(/assets/terrain/stone2.png)}.terrain-water-1{background-image:url(/assets/terrain/water1.png)}.terrain-water-2{background-image:url(/assets/terrain/water2.png)}.terrain-snow-1{background-image:url(/assets/terrain/snow1.png)}.terrain-snow-2{background-image:url(/assets/terrain/snow2.png)}.hex.player{box-shadow:inset 0 0 0 100px #28783c59}.hex.enemy{box-shadow:inset 0 0 0 100px #b4282859}.hex.selected{outline:4px solid gold;transform:scale(1.08)}.hex.highlighted{box-shadow:inset 0 0 0 50px #ffffff80}.hex.highlighted:hover{background:#2a422f}.unit{z-index:1;-webkit-user-select:none;user-select:none;font-size:32px;transition:transform .2s}.hex:hover .unit{transform:scale(1.15)}.unit.player{filter:drop-shadow(0 0 5px gold)}.unit.enemy{filter:drop-shadow(0 0 5px red)}.unit-sprite{height:60px}.game-event{z-index:900;pointer-events:none;position:fixed;top:120px;left:50%;transform:translate(-50%)}.game-event-card{background:linear-gradient(#efe2bc,#d9c292);border:4px solid #7b5632;border-radius:12px;padding:18px 28px;animation:.45s eventPopup;box-shadow:0 12px 30px #00000059}.game-event-title{text-align:center;color:#5a3d20;margin-bottom:8px;font-size:24px;font-weight:700}.game-event-message{text-align:center;color:#49351f;line-height:1.5}.game-result{z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.game-result-panel{background:linear-gradient(#f2e4bf,#d9c190);border:6px solid #7a5632;border-radius:18px;width:560px;max-width:90vw;padding:45px;box-shadow:0 25px 70px #00000073}.game-result-title{text-align:center;color:#65411f;margin:0;font-size:48px}.game-result-subtitle{text-align:center;color:#5f4b2f;margin:18px 0 32px}.game-summary{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.game-summary div{background:#ffffff2e;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.game-summary strong{color:#5a391d}.game-summary span{color:#3b2a15;font-size:22px;font-weight:700}.menu-button{color:#f4e8c8;cursor:pointer;background:linear-gradient(#79512d,#5b391d);border:3px solid #bc9558;border-radius:12px;width:100%;padding:16px;font-size:22px;font-weight:700;transition:transform .15s,box-shadow .15s}.menu-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.menu-button:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes eventPopup{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}.menu{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;padding:40px;display:flex}.menu-logo{-webkit-user-select:none;user-select:none;pointer-events:none;width:min(650px,90vw);height:auto;margin-top:50px;margin-bottom:60px;display:block}.menu h1{font-size:56px}.menu button{color:#f4e8c8;cursor:pointer;background:linear-gradient(#7d5634,#5c3b22);border:3px solid #b18a4f;border-radius:12px;width:280px;padding:16px;font-size:22px;transition:all .2s}.menu button:hover{background:linear-gradient(#91653d,#6d4628);transform:translateY(-2px);box-shadow:0 0 20px #00000059}.journey-map{flex-direction:column;align-items:center;gap:70px;padding:50px;display:flex}.journey-row{justify-content:center;gap:140px;width:100%;display:flex}.map-screen{width:100vw;height:100vh;position:relative;overflow:hidden}.map-container{aspect-ratio:4/3;width:min(1200px,95vw);height:min(900px,90vh);margin:auto;position:relative}.map-circle{background:#333;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;transition:all .2s;display:flex}.map-circle:hover{transform:scale(1.1)}.map-name{text-align:center;max-width:180px;margin-top:12px;font-size:14px}.completed .map-circle{background:#557d33;border-color:gold}.available .map-circle{background:#4d5f7d}.map-node:disabled{opacity:.35;cursor:default}.screen-background{color:#2f2115;background-image:url(/assets/TLOLBackground-vjnAYV9J.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid brown;border-radius:20px;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.screen-background:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 45%,#00000040 100%);position:absolute;inset:0}.unit-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.tooltip{color:#f3e8c8;opacity:0;pointer-events:none;z-index:9990;background:#201c16eb;border:2px solid #9f8456;border-radius:8px;min-width:180px;padding:12px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.unit-wrapper:hover .tooltip{opacity:1;transform:translate(-50%)translateY(-6px)}.tooltip-title{margin-bottom:6px;font-size:18px;font-weight:700}.tooltip-owner{color:#d2b97b;font-size:14px}.hud{color:#f4e8c8;z-index:500;background:linear-gradient(#735131,#56391f);border:4px solid #b58a4f;border-radius:16px;align-items:center;gap:30px;padding:14px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073,inset 0 2px #ffffff26}.hud-section{flex-direction:column;align-items:center;min-width:120px;display:flex}.hud-title{letter-spacing:2px;color:#d8bf8a;margin-bottom:8px;font-size:13px}.hud-value{font-size:34px;font-weight:700}.hud-divider{opacity:.4;background:#b58a4f;width:2px;height:70px}.territory-bar{background:#332314;border:2px solid #8c6a39;border-radius:20px;width:100%;max-width:220px;height:18px;overflow:hidden;box-shadow:inset 0 3px 6px #0006}.territory-fill{background:linear-gradient(#77c65d,#43823a);height:100%;transition:width .4s}.territory-percent{margin-top:8px;font-size:18px}.hamburger-button{color:#f4e8c8;cursor:pointer;z-index:10000;background:linear-gradient(#79512d,#5b391d);border:3px solid #bc9558;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:fixed;top:10px;right:10px}.hamburger-button:hover{transform:scale(1.05)}.pause-menu{z-index:9999;background:linear-gradient(#725030,#4e341d);width:320px;max-width:90vw;height:100vh;padding:90px 30px;transition:transform .25s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-6px 0 25px #00000059}.pause-menu.open{transform:translate(0)}.pause-menu h2{color:#f4e8c8;text-align:center;margin-bottom:30px}.pause-menu .menu-button{width:100%;margin-bottom:20px}.confirm-overlay{z-index:11000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:linear-gradient(#f1e4bf,#dcc89b);border:5px solid #7b5632;border-radius:16px;width:min(90vw,450px);padding:35px}.confirm-dialog h2{color:#5f3d20;margin-top:0}.confirm-dialog p{color:#533a22;margin-bottom:30px}.confirm-buttons{gap:15px;display:flex}.confirm-buttons .menu-button{flex:1}.menu-button.danger{background:linear-gradient(#9f4134,#7b2f24)}@media (width<=600px){.pause-menu{width:100%}.confirm-buttons{flex-direction:column}}.map-node{cursor:pointer;color:#f4e8c8;background:linear-gradient(#755233,#56371f);border:4px solid #bf9755;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:clamp(90px,12vw,160px);height:90px;transition:all .2s;display:flex;position:absolute;box-shadow:0 8px 18px #0000004d}.map-node.available{animation:.45s nodeAppear}.map-node.available:hover{transform:translateY(-5px)scale(1.04)}.map-node.current{animation:1.8s infinite pulseNode}.map-node.completed{cursor:default;background:linear-gradient(#527743,#39572d)}.map-node:disabled{opacity:.6}.map-node-icon{font-size:clamp(1.2rem,3vw,2rem)}.map-node-name{text-align:center;margin-top:8px;font-size:clamp(.65rem,1.5vw,.9rem);line-height:1.2}.map-node-check{animation:.35s stamp}.journey-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.journey-line{stroke:#7b6341;stroke-width:4px;stroke-dasharray:8 8;fill:none;opacity:.15}.journey-line.drawing{opacity:1;stroke-dasharray:100;stroke-dashoffset:100px;animation:.9s forwards drawInk}.journey-line-active{opacity:1}@keyframes pulseNode{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes drawInk{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes nodeAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes stamp{0%{opacity:0;transform:scale(3)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.artifact-screen{background:url(/assets/ui/parchment.jpg) 50%/cover;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.artifact-window{background:#f4e4bf;border:5px solid #77552a;border-radius:18px;width:min(1200px,100%);padding:2rem;box-shadow:0 20px 45px #0006}.artifact-window h1{text-align:center;margin-bottom:.5rem}.artifact-subtitle{text-align:center;opacity:.8;margin-bottom:2rem}.artifact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.artifact-card{cursor:pointer;background:#f8edd3;border:3px solid #8d6737;border-radius:14px;padding:1.25rem;transition:all .2s}.artifact-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000040}.artifact-image{width:72px;height:72px;margin:auto;display:block}.artifact-card h2{text-align:center;margin-top:1rem}.artifact-card p{text-align:center;min-height:70px}.artifact-card-stats{justify-content:space-evenly;margin-top:1rem;font-weight:700;display:flex}.journey-summary{border-top:3px solid #b7955b;border-bottom:3px solid #b7955b;margin:3rem 0;padding:2rem}.journey-summary h2{text-align:center;margin-bottom:1.5rem}.owned-artifact-list{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.empty-collection{opacity:.6;font-style:italic}.owned-artifact{background:#e9d7ac;border:2px solid #8d6737;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.owned-artifact img{width:48px;height:48px}.journey-stats{text-align:center;margin-top:2rem}.journey-stat-row{justify-content:center;gap:3rem;margin-top:1rem;font-size:1.2rem;font-weight:700;display:flex}@media (width<=700px){.artifact-window{padding:1rem}.artifact-grid{grid-template-columns:1fr}.journey-stat-row{gap:1.5rem;font-size:1rem}}.boss-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boss-window{text-align:center;background:#f4e3bf;border:5px solid #6c4720;border-radius:18px;width:min(650px,90vw);padding:2rem;box-shadow:0 15px 40px #00000080}.boss-window p{margin:1rem 0}.boss-result-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.boss-result-window{text-align:center;background:#f4e3bf;border:5px solid #6c4720;border-radius:18px;width:min(700px,90vw);padding:2.5rem}.boss-percent{color:#2d5f2d;margin:2rem 0;font-size:4rem;font-weight:700}.boss-battle-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.boss-battle-window{background:#f4e3bf;border:5px solid #6c4720;border-radius:18px;width:min(700px,90vw);padding:2rem}.battle-log{min-height:180px;margin-top:2rem}.battle-line{opacity:0;margin-bottom:.75rem;animation:.4s forwards fadeIn}.battle-loader{background:#ceb181;border-radius:999px;height:10px;margin-top:2rem;overflow:hidden}.loader-bar{transform-origin:0;background:#7a4f24;width:100%;height:100%;animation:3s linear forwards loading}@keyframes loading{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.how-to-play{background:url(/assets/ui/parchment-background.jpg) 50%/cover;justify-content:center;min-height:100vh;padding:3rem;display:flex}.guide{background:#f4e4bf;border:5px solid #7a5731;border-radius:20px;width:min(1000px,95%);padding:3rem;box-shadow:0 12px 30px #00000059}.guide-section{border-bottom:2px dashed #b08958;grid-template-columns:80px 1fr;align-items:center;gap:1.5rem;margin:2rem 0;padding-bottom:1.5rem;display:grid}.guide-image{object-fit:contain;width:64px;height:64px}.guide-icon{background:#d8c095;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}@media (width<=700px){.guide{padding:1.5rem}.guide-section{text-align:center;grid-template-columns:1fr}}