html,body{background:#1f6fb0 radial-gradient(120% 90% at 50% 58%,#3a9ad6,#1f6fb0 55%,#174f86) fixed;min-height:100%}body{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 0 16px;flex-direction:column;align-items:center;display:flex;overflow-x:hidden}.hud{z-index:3;justify-content:space-between;align-items:center;gap:8px;width:min(100% - 24px,736px);display:flex;position:relative}.tools{gap:8px;display:flex}.chip,.round{font:inherit;color:var(--ink);background:var(--paper);border:4px solid var(--wood-dark);box-shadow:3px 3px 0 var(--wood-dark);cursor:pointer;justify-content:center;align-items:center;font-weight:700;display:flex}.chip{border-radius:22px;gap:6px;max-width:48vw;height:44px;padding:0 12px 0 6px}.chip img{background:var(--yellow);border:2px solid var(--wood-dark);border-radius:50%;width:28px;height:28px;padding:3px}.chip span{white-space:nowrap;text-overflow:ellipsis;line-height:2;overflow:hidden}.round{border-radius:50%;width:44px;height:44px;padding:0}.round img{width:26px;height:26px}.round.lang{background:var(--yellow);font-size:.8rem}.chip:active,.round:active{box-shadow:none;transform:translate(3px,3px)}.welcome{z-index:20;left:50%;top:max(70px, env(safe-area-inset-top));background:var(--yellow);border:4px solid var(--wood-dark);width:max-content;max-width:calc(100% - 32px);box-shadow:4px 4px 0 var(--wood-dark);border-radius:10px;margin:0;padding:6px 14px;font-weight:700;line-height:1.8;position:fixed;transform:translate(-50%)}.card-name{margin:0 0 4px;font-size:1.3rem;font-weight:700;line-height:1.8}.board .n{text-align:center;min-width:1.4em;font-weight:700}.board .name{white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.8;overflow:hidden}.board .pts{font-weight:700}.board li.me{background:var(--yellow)}a.btn{text-align:center}.wordmark{z-index:2;text-align:center;background:repeating-linear-gradient(0deg, var(--plank) 0 22px, #e6c98e 22px 24px);border:6px solid var(--wood-dark);border-radius:6px 14px 8px 12px;margin:12px auto 30px;padding:6px 14px 10px;position:relative;transform:rotate(-1.5deg);box-shadow:6px 6px #00143c8c}.wordmark b{font-size:2.2rem;line-height:1.15;display:block}.wordmark b span{color:var(--red-ink)}.wordmark em{letter-spacing:3px;background:var(--yellow);border:4px solid var(--wood-dark);box-shadow:3px 3px 0 var(--wood-dark);border-radius:8px;padding:1px 10px;font-style:normal;font-weight:700;position:absolute;bottom:-34px;right:-14px;transform:rotate(5deg)}.map{aspect-ratio:1;width:min(100vw,100dvh - 110px,760px);margin:auto 0;position:relative}.island{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.art{pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.art.boat{animation:3s ease-in-out infinite bob}@keyframes bob{50%{translate:0 -4px}}.pin{z-index:1;text-align:center;color:var(--ink);text-decoration:none;position:absolute;transform:translate(-50%,-100%)}.pin>span{background:var(--paper);border:3px solid var(--wood-dark);box-shadow:3px 3px 0 var(--wood-dark);white-space:nowrap;border-radius:10px 14px 12px 10px;padding:2px 9px 4px;line-height:1.35;display:block}.pin b{font-size:.84rem;display:block}.pin small{font-size:.6rem;display:block}.pin:after{content:"";background:var(--wood-dark);width:4px;height:14px;margin:0 auto;display:block}a.pin>span{background:var(--yellow)}a.pin:active>span{box-shadow:none;transform:translate(3px,3px)}.pin.soon>span{color:#6b4a2a;box-shadow:none;background:#e8d3a6}.badge{color:#fff;background:var(--red);border:2px solid var(--ink);border-radius:6px;padding:0 6px;font-size:.72rem;font-style:normal;font-weight:700;position:absolute;top:-12px;right:-12px;transform:rotate(8deg)}