:root{--bg:#0b171d;--panel:#15282e;--border:#345052;--mint:#c3e6bf}body{background:radial-gradient(ellipse at 50% 0,#233b39 0,#0b171d 60%)}header{background:#0c191caa}.brand>span{color:#ebd39a}main{max-width:1570px}.intro h1{font-size:34px;color:#f0e9d2;letter-spacing:-1.5px}.intro p{color:#b0c6bc}.world{box-shadow:0 20px 60px #0005;border-color:#66837566;align-self:start}.worldtop{background:linear-gradient(90deg,#203f3e,#1b3038);border-bottom:1px solid #9ab89244}.worldtop strong{letter-spacing:1px}.worldbottom{background:#152b30}.worldtop .live{box-shadow:0 0 15px #d8efb7}.wallet{background:linear-gradient(145deg,#3c3d29,#242e28);border-color:#c4a46c77;box-shadow:inset 0 1px #e8d8a822}.full{width:100%;margin-top:10px;background:#15262c;text-align:left;font-size:12px}.identity .hero{width:70px;height:85px}.hero{width:64px;height:86px}.identity{gap:14px}.identity h2{line-height:1.6}#town{height:560px;background-image:linear-gradient(#12323510,#173b3640 65%,#18332888),url('web/background/A_background.png');background-position:center;background-size:cover}#town:after{box-shadow:inset 0 0 85px #092c3977}.trail{z-index:0;box-shadow:inset 0 0 20px #eedba040}.trail.horizontal{top:56%;left:8%;right:8%;height:46px;transform:rotate(-3deg)}.trail.vertical{left:48%;top:36%;bottom:7%;width:44px}.building{width:168px;height:185px;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0;overflow:visible;isolation:isolate;transition:filter .2s,translate .2s}.building:hover{translate:0 -5px;filter:drop-shadow(0 0 12px #fff1bd77)}.building i{height:128px;width:160px;display:block;margin:auto;filter:drop-shadow(0 2px 2px #65523c22)}.building svg{width:100%;height:100%;overflow:visible}.building b{font-size:14px;display:block;letter-spacing:1px;background:#102d33ed;border:1px solid #baa77699;border-radius:9px;padding:6px 4px;margin:0 6px;color:#f2e6c5;box-shadow:0 4px 15px #0004}.building small{margin-top:4px;color:#f5e8c8;text-shadow:0 2px 5px #000;font-weight:600}.shop{left:21%;top:30%}.dungeon{left:79%;top:30%}.forge{left:21%;top:74%}.inn{left:79%;top:74%}.village-tree{position:absolute;width:220px;height:260px;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;filter:drop-shadow(0 12px 9px #132d3266)}.village-tree svg{width:100%;height:100%}.village-tree span{position:absolute;top:92%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#fff0ba;padding:5px 10px;border-radius:20px;background:#23473ecc;border:1px solid #e3d8a744}.fireflies{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.fireflies i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffeea5;box-shadow:0 0 7px 2px #ffe38baa;animation:firefly 6s ease-in-out infinite;animation-delay:var(--delay)}.maphint{bottom:12px;z-index:4;background:#0d282eaa;border:1px solid #b6cdaf44}.village-tree svg>g:last-child{animation:lanternglow 3s ease-in-out infinite}#hero{z-index:4}.card{background:linear-gradient(145deg,#1a3034,#14252d);box-shadow:0 10px 25px #0002}.journal{max-height:280px;overflow:auto}#log p{font-size:11px}#battle{height:560px}.battlehead{margin-top:18px}.enemy{top:125px;left:65%;width:165px}.enemy.boss{top:96px;left:65%;width:285px}#fighter{left:21%;top:49%;transform:scale(1.45)}#dice{bottom:123px;left:46%;height:138px;width:250px}.dice-rig{width:68px;height:68px;left:calc(50% - 34px)}.dice-cube{width:68px;height:68px}.dice-face{display:block;padding:0;border-radius:10px;border:1px solid #bca976;background:linear-gradient(145deg,#274c59,#102630 70%);box-shadow:inset 0 0 0 3px #081c24,inset 0 0 0 4px #94875d,inset 0 0 17px #98d1be20;overflow:hidden}.dice-face:after{content:'';position:absolute;inset:9px;border:1px solid #bfa77c55;border-radius:3px;transform:rotate(45deg);pointer-events:none}.face-1{transform:translateZ(34px)}.face-2{transform:rotateY(90deg) translateZ(34px)}.face-3{transform:rotateX(90deg) translateZ(34px)}.face-4{transform:rotateX(-90deg) translateZ(34px)}.face-5{transform:rotateY(-90deg) translateZ(34px)}.face-6{transform:rotateY(180deg) translateZ(34px)}.rune-number{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:36px;font-weight:700;color:#f1d594;text-shadow:0 0 14px #c7bd6760;z-index:1}.rune-corner{position:absolute;width:5px;height:5px;border:1px solid #e9d3a3;transform:rotate(45deg)}.rune-corner.a{top:6px;left:6px}.rune-corner.b{bottom:6px;right:6px}.dice-caption{top:102px;width:295px;border-color:#a5946655;background:linear-gradient(90deg,#0b2026ed,#14373cf2,#0b2026ed)}.dice-caption strong{font-size:16px;font-weight:600;letter-spacing:.6px}.dice-caption span{font-size:10px}.dice-halo{border-color:#9be4d9aa;box-shadow:0 0 25px #67e8cb22,inset 0 0 25px #67e8cb22}.dice-sparks i{background:#b8ffe2;box-shadow:0 0 10px #b4ffad}.battleactions{flex-wrap:wrap;bottom:18px;gap:6px;padding:0 12px;z-index:7;max-width:650px;margin:auto}.battleactions button{padding:9px 13px;font-size:12px}.battleactions .primary{background:linear-gradient(#e3d39a,#b7a96c);border-color:#f8e8b1;color:#22362f}.battleactions #leave{background:#273945}.battleactions #next{background:#b6e5c9;color:#1e342c}#targets{position:absolute;top:65px;left:20px;right:20px;display:flex;gap:8px;z-index:5;justify-content:center}#targets button{font-size:10px;padding:6px 9px;background:#18333cdb}#targets button.selected{border-color:#e8d295;color:#ffe7ae}#battlemessage{position:absolute;bottom:82px;left:0;right:0;text-align:center;font-size:12px;color:#fff2bb;text-shadow:0 2px 6px #00101c;z-index:7;background:#10232eb0;min-height:0}#battlemessage:empty{display:none}#damage{top:165px;z-index:8}dialog{width:min(640px,94vw);max-height:84vh;overflow:auto;background:linear-gradient(145deg,#1e3739,#10242f);border-color:#b6a57877}.dungeon-card{padding:15px;border-radius:12px;background-position:center;background-size:cover;border:1px solid #78968c77}.dungeon-card h3{font-size:15px;margin:0 0 12px;color:#f1e0b3}.dungeon-card button{font-size:11px;padding:9px;margin:3px;background:#122d38db}.menu-note{font-size:12px;margin:3px 0;color:#bdcfc4}.item-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #7aa09933;padding:8px 0}.item-row img{width:55px;height:65px;object-fit:contain}.item-row button{flex:1;text-align:left;font-size:12px}.chosen{border-color:#e8cf8a;color:#efd7a2}.close{z-index:3}.demo{max-width:260px}#toast{max-width:90vw;line-height:1.7;background:#e5e9cf}
@keyframes firefly{0%,100%{opacity:.15;transform:translate(0,0)}50%{opacity:1;transform:translate(12px,calc(-1 * var(--drift)))}}@keyframes lanternglow{50%{filter:drop-shadow(0 0 5px #ffe099)}}
@media(max-width:1000px){.intro h1{font-size:29px}#town{height:550px}}
@media(max-width:600px){.intro h1{font-size:25px}.brand{font-size:14px}header{gap:7px}.demo{max-width:150px;font-size:8px}#town{height:540px}.building{width:122px;height:155px}.building i{width:122px;height:104px}.building b{font-size:12px;letter-spacing:0;margin:0}.building small{font-size:9px}.village-tree{width:160px;height:215px;top:43%}.village-tree span{font-size:8px}.shop,.forge{left:20%}.dungeon,.inn{left:80%}.hero{width:57px;height:78px}#battle{height:570px}.enemy.boss{width:235px;left:66%;top:140px}.enemy{top:150px;left:64%}#fighter{left:10%;top:47%}#dice{left:43%;bottom:140px}#targets{top:68px;left:8px;right:8px;flex-wrap:wrap}#targets button{font-size:9px}.dice-caption{width:245px}.dice-caption strong{font-size:14px}.battleactions{bottom:15px;max-width:330px}.battleactions button{font-size:11px;padding:9px}#battlemessage{bottom:103px}header #help{display:block;font-size:9px;padding:6px}.brand small{letter-spacing:1px}dialog{padding:25px 20px}.identity .hero{width:65px}}
@media(prefers-reduced-motion:reduce){.fireflies i,.village-tree svg>g:last-child{animation:none!important}}

/* Original village art; the center is an unobstructed plaza. */
#town{background-color:#d9c497;background-image:url("art/neutinamu-village-flat.png");background-position:center;background-size:cover}
#town .trail{display:none}
#town:after{box-shadow:inset 0 0 0 1px #7f695033}

@media(max-width:400px){.building{width:104px}.building i{width:108px}.building b{font-size:11px}.building small{font-size:8px}.intro h1{font-size:23px}.brand small{font-size:6px}.demo{max-width:95px}header{padding:0 12px}}

#heal{border-color:#91d7b5;color:#c5f8d8;background:#1c493d}.restoring .rune-number{color:#b7ffcc;text-shadow:0 0 15px #74ecb5}.restoring .dice-face{background:linear-gradient(145deg,#315c4c,#143b35)}.healing{animation:healglow .55s ease-out}@keyframes healglow{50%{filter:drop-shadow(0 0 18px #81ffc3) brightness(1.8)}}

#panelactions input[type=number]{width:100%;padding:10px;border:1px solid #91b5a8;border-radius:8px;background:#18323a;color:#fff;font:inherit}

/* Cloth, gold trim and outlines share the village buildings' palette. */
#town .town-banner{width:92px;height:165px;top:16%;z-index:3}#town .weekly-banner{left:44%}#town .raid-banner{left:56%}#town .town-banner i{width:104px;height:120px;margin-left:-6px}#town .town-banner b{font-size:12px;margin:0 2px;padding:5px 2px;letter-spacing:0}#town .town-banner small{font-size:9px}.banner-cloth{transform-origin:52px 26px;animation:banner-sway 3.8s ease-in-out infinite}.raid-banner .banner-cloth{animation-delay:-1.7s}@keyframes banner-sway{50%{transform:skewY(2deg) scaleX(.97)}}@media(max-width:600px){#town .town-banner{width:65px;height:125px;top:14%}#town .town-banner i{width:78px;height:91px;margin-left:-6px}#town .town-banner b{font-size:10px}#town .town-banner small{font-size:8px}#town .weekly-banner{left:40%}#town .raid-banner{left:60%}}@media(prefers-reduced-motion:reduce){.banner-cloth{animation:none}}