:root{--bg:#f2ece2;--bg-deep:#d9d0c1;--panel:#fffaf2e6;--panel-strong:#fffdf8;--line:#d8cab6;--line-strong:#bfb09d;--text:#22303a;--muted:#5e6a73;--muted-strong:#40515a;--accent:#16766c;--accent-strong:#0f5c54;--accent-soft:#16766c1f;--accent-warm:#d97734;--accent-warm-soft:#d9773424;--shadow:0 24px 48px #2532381f, 0 4px 12px #25323814;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font-sans:"Avenir Next", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Trebuchet MS", sans-serif;--font-display:"Avenir Next Condensed", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;line-height:1.55}*,:before,:after{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(circle at 0 0,#16766c24,#0000 38%),radial-gradient(circle at 100% 0,#d9773424,#0000 34%),linear-gradient(#f7f2e8 0%,#efe6d8 52%,#e7dcc8 100%);min-height:100svh;margin:0;overflow-x:clip}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff52 0 1px,#0000 1px 100%),linear-gradient(#ffffff2e 0 1px,#0000 1px 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5rem 5rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 88%);mask-image:linear-gradient(#000000b3,#0000 88%)}button,input,textarea,select{font:inherit}button{border:0}button:focus-visible{outline:3px solid var(--accent-warm);outline-offset:3px}#app{min-height:100svh;position:relative}.screen{width:min(1400px,100%);min-height:100svh;margin:0 auto;padding:clamp(.9rem,1.6vw,1.4rem);position:relative}.panel{border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffeb,#fffaf2f5);border:1px solid #d8cab6f2}.card-heading,.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-heading{flex-direction:column}.card-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.73rem}h1,h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin:0;font-weight:700}h1{font-size:clamp(2.2rem,6vw,4.7rem);line-height:.96}h2{font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.1}p{margin:0}.screen--title{place-items:center;display:grid}.title-layout{grid-template-columns:minmax(0,1.1fr) minmax(17rem,.95fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);width:100%;display:grid}.title-copy,.title-illustration,.info-card{border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(#fffffff2,#fffbf4fa);border:1px solid #d8cab6f2}.title-copy{align-content:start;gap:1rem;padding:clamp(1.2rem,2vw,1.7rem);display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem}.game-title{max-width:12ch}.title-lead{max-width:44rem;color:var(--muted);font-size:clamp(.98rem,1.5vw,1.08rem)}.title-actions{flex-wrap:wrap;gap:.75rem;display:flex}.title-note{color:var(--muted);font-size:.9rem}.primary-button,.ghost-button,.control-button{border-radius:999px;transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s}.primary-button{letter-spacing:.04em;color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-strong));min-height:3.1rem;padding:.9rem 1.4rem;font-weight:700;box-shadow:0 16px 28px #0f5c5447}.primary-button:hover,.ghost-button:hover,.control-button:hover{transform:translateY(-1px)}.primary-button:active,.ghost-button:active,.control-button:active{transform:translateY(1px)}.ghost-button{min-height:2.45rem;color:var(--accent-strong);background:var(--accent-soft);border:1px solid #16766c3d;padding:.55rem .95rem}.ghost-button--small{flex:none;min-height:2.2rem;padding-inline:.8rem}.title-illustration{place-items:center;padding:clamp(1rem,1.8vw,1.4rem);display:grid;overflow:hidden}.tower-card{gap:1rem;width:min(100%,24rem);display:grid}.tower-card__badge{width:fit-content;color:var(--accent-strong);background:var(--accent-soft);border:1px solid #16766c29;border-radius:999px;align-self:start;padding:.4rem .7rem;font-weight:700;display:inline-flex}.tower-grid{gap:.5rem;display:grid}.tower-grid__row{grid-template-columns:2rem repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.tower-grid__floor,.tower-grid__room{border-radius:999px;min-height:1.8rem}.tower-grid__floor{color:var(--muted-strong);background:#ffffffc2;border:1px solid #bfb09db8;place-items:center;font-size:.82rem;font-weight:700;display:grid}.tower-grid__room{background:linear-gradient(#fffffff5,#eff7f6f2),linear-gradient(90deg,#0000 45%,#16766c29 45% 55%,#0000 55%);border:1px solid #16766c2e;box-shadow:inset 0 0 0 1px #fff6}.info-card{padding:1rem 1.1rem}.info-card--tight{grid-column:1/-1}.instruction-list,.guide-list{color:var(--muted);gap:.55rem;margin:0;padding-left:1.2rem;display:grid}.screen--game{grid-template-columns:minmax(0,1.9fr) minmax(17rem,1fr);grid-template-areas:"board hud""board resident""board controls""board guide";align-content:start;gap:clamp(.8rem,1.2vw,1rem);display:grid}.hud-panel{grid-area:hud}.apartment-panel{grid-area:board}.resident-panel{grid-area:resident}.controls-panel{grid-area:controls}.guide-panel{grid-area:guide}.panel{padding:clamp(.95rem,1.4vw,1.2rem)}.panel-header{margin-bottom:.9rem}.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.hud-stat{border-radius:var(--radius-md);background:linear-gradient(#ffffffe0,#f6f0e6f0);border:1px solid #d8cab6d1;align-content:start;gap:.28rem;min-height:4.2rem;padding:.8rem .85rem;display:grid}.hud-stat__label{color:var(--muted);font-size:.8rem}.hud-stat__value{font-size:1.1rem;font-weight:700}.board-summary{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.board-summary span,.resident-chip{background:var(--accent-soft);min-height:2rem;color:var(--accent-strong);border:1px solid #16766c2e;border-radius:999px;align-items:center;gap:.4rem;padding:.34rem .68rem;font-size:.84rem;display:inline-flex}.resident-chip__icon{font-size:.9rem}.apartment-panel__body{grid-template-columns:minmax(0,1fr) minmax(11rem,13rem);align-items:stretch;gap:.85rem;display:grid}.apartment-grid{gap:.45rem;display:grid}.apartment-row{grid-template-columns:3rem repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.floor-label{border-radius:var(--radius-md);min-height:3.7rem;color:var(--accent-strong);background:linear-gradient(#16766c1f,#ffffffe6);border:1px solid #16766c26;place-items:center;gap:.08rem;font-weight:700;display:grid}.floor-label__number{font-size:1.05rem}.floor-label__text{font-size:.8rem}.room-card{border-radius:var(--radius-md);background:linear-gradient(#fffffff7,#f6f1e7f2),radial-gradient(circle at 100% 0,#16766c1a,#0000 34%);border:1px solid #bfb09dd9;align-content:start;gap:.2rem;min-height:3.7rem;padding:.55rem .55rem .45rem;display:grid;box-shadow:inset 0 1px #fff9}.room-state{background:var(--accent-soft);width:fit-content;min-height:1.45rem;color:var(--accent-strong);border-radius:999px;align-items:center;padding:.1rem .45rem;font-size:.8rem;font-weight:700;display:inline-flex}.room-position,.room-note{color:var(--muted);font-size:.76rem}.room-note{color:var(--muted-strong)}.elevator-panel{border-radius:var(--radius-lg);background:linear-gradient(#0f5c5414,#fffffff2),linear-gradient(#fffffff5,#faf6eef2);border:1px solid #16766c26;gap:.9rem;min-height:100%;padding:.95rem;display:grid}.elevator-shaft{border-radius:var(--radius-md);background:linear-gradient(#16766c0a,#16766c14),linear-gradient(#fffffff2,#f0f7f6e6);border:1px solid #16766c2e;place-items:center;min-height:100%;padding:1rem .6rem;display:grid;position:relative;overflow:hidden}.elevator-shaft:before{content:"";opacity:.55;background:linear-gradient(#16766c33,#16766ca6);border-radius:999px;position:absolute;inset:.8rem 48%}.elevator-shaft__line{background:linear-gradient(#16766c33,#16766cb3);border-radius:999px;width:.45rem;position:absolute;inset:.8rem 50%;transform:translate(-50%)}.elevator-car{z-index:1;background:linear-gradient(#fff,#edf6f5);border:1px solid #16766c2e;border-radius:1.4rem;place-items:center;gap:.4rem;width:min(100%,8rem);min-height:7rem;padding:.8rem;display:grid;position:relative;box-shadow:0 12px 24px #25323824}.elevator-car__label{color:var(--muted);font-size:.82rem}.elevator-car__floor{color:var(--accent-strong);font-size:clamp(1.6rem,4vw,2rem);font-weight:800}.panel-note{color:var(--muted);font-size:.9rem}.resident-details{gap:.75rem;margin:0;display:grid}.resident-details__item{border-radius:var(--radius-md);background:linear-gradient(#fffffff5,#f6f1e7f5);border:1px solid #d8cab6d1;grid-template-columns:minmax(5rem,7rem) minmax(0,1fr);align-items:center;gap:.75rem;min-height:2.8rem;padding:.62rem .7rem;display:grid}.resident-details dt{color:var(--muted);font-size:.82rem}.resident-details dd{color:var(--text);margin:0;font-weight:700}.resident-details__badge{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.attribute-badge{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-strong));border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;font-size:.85rem;font-weight:800;display:inline-grid}.attribute-badge[data-attribute=water]{background:linear-gradient(#1b86b5,#11648b)}.attribute-badge[data-attribute=nature]{background:linear-gradient(#5b8d41,#38622c)}.attribute-badge[data-attribute=rock]{background:linear-gradient(#8f6c52,#5f4835)}.attribute-name{font-weight:700}.control-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.control-button{min-height:3.8rem;color:var(--text);background:linear-gradient(#fffffff2,#f5efe4f2);border:1px solid #bfb09dd6;place-items:center;gap:.22rem;padding:.7rem .8rem;display:grid;box-shadow:inset 0 1px #fffc}.control-button--primary{background:linear-gradient(#16766c29,#0f5c541f),linear-gradient(#fffffff5,#f5efe4f5);border-color:#16766c2e}.control-button__icon{color:var(--accent-strong);font-size:1.15rem;line-height:1}.control-button__label{font-size:.88rem;font-weight:700}.guide-list{padding-left:1.1rem}.guide-panel{padding-bottom:1rem}.guide-panel .card-heading{margin-bottom:.8rem}@media (width<=1220px){.screen--game{grid-template-columns:minmax(0,1fr);grid-template-areas:"hud""board""resident""controls""guide"}.apartment-panel__body{grid-template-columns:minmax(0,1fr)}.elevator-panel{min-height:16rem}}@media (width<=920px){.title-layout{grid-template-columns:minmax(0,1fr)}.title-illustration{order:-1}.info-card--tight{grid-column:auto}.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.screen{padding:.75rem}.panel{border-radius:20px}.hud-stats{grid-template-columns:1fr 1fr}.apartment-row{grid-template-columns:2.5rem repeat(6,minmax(0,1fr))}.floor-label,.room-card{min-height:3.25rem}.resident-details__item{grid-template-columns:1fr;gap:.15rem}.control-pad{gap:.55rem}}@media (width<=540px){.screen--title{place-items:start stretch}.title-layout{gap:.85rem}.title-copy,.title-illustration,.info-card{border-radius:18px}.title-copy{padding:1rem}.tower-grid__row{grid-template-columns:1.8rem repeat(6,minmax(0,1fr));gap:.35rem}.board-summary{justify-content:flex-start}.apartment-row{grid-template-columns:2rem repeat(6,minmax(0,1fr));gap:.35rem}.floor-label,.room-card{min-height:3rem}.room-card{padding:.45rem .45rem .38rem}.control-pad{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button--primary{grid-column:span 2}.guide-panel{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}