@font-face{font-family:CourtyardSerif;src:local("Noto Serif SC"),local("Source Han Serif SC"),local("Songti SC"),local("SimSun");font-display:swap}:root{--ink:#253b39;--muted:#737c70;--paper:#f1f0e7;--accent:#a97945;--line:#253b3920;--panel:#f7f6e9eb;--white:#fffdf4;--shadow:#1c2c3320;--serif:CourtyardSerif,"Noto Serif SC","Songti SC",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--ink);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;color:inherit;background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}#app,#scene{width:100%;height:100dvh}#scene{display:block;touch-action:none;outline:none}.topbar{position:absolute;top:0;left:0;right:0;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(180deg,#f8f6eae0,transparent)}.topbar>*{pointer-events:auto}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:15px}.brand>svg{width:44px;height:36px;fill:none;stroke:currentColor;stroke-width:1.4}.brand>span{font-family:var(--serif);font-size:30px;letter-spacing:6px}.brand em{font-size:12px;font-style:normal;letter-spacing:3px;border-left:1px solid var(--line);padding:3px 0 3px 18px}.top-actions{display:flex;align-items:center;gap:12px}.live-label{font-size:12px;letter-spacing:2px;margin-right:20px}.icon-button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#faf9ee8a;border:1px solid #ffffff66;transition:background .2s}.icon-button:hover{background:var(--white)}.scene-caption{position:absolute;left:42px;top:144px;pointer-events:none;text-shadow:0 1px 18px var(--white)}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--muted);text-transform:uppercase}.scene-caption h1{font-family:var(--serif);font-weight:400;font-size:52px;letter-spacing:8px;line-height:1.55;margin:16px 0}.scene-caption h1 span{display:block;margin-left:27px}.scene-caption p{font-size:12px;max-width:200px;line-height:2;letter-spacing:1px}.caption-rule{width:32px;height:1px;background:var(--accent);margin:24px 0 16px}#location-label{font-size:11px;letter-spacing:2px}.environment-panel{position:absolute;right:32px;top:115px;width:266px;padding:25px 23px 19px;border:1px solid #ffffff90;border-radius:3px;background:var(--panel);box-shadow:0 12px 50px var(--shadow);backdrop-filter:blur(18px);max-height:calc(100dvh - 230px);overflow:auto;scrollbar-width:thin;transition:transform .32s,opacity .32s}.environment-panel.closed{transform:translate(320px);opacity:0;pointer-events:none}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading .eyebrow{font-size:10px;letter-spacing:2px}#weather-status{font-size:11px;color:var(--muted)}.environment-panel h2{font-family:var(--serif);font-weight:400;letter-spacing:3px;font-size:25px;margin:13px 0 25px}.weather-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin:0 -8px 27px}.weather{display:flex;align-items:center;flex-direction:column;gap:9px;padding:11px 2px;border-radius:3px;color:var(--muted);border:1px solid transparent}.weather svg{width:24px;height:24px}.weather span{font-size:11px;white-space:nowrap}.weather.active{background:var(--ink);color:var(--paper)}.weather:hover:not(.active){background:#253b390d}.time-heading,.wind-control{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.time-heading output{color:var(--accent);font-family:Georgia,serif;letter-spacing:1px;font-size:17px}.wind-control{margin-top:21px}.wind-control output{font-size:11px;color:var(--muted)}input[type=range]{display:block;width:100%;height:20px;accent-color:var(--ink);margin:13px 0 2px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{margin-top:-6px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.time-presets{display:flex;gap:8px;margin-top:14px}.time-presets button{flex:1;border:1px solid var(--line);padding:6px 0;font-size:10px;letter-spacing:1px;border-radius:2px}.time-presets button.active{border-color:var(--accent);color:var(--accent)}.panel-divider{height:1px;background:var(--line);margin:21px 0 18px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:15px 0;cursor:pointer;font-size:12px;position:relative}.toggle-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.toggle-row input{position:absolute;right:0;opacity:0;width:34px;height:24px;margin:0}.toggle-track{width:32px;height:17px;border:1px solid #253b3940;border-radius:20px;position:relative;background:#253b390c;pointer-events:none}.toggle-track:after{content:"";width:11px;height:11px;border-radius:50%;background:var(--muted);position:absolute;left:2px;top:2px;transition:transform .2s}.toggle-row input:checked+.toggle-track{background:var(--ink)}.toggle-row input:checked+.toggle-track:after{transform:translate(15px);background:var(--paper)}.toggle-row input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:4px}.quality-row{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-size:11px;color:var(--muted)}select{font-size:11px;padding:4px 8px;background:transparent;border:1px solid var(--line);border-radius:2px;color:var(--ink)}.compass{position:absolute;bottom:157px;left:41px;width:52px;text-align:center;opacity:.75;pointer-events:none}.compass>span{font-family:Georgia,serif;font-size:10px}.compass svg{width:52px;height:52px;fill:none;stroke:var(--ink);stroke-width:.7}#compass-arrow{fill:var(--accent);stroke:none;transform-origin:27px 27px}.tour-nav{position:absolute;left:40px;bottom:42px;display:flex;align-items:center;gap:4px;border:1px solid #ffffff70;background:var(--panel);backdrop-filter:blur(14px);padding:8px 13px;border-radius:3px;box-shadow:0 6px 30px var(--shadow)}.tour-title{font-family:var(--serif);font-size:16px;letter-spacing:3px;margin:0 11px 0 5px;padding-right:17px;border-right:1px solid var(--line)}.tour-nav button{padding:9px 13px;white-space:nowrap;font-size:12px;letter-spacing:1px}.tour-nav button>span{font-family:Georgia,serif;font-size:9px;display:block;color:var(--muted);margin-bottom:5px}.tour-nav button.active{color:var(--accent);background:#a9794512}.tour-nav button.active>span{color:var(--accent)}.mode-switch{position:absolute;bottom:48px;right:32px;display:flex;gap:2px;padding:5px;border:1px solid #ffffff80;border-radius:3px;box-shadow:0 6px 30px var(--shadow);background:var(--panel);backdrop-filter:blur(12px)}.mode-switch button{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;padding:12px 14px;border-radius:2px}.mode-switch button.active{background:var(--ink);color:var(--paper)}.mode-switch svg{width:18px;height:18px}.controls-hint{position:absolute;left:50%;transform:translate(-50%);bottom:17px;color:var(--ink);font-size:10px;white-space:nowrap;background:#f7f6e98a;padding:4px 12px;border-radius:20px;pointer-events:none}.controls-hint span{display:inline-block;margin:0 6px 0 13px;color:var(--accent)}.controls-hint span:first-child{margin-left:0}.help-button{position:absolute;right:32px;bottom:13px;border:1px solid var(--line);border-radius:50%;width:23px;height:23px;font-family:Georgia,serif;color:var(--ink);background:#f7f6e9a0}dialog{max-width:470px;width:calc(100% - 40px);border:1px solid #ffffff90;border-radius:4px;padding:35px;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0006}dialog::backdrop{background:#11211e66;backdrop-filter:blur(8px)}dialog h2{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:3px}dialog p{font-size:13px;line-height:2;color:var(--muted)}kbd{font-size:11px;border:1px solid var(--line);padding:1px 5px;border-radius:2px}.dialog-close{position:absolute;right:14px;top:11px;font-size:27px;color:var(--muted)}.primary-button{background:var(--ink);color:var(--paper);padding:12px 25px;font-size:12px;letter-spacing:2px;margin-top:15px}.loading{position:absolute;inset:0;background:var(--paper);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s}.loading.ready{opacity:0;pointer-events:none}.loading h1{font-family:var(--serif);font-weight:400;font-size:45px;letter-spacing:13px;margin:30px 0 15px;padding-left:13px}.loading p{font-family:var(--serif);font-size:14px;letter-spacing:4px;color:var(--muted)}.loading-line{width:160px;height:1px;background:var(--line);margin:30px 0 16px}.loading-line span{display:block;height:1px;background:var(--accent);width:5%;transition:width .5s}.loading small{font-size:10px;color:var(--muted);letter-spacing:1px}.loading-roof{height:44px;width:76px;position:relative}.loading-roof i{position:absolute;display:block;border-top:1px solid var(--ink);width:46px;top:10px;left:0;transform:rotate(-28deg)}.loading-roof i:nth-child(2){left:39px;transform:rotate(28deg)}.loading-roof i:nth-child(3){top:32px;left:10px;width:65px;transform:none}#toast{position:absolute;left:50%;bottom:142px;transform:translate(-50%,12px);background:var(--ink);color:var(--paper);padding:11px 21px;border-radius:3px;font-size:12px;z-index:60;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%)}.interaction{position:absolute;left:50%;top:64%;transform:translate(-50%);background:var(--panel);padding:9px 16px;border:1px solid var(--line);font-size:13px}#joystick{display:none;position:absolute;bottom:156px;left:28px;width:88px;height:88px;border-radius:50%;border:1px solid #ffffffa0;background:#f1f0e750;touch-action:none}#joystick-knob{width:34px;height:34px;border-radius:50%;background:#253b3970;position:absolute;top:27px;left:27px;pointer-events:none}.walking .scene-caption{opacity:0}.walking #scene{cursor:grab}.walking #scene:active{cursor:grabbing}.night .topbar{background:linear-gradient(180deg,#f8f6eaba,transparent)}@media(min-width:1500px){.environment-panel{right:45px;top:135px;width:280px;padding:29px 25px}.scene-caption{top:170px;left:50px}.tour-nav{left:50px;bottom:50px}.mode-switch{right:45px;bottom:56px}}@media(max-width:1100px){.scene-caption{left:28px;top:130px}.scene-caption h1{font-size:42px}.topbar{padding:24px 27px}.environment-panel{right:22px;width:246px;padding:20px;top:100px;max-height:calc(100dvh - 235px)}.tour-nav{left:24px;bottom:93px;gap:0;padding:5px 9px}.tour-nav button{padding:7px 10px}.mode-switch{bottom:28px;right:22px}.controls-hint{left:24px;transform:none;bottom:41px}.compass{left:28px;bottom:194px}.help-button{bottom:7px;right:24px}.live-label{display:none}}@media(max-width:700px){.topbar{padding:17px 18px}.brand{gap:9px}.brand svg{width:32px;height:28px}.brand>span{font-size:23px;letter-spacing:3px}.brand em{font-size:9px;padding-left:11px;letter-spacing:2px}.top-actions{gap:5px}.icon-button{width:30px;height:30px}.icon-button svg{width:16px;height:16px}.scene-caption{top:106px;left:22px}.scene-caption .eyebrow{font-size:8px}.scene-caption h1{font-size:33px;line-height:1.35;letter-spacing:5px;margin:15px 0}.scene-caption p{font-size:10px;max-width:140px}.caption-rule{margin:17px 0 11px}#location-label{font-size:9px}.environment-panel{top:80px;right:13px;width:224px;padding:18px;max-height:calc(100dvh - 235px);box-shadow:0 10px 50px #1c2c3330}.environment-panel h2{font-size:22px;margin-bottom:18px}.weather-grid{margin-bottom:21px}.weather svg{width:22px;height:22px}.weather span{font-size:10px}.tour-nav{left:13px;right:13px;bottom:83px;justify-content:space-between;padding:6px}.tour-title{display:none}.tour-nav button{font-size:11px;letter-spacing:0;padding:7px 8px}.tour-nav button>span{margin-bottom:3px;font-size:8px}.mode-switch{bottom:28px;right:13px;padding:3px}.mode-switch button{padding:11px 10px;font-size:10px;gap:5px}.controls-hint{left:16px;bottom:15px;font-size:9px;max-width:calc(100% - 50px);overflow:hidden;padding:2px 8px}.controls-hint span{margin-left:7px}.compass{left:20px;bottom:174px;width:40px}.compass svg{width:40px;height:40px}.help-button{right:14px;bottom:7px}.walking #joystick{display:block}.walking .compass{display:none}.walking .controls-hint{font-size:8px}.scene-caption{transition:opacity .2s}.panel-open .scene-caption{opacity:0}.mode-switch svg{width:15px;height:15px}#toast{bottom:153px;width:max-content;max-width:90%;font-size:11px}}#app{position:relative;overflow:hidden}.panel-note{font-size:11px;color:var(--muted);line-height:1.7;margin:-16px 0 15px}.environment-panel{width:286px;top:104px;max-height:calc(100dvh - 210px);padding:22px}.environment-panel h2{margin:12px 0 23px}.weather-grid{margin-bottom:19px}.mix-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:8px;font-size:12px;letter-spacing:1px}.mix-heading small{font-size:10px;letter-spacing:0;color:var(--muted)}.mix-row{display:grid;grid-template-columns:32px 1fr 34px;align-items:center;gap:9px;min-height:32px}.mix-row label{font-size:12px}.mix-row input[type=range]{margin:0}.mix-row output{font-size:10px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.panel-divider{margin:16px 0}.floor-row{margin-top:0}.tour-nav{max-width:calc(100vw - 485px);overflow:auto;scrollbar-width:none}.tour-nav::-webkit-scrollbar{display:none}.tour-nav button{padding:8px 10px}.tour-title{padding-right:12px;margin-right:6px}.mode-switch button{padding:12px 11px}.controls-hint{font-size:11px}.topbar,.night .topbar{background:linear-gradient(180deg,#f8f6eac9,transparent)}@media(max-width:1100px){.tour-nav{max-width:calc(100vw - 48px);right:24px;bottom:93px}.mode-switch{right:22px;bottom:29px}.environment-panel{width:264px}.controls-hint{bottom:9px;left:18px;font-size:10px}.help-button{bottom:7px}}@media(max-width:700px){.environment-panel{width:256px;top:76px;right:13px;padding:18px;max-height:calc(100dvh - 175px)}.tour-nav{left:13px;right:13px;bottom:84px;max-width:calc(100vw - 26px);justify-content:flex-start;gap:3px}.tour-nav button{padding:7px 9px;font-size:11px}.tour-nav button span{font-size:9px}.mode-switch{left:13px;right:13px;bottom:29px;justify-content:center}.mode-switch button{flex:1;justify-content:center;padding:10px 5px;font-size:10px}.controls-hint{bottom:7px;font-size:9px}.mix-row{min-height:33px}.walking #joystick{bottom:158px}.compass{bottom:169px}.topbar{padding:17px 14px}.panel-note{margin-top:-12px;font-size:10px}}.night .scene-caption{color:var(--paper);text-shadow:0 1px 20px #16262855}.night .scene-caption .eyebrow{color:#e4e4cc}.night .compass{color:var(--paper)}.night .compass svg{stroke:var(--paper)}@media(max-width:450px){.tour-nav button{padding:7px 6px;font-size:10px}.top-actions{gap:3px}.brand em{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}body.dusk .scene-caption{color:#f5ead4;text-shadow:0 2px 15px #18221cf2}.season-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:0 0 10px}.season-heading small{color:var(--muted);font-size:10px}.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.season-grid button{font-family:var(--serif);font-size:18px;padding:8px;border:1px solid var(--line);border-radius:2px}.season-grid button.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.season-description{font-size:10px;color:var(--muted);margin:9px 0 18px;letter-spacing:1px}.daily-life{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:20px}.daily-life label{grid-column:1/-1;font-size:12px}.daily-life select{width:100%;min-width:0}.daily-life button{font-size:10px;color:var(--accent);white-space:nowrap}.player-actions{position:absolute;left:40px;bottom:121px;display:flex;gap:5px;background:var(--panel);backdrop-filter:blur(12px);border:1px solid var(--line);padding:5px;border-radius:3px}.player-actions button{font-size:11px;padding:9px 12px;border-radius:2px;touch-action:none}.player-actions button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.player-actions[hidden],.activity-panel[hidden]{display:none}.activity-panel{position:absolute;left:40px;bottom:119px;width:370px;padding:18px 21px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);border-radius:3px;box-shadow:0 8px 30px var(--shadow)}.activity-panel h3{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:2px;margin:10px 0}.activity-panel p{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0}.activity-panel button{background:var(--ink);color:var(--paper);font-size:11px;padding:10px 14px;border-radius:2px}.experiencing #joystick{display:none}.experiencing #scene{cursor:default}.plan-destinations{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.plan-destinations button{font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:2px}.plan-node text{font-size:1.15px}.plan-exterior rect{fill:var(--plan-green,#c5cfb5)}@media(max-width:1100px){.player-actions,.activity-panel{left:24px;bottom:171px}}@media(max-width:700px){.player-actions{left:auto;right:13px;bottom:165px;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px}.player-actions button{padding:9px 10px;font-size:10px}.panel-open .player-actions{visibility:hidden}.activity-panel{left:13px;right:13px;bottom:157px;width:auto;max-width:390px;padding:14px 16px}.activity-panel h3{font-size:20px}.activity-panel p{font-size:10px}.interaction{top:auto;bottom:278px;max-width:90%;white-space:nowrap;font-size:11px}.season-grid button{font-size:17px;padding:7px}.plan-destinations button{font-size:10px;padding:6px 8px}}.detail-view .scene-caption{opacity:0;pointer-events:none}.character-picker{margin:0 0 21px}.character-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px}.character-heading small{color:var(--muted);font-size:10px}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.character-grid button{display:flex;flex-direction:column;gap:9px;align-items:center;border:1px solid var(--line);border-radius:2px;padding:8px 7px 10px;font-size:11px;transition:border-color .2s,background .2s}.character-grid button.active{border-color:var(--accent);background:#a17a5012}.character-grid button:disabled{opacity:.6;cursor:wait}.character-portrait{display:block;width:100%;height:98px;overflow:hidden;background:#deddd2}.character-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}.character-portrait img:not([src]){visibility:hidden}.character-status{font-size:10px;color:var(--muted);margin:9px 0 0}.character-grid button:focus-visible{outline-offset:2px}@media(max-width:700px){.character-portrait{height:110px}.player-actions #character-button{grid-column:1/-1;padding:7px}}.character-grid button.active{background:var(--paper)}.character-portrait{background:var(--line)}.lighting-control{margin-top:17px}.lighting-control .time-heading{margin-bottom:7px}.lighting-control p{font-size:10px;color:var(--muted);line-height:1.6;margin:7px 0 0}.experiencing #scene{cursor:grab}.experiencing #scene:active{cursor:grabbing}.plan-enclosure{fill:none;stroke:var(--muted);stroke-width:.32;pointer-events:none}.plan-portal{fill:var(--accent);stroke:var(--paper);stroke-width:.08;pointer-events:none}.plan-screen{fill:var(--muted);pointer-events:none}.plan-court rect{fill:var(--paper);fill-opacity:.6}.plan-court text{font-size:.92px}.plan-residence rect{fill:#cbc6b6}.plan-north{font-size:1.2px;fill:var(--ink)}.scene-caption{color:var(--paper);text-shadow:0 1px 18px #142823b3}.scene-caption .eyebrow{color:#eee7d0}#plan-dialog{max-width:none}.plan-node text{font-size:1px}#flight-controls{display:none;position:absolute;right:22px;bottom:162px;gap:7px;touch-action:none}#flight-controls button{width:42px;height:42px;background:var(--panel);border:1px solid var(--line);border-radius:50%;font-size:22px;box-shadow:0 4px 12px var(--shadow)}@media(max-width:700px){.flying #flight-controls{display:flex}}.plan-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin:-9px 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.plan-button small{font-size:10px;color:var(--muted)}#plan-dialog{width:min(650px,94vw);max-height:93dvh;overflow:auto;padding:32px 38px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 25px 90px #172c3650}#plan-dialog::backdrop{background:#152929b8;backdrop-filter:blur(6px)}#plan-dialog h2{font-family:var(--serif);font-size:29px;font-weight:400;margin:12px 0}.plan-intro{font-size:12px;line-height:1.9;color:var(--muted);max-width:450px}.courtyard-plan{width:100%;max-height:54dvh;margin:8px 0 16px}.plan-boundary{fill:#e5e6d9;stroke:#7d8874;stroke-width:.1}.plan-axis{fill:none;stroke:#b29b76;stroke-width:.8;stroke-dasharray:.7 .16}.plan-veranda{fill:none;stroke:#b3ad9a;stroke-width:1.5}.plan-node rect{fill:#c0c2b7;stroke:#61746a;stroke-width:.12;transition:fill .2s}.plan-node text{font-size:.88px;fill:#253b39;text-anchor:middle;dominant-baseline:middle;pointer-events:none;letter-spacing:.02px}.plan-node{cursor:pointer;outline:none}.plan-node:hover rect,.plan-node:focus rect{fill:#e7d4af;stroke:#a97945;stroke-width:.25}.plan-water rect{fill:#9ebbb3}.plan-landscape rect{fill:#d5d4bc;stroke-dasharray:.2 .14}.plan-upstairs rect{fill:#ddd8c6}.plan-tree{fill:#81937070;stroke:#667c61;stroke-width:.08;pointer-events:none}.plan-label{font-size:.9px;fill:#778674;text-anchor:middle;letter-spacing:.05px}.plan-stairs{fill:none;stroke:#968565;stroke-width:.14}.plan-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}@media(max-width:700px){#plan-dialog{padding:27px 22px}.courtyard-plan{max-height:52dvh}.plan-footer{font-size:10px;align-items:flex-start;flex-direction:column}}