/* Map-first play: leave the center of the screen for movement and exploration. */
.w-top-actions>#world-date,.w-top-actions>#world-growth,.w-top-actions>#world-parent,.w-top-actions>#account-open,.w-top-actions>#motion-toggle{display:none!important}.is-menu-open .w-top-actions>#world-date,.is-menu-open .w-top-actions>#world-growth,.is-menu-open .w-top-actions>#world-parent,.is-menu-open .w-top-actions>#account-open,.is-menu-open .w-top-actions>#motion-toggle{display:inline-flex!important}.w-header{align-items:flex-start!important}.w-top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:75vw}.w-player{top:85px!important;width:195px!important;padding:9px 11px!important}.w-player .w-avatar{width:37px;height:40px}.w-player .w-name-line strong{font-size:13px}.w-player .w-xp-line{font-size:10px}.w-player .xp-track{height:5px}.w-mission{display:none!important}.is-mission-open .w-mission{display:block!important;top:145px!important;right:20px!important;left:auto!important;max-height:42dvh!important;width:280px!important;overflow:auto}.w-dock{display:none!important}.is-map-open .w-dock{display:flex!important;bottom:125px!important;z-index:15}.w-guide,.w-nearby{display:none!important}.w-controls{bottom:65px!important}.w-action-buttons{bottom:65px!important}.w-location{top:auto!important;bottom:170px!important}.w-control-hint{display:none}#world-zone-labels{pointer-events:none;opacity:.85}#world-zone-labels>div{font-size:11px!important;padding:4px 8px!important}#mission-toggle,#map-toggle,#install-app,#rest-exit{position:fixed;z-index:22;min-height:40px;font-size:12px}#mission-toggle{right:20px;top:95px}#map-toggle{bottom:20px;left:20px}#install-app{bottom:20px;right:130px}#rest-exit{bottom:20px;right:20px}.w-local{bottom:2px!important;font-size:9px!important}#world-interact{max-width:165px;font-size:12px}#world-menu-toggle{display:inline-flex!important}#play-dialog{width:min(740px,calc(100vw - 24px));max-height:90dvh}#shell-dialog{width:min(480px,calc(100vw - 24px));max-height:90dvh;line-height:1.8}#shell-dialog li{margin-bottom:13px}.play-balance{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#233e4d;border-radius:15px;padding:17px;margin:15px 0}.play-balance strong{font-size:28px;color:#f3dc9c}.play-balance small{flex-basis:100%;color:#b9cddd;line-height:1.6}.play-tabs{display:flex;gap:8px;margin:16px 0}.play-tabs .button{flex:1}.play-goods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.play-goods article{border:1px solid #50657d;border-radius:15px;padding:18px;background:#23384b;display:flex;flex-direction:column}.play-goods article>b{font-size:36px;color:#c4ddb4}.play-goods h3{margin:13px 0 7px}.play-goods p{font-size:12px;line-height:1.8;color:#bcd0e0;flex:1}.play-goods button{font-size:12px;margin-top:12px}.play-brushes{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:400px;margin:20px auto}.play-grid button{aspect-ratio:1;background:#637d62;color:#f3f2d4;border:2px solid #b5c6a0;border-radius:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.play-grid span{font-size:40px}.play-grid small{font-size:12px;margin-top:8px}.play-reward{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid #53697e;border-radius:12px;margin:10px 0;gap:12px}.play-reward small{display:block;margin-top:6px;color:#adc5db}.play-empty{padding:25px;color:#bac9d9}.md-date-picker{display:flex;align-items:center;gap:15px;max-width:340px;margin-bottom:16px;font-size:13px}.md-date-picker input{flex:1;min-width:0}#my-day select{background:#1c3834;color:#e4eee4;border:1px solid #647d6d;padding:10px;border-radius:9px;font:inherit}.md-custom select{max-width:100px}.w-style[hidden]{display:none!important}
@media(max-width:650px){.w-logo{font-size:14px!important;min-width:0!important}.w-logo>span{font-size:14px!important}.w-header{padding:10px 9px!important;gap:6px}.w-top-actions{gap:4px;max-width:76vw}.w-top-actions .w-button{font-size:10px!important;padding:7px!important;min-height:36px!important}.w-top-actions #world-journal{display:inline-flex!important}.w-player{top:62px!important;left:9px!important;right:auto!important;width:155px!important;gap:7px!important}.w-player .w-name-line{gap:4px}.w-player .w-name-line strong{max-width:70px;font-size:11px}.w-player .w-name-line>span{font-size:9px}.w-player .w-avatar{width:29px;height:34px}.w-player .w-xp-line{font-size:8px;gap:4px}.w-player #rank-name{display:none}.w-player .w-player-info{width:90px}.is-menu-open .w-player{visibility:hidden}#mission-toggle{top:69px;right:9px;font-size:10px;min-height:35px;padding:8px}.is-menu-open #mission-toggle{top:125px}.is-mission-open .w-mission{top:111px!important;right:9px!important;width:min(280px,calc(100vw - 18px))!important;max-height:39dvh!important}.is-menu-open.is-mission-open .w-mission{top:166px!important}.w-mission h2{font-size:16px}.w-mission p{display:block!important;font-size:12px}.w-mission .w-live-clock{display:flex!important;flex-wrap:wrap}.w-controls{bottom:70px!important;left:14px!important}.w-action-buttons{bottom:70px!important;right:10px!important}.w-controls #joystick{width:85px;height:85px}.w-location{bottom:167px!important;left:12px!important;font-size:9px!important}.is-map-open .w-dock{left:9px!important;right:9px!important;bottom:174px!important;transform:none!important;width:auto!important;height:84px!important}.w-dock .dock-zone span{font-size:9px!important}.w-dock .dock-zone small{font-size:9px!important}#map-toggle{bottom:22px;left:9px}#install-app{bottom:22px;right:105px}#rest-exit{bottom:22px;right:9px}#map-toggle,#install-app,#rest-exit{min-height:36px;font-size:10px;padding:9px}#world-interact{font-size:10px;max-width:145px}.play-goods{grid-template-columns:1fr 1fr;gap:8px}.play-goods article{padding:12px}.play-tabs{gap:5px}.play-tabs .button{font-size:11px;padding:9px 6px}.play-reward strong{font-size:13px}.play-reward .button{font-size:11px;white-space:nowrap}.md-custom select{max-width:100%;flex:1}#avatar-gender{font-size:16px}.w-character-preview{min-height:220px!important}}
@media(max-width:360px){.w-logo span{display:none}.w-top-actions{max-width:90vw}.w-player{width:145px!important}#install-app{right:97px}#map-toggle,#install-app,#rest-exit{font-size:9px;padding:7px}}
/* iPad is the primary device: finger-sized targets in both orientations. */
@media(min-width:651px) and (max-width:1400px){.w-top-actions .w-button,#mission-toggle,#map-toggle,#install-app,#rest-exit{min-height:44px!important;padding:11px 15px!important;font-size:13px!important}.w-header{padding:14px 18px!important}.w-player{top:80px!important;width:195px!important}#mission-toggle{top:84px;right:18px}.is-mission-open .w-mission{top:141px!important;max-height:45dvh!important}.w-controls #joystick{width:110px;height:110px;touch-action:none}#world-interact,#world-home{min-height:46px!important;font-size:13px!important}.w-character-layout{grid-template-columns:minmax(230px,1fr) minmax(300px,1.2fr)!important;gap:22px}.w-character-preview{min-height:360px!important}.w-character-form select,.w-character-form input{min-height:46px!important;font-size:16px!important}.w-style,.w-swatch{min-width:44px!important;min-height:44px!important}#my-day .md-edit-actions button{width:44px;min-height:44px}#my-day .md-task{padding:16px}.play-goods button,.play-brushes button{min-height:46px!important}.md-custom input,#my-day select{font-size:16px!important}.is-map-open .w-dock{bottom:180px!important}.dock-zone{min-height:70px}.w-local{font-size:10px!important}}
@media(min-width:651px) and (max-width:900px) and (orientation:portrait){#character-editor{width:calc(100vw - 32px)!important}.w-character-layout{grid-template-columns:minmax(220px,.8fr) minmax(300px,1fr)!important}.w-top-actions{max-width:72vw}.w-logo small{display:none}.w-logo{font-size:18px}.is-menu-open .w-player{visibility:hidden}.is-menu-open #mission-toggle{top:145px}.is-menu-open.is-mission-open .w-mission{top:199px!important}.md-activity-grid{grid-template-columns:repeat(3,1fr)}.md-task[draggable]{flex-wrap:wrap}.md-edit-actions{margin-left:auto}.play-goods{grid-template-columns:repeat(2,1fr)}}
.md-conversation{display:flex;align-items:center;gap:22px;max-width:680px;margin:44px auto 30px}.md-companion{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;border-radius:50%;background:#91b89b;color:#f9edbe;font-size:44px;box-shadow:0 8px 30px #09292233}.md-speech{position:relative;background:#345147;border-radius:22px 22px 22px 3px;padding:24px 28px;flex:1;line-height:1.8}.md-speech h2{margin-top:16px!important;color:#eff5d9}.md-speech small{display:block;color:#bed0bb;margin-top:8px}.md-conversation.small{margin:15px 0 24px;gap:15px}.md-conversation.small .md-companion{width:45px;height:45px;font-size:29px}.md-conversation.small .md-speech{padding:16px 22px}.md-guide-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 40px}.md-guide-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}#my-day .md-guide-links button{background:none;border:0;color:#b9d7bb;text-decoration:underline;text-underline-offset:5px}.md-light-details{border:0;border-top:1px solid #56726155;padding:18px 0;color:#b8cabc;font-size:13px;margin-top:13px}.md-light-details summary{cursor:pointer;min-height:30px;line-height:1.8}.md-light-details[open] summary{margin-bottom:15px}.md-plan-date{display:flex;justify-content:flex-end;margin:0 0 14px}.md-plan-date label{display:flex;align-items:center;gap:12px;font-size:12px;color:#abc3b3}.md-plan-date input{max-width:165px}#my-day .md-activity-grid button{background:transparent;border:0;border-radius:18px;min-height:115px}#my-day .md-activity-grid button:hover{background:#345448}.md-activity-grid b{font-size:38px}#my-day .md-task{background:transparent;border:0;border-bottom:1px solid #52715c55;border-radius:0}#my-day .md-footer{justify-content:center}.md-whisper{font-size:13px;color:#d7ddba;line-height:1.8;margin:14px 0!important}#island-guide{position:fixed;z-index:5;bottom:70px;left:150px;display:flex;align-items:center;gap:9px}#island-guide>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#91bda2;color:#fff0bd;font-size:26px}#guide-next{background:#f0efdc;color:#345441;border:0;border-radius:15px 15px 15px 2px;padding:14px 18px;min-height:46px;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:650px){.md-conversation{gap:12px;margin:25px 0}.md-companion{width:45px;height:45px;font-size:29px}.md-speech{padding:18px}.md-speech p{font-size:14px}.md-guide-links{gap:3px}.md-guide-actions{margin-bottom:20px}.md-conversation.small .md-speech{padding:13px}.md-plan-date{justify-content:flex-start}#island-guide{left:110px;bottom:130px;gap:5px;right:10px}#island-guide>span{display:none}#guide-next{font-size:10px;padding:10px;min-height:36px;margin-left:auto}.md-light-details{font-size:12px}}
#island-guide{bottom:70px;left:155px;right:auto;max-width:540px;align-items:flex-end;pointer-events:none}#island-guide[hidden]{display:none}.island-speech{pointer-events:auto;background:#f2f0dded;color:#294d3b;border:0;border-radius:22px 22px 22px 4px;padding:17px 20px;box-shadow:0 6px 25px #2f453020;backdrop-filter:blur(10px)}.island-speech>p{margin:0 0 12px;font-size:15px;line-height:1.6}.guide-options{display:flex;gap:8px;flex-wrap:wrap}.guide-options button{border:0;border-radius:12px;padding:11px 15px;min-height:44px;background:#d8e4cd;color:#2b4e3a;font:inherit;font-size:13px;cursor:pointer}.guide-options button:first-child{background:#47765e;color:white}.island-speech [role=alert]{margin-top:12px;font-size:12px;color:#7c4e2f}#island-guide>span{width:40px;height:40px;flex-shrink:0}.is-map-open #island-guide{visibility:hidden}
@media(min-width:651px) and (max-width:900px){#island-guide{left:150px;right:170px;max-width:none}.island-speech{padding:14px 17px}.guide-options button{font-size:12px;padding:11px}.island-speech>p{font-size:14px}}
@media(max-width:650px){#island-guide{bottom:174px;left:12px;right:12px;max-width:none;justify-content:center}.island-speech{padding:13px 15px;max-width:100%;width:100%}.island-speech>p{font-size:13px;margin-bottom:9px}.guide-options{gap:6px}.guide-options button{font-size:11px;padding:9px;min-height:40px}}