/* Approved concepts 03 and 08: inventory, storage, profile and activity dialogs.
   Presentation only. Visibility classes, game canvases and actions remain owned
   by the existing UI controllers. */
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel,#parkour-finish,#parkour-carry-panel,#shared-carry-panel,#network-alert-panel,#room-invite-panel,#friend-request-panel){
  --cs-line:#388297;--cs-muted:#c0dfe8;--cs-mint:#69f4d0;--cs-gold:#ffda65;
  background:radial-gradient(ellipse at 20% 0%,#07546a66,transparent 65%),linear-gradient(135deg,#064356,#002535 86%)!important;
  border:1px solid var(--cs-line)!important;border-radius:12px!important;color:#f4fbff!important;
  box-shadow:inset 0 1px #a4eeff18,0 14px 48px #00101880!important;
  box-sizing:border-box;
}
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel,#parkour-finish,#network-alert-panel,#room-invite-panel,#friend-request-panel) :is(button,input){border-radius:7px;letter-spacing:0}
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel,#parkour-finish,#parkour-carry-panel,#shared-carry-panel,#network-alert-panel,#room-invite-panel,#friend-request-panel) button{
  border:1px solid #518c9e;background:linear-gradient(#104b5e,#033042);color:#f4fbff;box-shadow:inset 0 1px #c1f4ff12;min-height:44px;font:650 14px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel,#parkour-finish,#network-alert-panel,#room-invite-panel,#friend-request-panel) :is(p,small){color:var(--cs-muted);letter-spacing:0}
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel) :is(header,footer){border-color:#2c7185!important;border-width:1px;background:transparent!important;box-shadow:none!important}
html.island-ui :is(#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel)>header :is(b,h2){font-size:22px!important;color:#f4fbff!important;letter-spacing:0}
html.island-ui :is(#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel)>header button:last-child,
html.island-ui #inventory-close{
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;background:linear-gradient(#075064,#002937)!important;border:1px solid #4597ac!important;box-shadow:inset 0 1px #b5faff22!important;font-size:25px!important;
}
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel,#parkour-finish,#parkour-carry-panel,#shared-carry-panel,#network-alert-panel,#room-invite-panel,#friend-request-panel) :is(.play,#craft-one,#inventory-quick-move,#furnace-one,#mount-inventory-done,[data-chest-move=stack],.trade-offer>button,.social-trade-offer>button){
  color:#002b3b!important;background:linear-gradient(#ffe382,#ffd258)!important;border:1px solid #ffe995!important;box-shadow:inset 0 1px #fff8,0 2px 6px #00192344!important;font-weight:800;
}
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel,#parkour-finish) button:disabled{opacity:.45;box-shadow:none!important}
html.island-ui :is(#inventory-panel,#chest-panel,#furnace-panel,#mount-inventory-panel,#trade-panel,#social-trade-panel,#profile-panel,#parkour-setup-panel,#parkour-leaderboard-panel) :is(input[type=text],input[type=search]){border:1px solid #5d9aad!important;background:#002a3b!important;color:#f4fbff!important;box-shadow:inset 0 2px 5px #00182240!important}

/* Inventory: a compact header, scrolling item field and anchored destination tray. */
html.island-ui #inventory-panel{width:min(1060px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));height:min(720px,calc(100dvh - var(--safe-t) - var(--safe-b) - 24px));padding:0}
html.island-ui #inventory-panel .simple-inventory{grid-template-rows:64px minmax(0,1fr) 92px;background:transparent!important}
html.island-ui #inventory-panel .simple-inventory-header{grid-template-columns:minmax(150px,.8fr) minmax(0,1.3fr) 44px!important;gap:12px;padding:8px 14px!important;border-bottom:1px solid #2b7187!important;background:#00304455!important}
html.island-ui #inventory-panel .simple-inventory-title{width:auto;min-width:0;flex:initial}
html.island-ui #inventory-panel .simple-inventory-title>span{display:none}
html.island-ui #inventory-panel .simple-inventory-title b{font-size:22px!important;line-height:1.1}
html.island-ui #inventory-panel .simple-inventory-title small{font-size:11px!important;margin-top:3px}
html.island-ui #inventory-panel .inventory-mode-tabs{grid-template-columns:1fr 1fr;background:transparent;border:0;padding:0;gap:7px}
html.island-ui #inventory-panel .inventory-mode-tabs button{min-width:0;min-height:44px;padding:8px;font-size:15px}
html.island-ui #inventory-panel .inventory-mode-tabs button.selected{border-color:#80cbd7;background:linear-gradient(#12566a,#064052);color:#ffe277;box-shadow:inset 0 -4px #ffe16b}
html.island-ui #inventory-panel :is(.simple-inventory-main,.simple-pack-view,.recipe-pane,.craft-pane,.inventory-tray){background:transparent!important;border-color:#27697d!important}
html.island-ui #inventory-panel .simple-pack-view{grid-template-rows:38px minmax(0,1fr) 72px;min-height:0;padding:8px 14px}
html.island-ui #inventory-panel .pack-heading{min-height:0;padding:0 2px;background:transparent!important}
html.island-ui #inventory-panel .pack-heading>div{gap:2px}
html.island-ui #inventory-panel .pack-heading b{font-size:13px}
html.island-ui #inventory-panel .pack-heading small{font-size:11px!important}
html.island-ui #inventory-panel .inventory-storage{display:block;margin:6px 0;padding:5px;background:transparent!important;border:0;border-radius:0;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-color:#72b0c0 #07435555;scrollbar-width:thin}
html.island-ui #inventory-panel .inventory-grid{grid-template-columns:repeat(6,minmax(44px,1fr));grid-auto-rows:auto;width:100%;max-width:900px;margin:auto;gap:8px}
html.island-ui #inventory-panel :is(.inventory-grid,.inventory-hotbar-grid)>.foundation-slot{position:relative;width:100%;height:auto;min-height:44px;aspect-ratio:1.2;overflow:hidden;padding:4px}
html.island-ui :is(#inventory-panel,#mount-inventory-panel) .slot,
html.island-ui #chest-panel .chest-slots>button{
  background:linear-gradient(135deg,#0c5368,#003448)!important;border:1px solid #4891a5!important;border-radius:7px!important;box-shadow:inset 0 1px #b6f3ff19,inset 0 -5px 10px #001d2b26!important;
}
html.island-ui #inventory-panel .inventory-grid .slot-canvas{width:82%;height:82%;max-width:90px;max-height:90px;object-fit:contain;image-rendering:pixelated}
html.island-ui :is(#inventory-panel,#mount-inventory-panel) .slot-count,html.island-ui #chest-panel .chest-slots small{font:800 16px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4fbff!important;right:4px;bottom:4px;padding:2px 3px;background:#002532a8;border-radius:4px;text-shadow:0 1px 3px #00131e}
html.island-ui :is(#inventory-panel,#mount-inventory-panel) :is(.slot.selected,.slot.moving-source,.slot.active-hotbar),html.island-ui #chest-panel .chest-slots>button.selected{
  transform:none!important;outline:none!important;background:linear-gradient(135deg,#15736e,#064d54)!important;border-color:#77ffdc!important;box-shadow:inset 0 0 0 3px #77ffdc,0 0 9px #49e6c340!important;
}
html.island-ui #inventory-panel .inventory-selection{grid-template-columns:58px minmax(0,1fr) auto;gap:10px;padding:6px 10px;border:1px solid #2f8296!important;border-radius:8px;background:linear-gradient(105deg,#0a5165,#003447)!important;box-shadow:inset 0 1px #a5e9ff13!important}
html.island-ui #inventory-panel .inventory-selection-icon{width:52px;height:52px;border:1px solid #4c8b9e;border-radius:6px;background:#064156}
html.island-ui #inventory-panel .inventory-selection b{font-size:16px;line-height:1.2}
html.island-ui #inventory-panel .inventory-selection small{font-size:12px;color:#d6eaf1}
html.island-ui #inventory-panel .inventory-selection button{min-width:160px;min-height:44px;padding:9px 14px;font-size:13px}
html.island-ui #inventory-panel .inventory-tray{grid-template-columns:minmax(85px,.3fr) minmax(0,1fr);padding:8px 14px;gap:12px;border-top:1px solid #27758b}
html.island-ui #inventory-panel .hotbar-label{padding:0;background:transparent!important;gap:4px;justify-content:center}
html.island-ui #inventory-panel .hotbar-label b{font-size:12px}
html.island-ui #inventory-panel .hotbar-label span{font-size:11px;white-space:normal;line-height:1.3;color:#c1dfe8}
html.island-ui #inventory-panel .inventory-hotbar-grid{grid-template-columns:repeat(9,minmax(0,1fr));grid-auto-rows:auto;min-width:0;gap:5px;align-content:center}
html.island-ui #inventory-panel .inventory-hotbar-grid .slot{width:100%;height:auto;aspect-ratio:1;max-height:72px}
html.island-ui #inventory-panel .inventory-hotbar-grid .slot-canvas{width:82%;height:82%;max-width:58px;max-height:58px}
html.island-ui #inventory-panel .inventory-guide-card{border:1px solid #60a7ba;border-radius:12px;background:linear-gradient(#095167,#002c3e);color:white;box-shadow:0 14px 40px #00182288}
html.island-ui #inventory-panel .inventory-guide-card :is(strong,button){border:1px solid #ffe687;border-radius:6px;background:linear-gradient(#ffe182,#ffd25a);color:#002b3b;box-shadow:none}
html.island-ui #inventory-panel .inventory-guide-card em{color:#77f5d3}

/* Recipe categories beside a visual recipe grid, with the result kept in view. */
html.island-ui #inventory-panel .simple-craft-view{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-width:0;min-height:0}
html.island-ui #inventory-panel .recipe-pane{grid-template-columns:95px minmax(0,1fr);grid-template-rows:37px minmax(0,1fr);border-right:1px solid #2c7285}
html.island-ui #inventory-panel .recipe-title{grid-column:1/-1;padding:9px 12px;background:transparent;border:0}
html.island-ui #inventory-panel .recipe-title b{font-size:13px}
html.island-ui #inventory-panel .recipe-title small{display:none}
html.island-ui #inventory-panel .inventory-tabs{display:flex;flex-direction:column;gap:6px;grid-column:1;grid-row:2;min-height:0;padding:4px 4px 8px 8px;overflow:auto;border:0;background:transparent;touch-action:pan-y}
html.island-ui #inventory-panel .inventory-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:46px;flex:none;padding:7px 5px;border-color:transparent;background:transparent;box-shadow:none}
html.island-ui #inventory-panel .inventory-tabs button span{font-size:19px;flex:none}
html.island-ui #inventory-panel .inventory-tabs button small{font-size:11px;color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.island-ui #inventory-panel .inventory-tabs button.selected{border-color:#81f8dc;background:linear-gradient(#8bf8dd,#52e4c7);color:#003745;box-shadow:none}
html.island-ui #inventory-panel .recipe-browser{grid-column:2;grid-row:2;grid-template-rows:44px minmax(0,1fr);padding:4px 8px 8px;min-height:0;border:0;background:transparent!important}
html.island-ui #inventory-panel .recipe-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:0 0 6px}
html.island-ui #inventory-panel .recipe-toolbar label{border:1px solid #5799ac;border-radius:6px;background:#002d3d}
html.island-ui #inventory-panel .recipe-toolbar label input{min-height:32px;height:32px;border:0!important;padding:5px;font-size:13px}
html.island-ui #inventory-panel .recipe-toolbar label>span{font-size:18px;color:#edfaff}
html.island-ui #inventory-panel .recipe-toolbar button{min-height:36px;padding:5px;font-size:10px}
html.island-ui #inventory-panel .recipe-toolbar button.selected{background:#176e6b;border-color:#72d8c7;color:#c2ffee;box-shadow:none}
html.island-ui #inventory-panel .foundation-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:96px;gap:6px;padding:3px;align-content:start;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;background:transparent!important;border:0;box-shadow:none}
html.island-ui #inventory-panel .foundation-recipe-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:0;padding:5px;border:1px solid #377f93;background:linear-gradient(#0b4d61,#003044);color:#f4fbff;box-shadow:inset 0 1px #a7f1ff13;overflow:hidden;text-align:center}
html.island-ui #inventory-panel .foundation-recipe-card.craftable{border:1px solid #54b4b1}
html.island-ui #inventory-panel .foundation-recipe-card.unavailable{border:1px solid #397284;background:linear-gradient(#0a4153,#002d3e);opacity:.7}
html.island-ui #inventory-panel .foundation-recipe-card.selected{border-color:#7affdc;outline:0;background:linear-gradient(#13766e,#05515a);box-shadow:inset 0 0 0 2px #7affdc,0 0 7px #69f4d040}
html.island-ui #inventory-panel .recipe-card-icon{width:47px;height:47px;flex:none;background:transparent;border:0;box-shadow:none}
html.island-ui #inventory-panel .foundation-recipe-icon{width:44px;height:44px}
html.island-ui #inventory-panel .recipe-card-copy{display:block;min-width:0;width:100%}
html.island-ui #inventory-panel .recipe-card-copy b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.15}
html.island-ui #inventory-panel :is(.recipe-card-copy small,.recipe-card-status){display:none}
html.island-ui #inventory-panel .craft-pane{min-width:0;min-height:0;gap:8px;padding:12px;overflow:auto;touch-action:pan-y;align-items:stretch}
html.island-ui #inventory-panel .craft-pane>:is(.craft-pane-title,.recipe-preview,.craft-message){flex-shrink:0}
html.island-ui #inventory-panel .craft-pane-title{margin:0 0 5px;gap:4px}
html.island-ui #inventory-panel .craft-pane-title b{font-size:18px}
html.island-ui #inventory-panel .craft-pane-title small{font-size:12px}
html.island-ui #inventory-panel .recipe-preview{flex:0 0 auto;gap:10px;padding:10px;border:1px solid #2d778a;background:linear-gradient(145deg,#085064,#002c3e)!important;justify-content:flex-start!important}
html.island-ui #inventory-panel .recipe-preview>*{flex-shrink:0}
html.island-ui #inventory-panel .preview-flow{gap:12px;justify-content:center}
html.island-ui #inventory-panel .preview-cell{border:1px solid #4b8fa2;background:linear-gradient(#145367,#003448);border-radius:6px;box-shadow:none}
html.island-ui #inventory-panel :is(.preview-arrow,.preview-cell b){color:#cceefa}
html.island-ui #inventory-panel .preview-result{border:1px solid #68cbbf!important;background:linear-gradient(#175f68,#003347)!important;box-shadow:inset 0 0 16px #59ddbc16!important}
html.island-ui #inventory-panel .recipe-requirements{padding:0;gap:5px;background:none;border:0}
html.island-ui #inventory-panel .requirement-row{border:1px solid #477a88;border-radius:6px;background:#032e3f;box-shadow:none;padding:5px;gap:7px}
html.island-ui #inventory-panel .requirement-row.ready{border-color:#409e90;background:#0a494d}
html.island-ui #inventory-panel .requirement-row.missing{border-color:#b76863;background:#553c4480}
html.island-ui #inventory-panel .requirement-row :is(span,b){font-size:12px;color:#dcf7ee}
html.island-ui #inventory-panel .craft-actions button{min-height:44px;padding:8px;font-size:14px}
html.island-ui #inventory-panel .craft-message{font-size:12px;line-height:1.35;color:#bde9dc}
html.island-ui #inventory-panel .recipe-empty{background:transparent;border:0;color:#c4e4ec}
html.island-ui #inventory-panel .recipe-empty b{font-size:18px}
html.island-ui #inventory-panel .recipe-empty small{font-size:12px}
html.island-ui #inventory-panel :is(.creative-toolbar,.creative-category-tabs){background:transparent;border-color:#347f92;box-shadow:none}
html.island-ui #inventory-panel .creative-category-tabs button{min-height:38px;font-size:12px}
html.island-ui #inventory-panel .creative-category-tabs button.selected{background:#64e7cb;color:#003344;border-color:#94ffdf;box-shadow:none}

/* Shared chest and animal cargo use the same legible inventory tiles. */
html.island-ui #chest-panel{gap:12px;padding:14px!important;max-width:1080px}
html.island-ui #chest-panel .chest-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px!important;overflow:hidden}
html.island-ui #chest-panel .chest-columns>section{padding:8px!important;background:linear-gradient(#075065,#002c3d)!important;border:1px solid #2c91a7;border-radius:9px;scrollbar-width:thin;scrollbar-color:#71b8c8 transparent}
html.island-ui #chest-panel h3{padding:8px 3px;margin:0 0 6px;border-bottom:1px solid #3b8294;background:#044255;color:#f3fbff;font-size:15px;line-height:1.3}
html.island-ui #chest-panel h3 small{font-size:11px;color:#cae7ee;max-width:50%;text-align:right}
html.island-ui #chest-panel .chest-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:3px}
html.island-ui #chest-panel .chest-slots>button{width:100%;min-width:0;aspect-ratio:1;min-height:44px;padding:5px}
html.island-ui #chest-panel footer{padding-top:9px;border-color:#2f7a8e}
html.island-ui #chest-panel footer p{color:#c9e9f0;font-size:12px}
html.island-ui #chest-panel footer button{min-height:44px;font-size:13px;padding:9px 16px}
html.island-ui #chest-overlay{background:#001520a3}
html.island-ui #mount-inventory-panel{width:min(1040px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px)}
html.island-ui #mount-inventory-panel .mount-inventory-header{min-height:58px;padding:8px 14px!important}
html.island-ui #mount-inventory-panel .mount-inventory-header small{color:#c6e6ef!important;font-size:11px}
html.island-ui #mount-inventory-panel .mount-inventory-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 158px);gap:10px;padding:10px;overflow:auto;touch-action:pan-y}
html.island-ui #mount-inventory-panel :is(.mount-cargo-pane,.mount-player-pane){padding:8px;border:1px solid #35889b!important;border-radius:9px;background:linear-gradient(#075166,#002d3e)!important}
html.island-ui #mount-inventory-panel .mount-pane-title{min-height:40px;padding:0 0 7px;margin-bottom:7px;border:0;border-bottom:1px solid #377e8f;background:none;box-shadow:none}
html.island-ui #mount-inventory-panel .mount-pane-title>span{border:0;background:transparent;color:#ffe16b}
html.island-ui #mount-inventory-panel .mount-pane-title b{font-size:14px}
html.island-ui #mount-inventory-panel .mount-pane-title small{font-size:10px;color:#c6e5ed}
html.island-ui #mount-inventory-panel :is(.mount-cargo-grid,.mount-player-grid,.mount-hotbar-grid){grid-auto-rows:auto;min-height:0;gap:5px;padding:3px;border:0;background:none}
html.island-ui #mount-inventory-panel .mount-cargo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
html.island-ui #mount-inventory-panel :is(.mount-player-grid,.mount-hotbar-grid){grid-template-columns:repeat(9,minmax(0,1fr))}
html.island-ui #mount-inventory-panel .slot{min-height:36px;aspect-ratio:1;height:auto}
html.island-ui #mount-inventory-panel .slot-canvas{width:80%;height:80%;max-width:52px;max-height:52px}
html.island-ui #mount-inventory-panel .slot-count{font-size:12px;padding:1px 2px;right:2px;bottom:2px}
html.island-ui #mount-inventory-panel .mount-inventory-footer{min-height:58px;padding:7px 14px}
html.island-ui #mount-inventory-panel .mount-inventory-footer span{padding:4px 0;border:0;background:none;font-size:12px;color:#c7e7ec;white-space:normal}

/* Furnace keeps all controls reachable when a phone narrows the workbench. */
html.island-ui #furnace-panel{padding:0;width:min(980px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));height:min(620px,calc(100dvh - var(--safe-t) - var(--safe-b) - 24px));overflow:hidden}
html.island-ui #furnace-panel .furnace-header{min-height:58px;padding:8px 14px}
html.island-ui #furnace-panel .furnace-header small{font-size:11px}
html.island-ui #furnace-panel .furnace-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);height:calc(100% - 58px);min-height:0;gap:10px;padding:10px}
html.island-ui #furnace-panel :is(.furnace-browser,.furnace-workspace){border:1px solid #2c8297!important;border-radius:9px;background:linear-gradient(#084e61,#002c3e)!important;overflow:hidden}
html.island-ui #furnace-panel .furnace-browser{grid-template-rows:38px minmax(0,1fr)}
html.island-ui #furnace-panel .furnace-browser h3{padding:10px;margin:0;border-bottom:1px solid #347b8c;background:transparent;font-size:13px}
html.island-ui #furnace-panel .furnace-recipe-list{padding:7px;gap:6px;touch-action:pan-y;scrollbar-color:#72baca transparent;scrollbar-width:thin}
html.island-ui #furnace-panel .furnace-recipe{grid-template-columns:42px minmax(0,1fr);gap:8px;min-height:62px;border:1px solid #3a8395;background:linear-gradient(#105065,#003549);padding:6px}
html.island-ui #furnace-panel .furnace-recipe.ready{border-color:#4eafa1}
html.island-ui #furnace-panel .furnace-recipe.selected{border-color:#71f5d6;outline:0;background:linear-gradient(#146e6a,#074b53);box-shadow:inset 0 0 0 2px #71f5d6}
html.island-ui #furnace-panel .furnace-recipe b{font-size:13px}
html.island-ui #furnace-panel .furnace-recipe small{font-size:11px}
html.island-ui #furnace-panel .furnace-workspace{padding:14px;gap:16px;overflow:auto;touch-action:pan-y}
html.island-ui #furnace-panel .furnace-flow{grid-template-columns:minmax(0,1fr) minmax(50px,.6fr) 22px minmax(0,1fr);gap:7px}
html.island-ui #furnace-panel .furnace-stack{gap:8px;padding:10px 5px;background:linear-gradient(#11596d,#003449)!important;border:1px solid #4a92a5;color:#f5fbff;border-radius:8px;min-width:0}
html.island-ui #furnace-panel .furnace-stack>span{width:clamp(40px,6vw,76px);height:clamp(40px,6vw,76px);background:none;border:0;box-shadow:none}
html.island-ui #furnace-panel .furnace-item-icon{width:90%;height:90%}
html.island-ui #furnace-panel .furnace-stack b{font-size:12px;overflow-wrap:anywhere}
html.island-ui #furnace-panel .furnace-stack.output{border-color:#69c9bf}
html.island-ui #furnace-panel .furnace-flame span{color:#ffd456;text-shadow:0 2px #b3762780}
html.island-ui #furnace-panel .furnace-flame small{font-size:10px}
html.island-ui #furnace-panel .furnace-flame i{width:100%;height:9px;border:1px solid #77b2c2;border-radius:5px;background:linear-gradient(90deg,#ffd356 75%,#003346 75%)}
html.island-ui #furnace-panel .furnace-arrow{font-size:27px;color:#d4f4ff}
html.island-ui #furnace-panel .furnace-message{border:1px solid #2c7e92;border-radius:6px;padding:9px;background:#002a3b;color:#d6edf3;font-size:12px;line-height:1.4}
html.island-ui #furnace-panel .furnace-message.good{border-color:#4bc4a8;background:#0b5758;color:#c6ffea}
html.island-ui #furnace-panel .furnace-actions{gap:8px}
html.island-ui #furnace-panel .furnace-actions button{min-height:44px;font-size:14px}

/* Profile keeps the real character renderer in an island scene. */
html.island-ui #profile-panel{width:min(900px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));height:min(620px,calc(100dvh - var(--safe-t) - var(--safe-b) - 24px));padding:0}
html.island-ui #profile-panel>header{padding:10px 14px;min-height:60px}
html.island-ui #profile-panel>header small{font-size:11px}
html.island-ui #profile-panel .profile-body{grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);gap:12px;padding:12px;min-height:0;border:0!important;border-radius:0;background:transparent!important}
html.island-ui #profile-panel .profile-emblem{position:relative;min-height:0;min-width:0;padding:12px;border:1px solid #42899b!important;border-radius:8px;background:linear-gradient(0deg,#002d43ee,transparent 55%),url('./assets/ui/mode-scenes/survival.png') center/cover!important;overflow:hidden;gap:5px;justify-content:flex-end}
html.island-ui #profile-panel .profile-avatar-preview{flex:1;min-height:90px;max-height:none;width:100%;margin:0;position:relative;background:none;border:0;box-shadow:none}
html.island-ui #profile-panel .profile-avatar-preview canvas{width:100%!important;height:100%!important;object-fit:contain}
html.island-ui #profile-panel .profile-emblem b{font-size:18px;line-height:1.2;text-shadow:0 2px 5px #001c2e}
html.island-ui #profile-panel .profile-emblem small{padding:4px 8px;border:1px solid #70c8bc55;border-radius:4px;background:#034048cf;color:#c2f9e4;font-size:11px}
html.island-ui #profile-panel .profile-details{gap:14px;padding:14px;min-height:0;overflow:auto;touch-action:pan-y;border:1px solid #367e91;border-radius:8px;background:linear-gradient(#064459e8,#002a3de8);scrollbar-width:thin}
html.island-ui #profile-panel .profile-details label{gap:6px}
html.island-ui #profile-panel .profile-details label span{font-size:13px;color:#d6edf3}
html.island-ui #profile-panel .profile-details input{min-height:44px;padding:8px 12px;font-size:17px}
html.island-ui #profile-panel .profile-details input[aria-invalid="true"]{border-color:#ffcf62!important;box-shadow:0 0 0 2px #ffcf6244!important}
html.island-ui #profile-panel .profile-name-suggestions{padding:10px;border:1px solid #d7aa3d;border-radius:7px;background:linear-gradient(135deg,#463a16,#213c40)}
html.island-ui #profile-panel .profile-name-suggestions[hidden]{display:none!important}
html.island-ui #profile-panel .profile-name-suggestions>small{display:block;margin-bottom:8px;color:#ffe071;font-size:11px;font-weight:900;letter-spacing:.05em}
html.island-ui #profile-panel .profile-name-suggestions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
html.island-ui #profile-panel .profile-name-suggestions button{min-width:0;min-height:44px;padding:7px;border:1px solid #77d9c3;border-radius:6px;background:#075668;color:#fff;font-size:clamp(11px,2vw,14px);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.island-ui #profile-panel .profile-name-suggestions button:active{transform:translateY(2px);background:#0b7180}
html.island-ui #profile-panel .profile-stats{grid-template-columns:1fr;gap:8px}
html.island-ui #profile-panel .profile-stats>div{flex-direction:row;justify-content:space-between;min-height:48px;gap:10px;padding:8px 10px;border:1px solid #397b8d!important;border-radius:6px;background:linear-gradient(#0b4c60,#003045)!important;text-align:left}
html.island-ui #profile-panel .profile-stats small{font-size:12px}
html.island-ui #profile-panel .profile-stats b{font-size:14px}
html.island-ui #profile-panel #profile-coin-count{color:#ffdb66!important}
html.island-ui #profile-panel .profile-details p{padding:10px;border:1px solid #367488;background:#002a3b!important;font-size:12px;line-height:1.45;color:#c0e0e8!important}
html.island-ui #profile-panel .profile-footer{padding:8px 14px;min-height:60px;flex:none}
html.island-ui #profile-panel .profile-footer>span{font-size:12px;color:#d0e8ef!important}
html.island-ui #profile-panel .profile-footer .play{min-height:44px;min-width:160px;font-size:16px}

/* Trade offers, race choice and results follow the same mint/gold hierarchy. */
html.island-ui :is(#trade-panel,#social-trade-panel){padding:14px;width:min(860px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px)}
html.island-ui :is(#trade-panel,#social-trade-panel):not(.hidden){display:flex;flex-direction:column}
html.island-ui :is(#trade-panel,#social-trade-panel)>:is(header,footer,.trade-summary,.social-trade-note){flex:none}
html.island-ui :is(#trade-panel,#social-trade-panel)>header{padding-bottom:10px}
html.island-ui :is(#trade-panel,#social-trade-panel)>header small{font-size:11px}
html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-summary,.social-trade-note){border:1px solid #367e91;border-radius:7px;padding:10px;background:#003449;margin-top:8px}
html.island-ui #trade-panel .trade-summary strong{font-size:12px;letter-spacing:0}
html.island-ui #trade-panel .trade-summary span{border:1px solid #56baa4;border-radius:5px;background:#085c58;color:#b7ffdf;font-size:12px}
html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-list,.social-trade-list){max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 240px);overflow:auto;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#73b6c7 transparent;padding:10px 2px;gap:10px}
html.island-ui #social-trade-panel .social-trade-list{flex:1;min-height:0;max-height:none!important}
html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-offer,.social-trade-offer){padding:12px;border:1px solid #3c8a9b;border-radius:8px;background:linear-gradient(#084b60,#002d40);box-shadow:none}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-offer.ready{border-color:#5ad4b8;box-shadow:inset 3px 0 #5ad4b8}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-exchange{gap:8px;padding-bottom:7px}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-exchange>span{font-size:26px;color:#65f4d4}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-item{grid-template-columns:42px 22px minmax(0,1fr);gap:4px}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-icon{width:40px;height:40px}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-item b{font-size:16px}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-item span{font-size:11px;color:#d0ebf2;white-space:normal}
html.island-ui :is(#trade-panel,#social-trade-panel) .trade-meta{font-size:11px;color:#b7d9e3;line-height:1.4}
html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-footer,.social-trade-footer){padding-top:10px;gap:10px}
html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-footer,.social-trade-footer)>span{font-size:12px;color:#c9e5ed}
html.island-ui #social-trade-panel .social-trade-note>span{border:0;background:transparent;color:#67f3d4;font-size:30px}
html.island-ui #social-trade-panel .social-trade-note b{font-size:14px}
html.island-ui #social-trade-panel .social-trade-note small{font-size:12px}
html.island-ui #social-trade-panel .social-trade-offer{grid-template-columns:minmax(0,1fr) 105px auto;gap:10px}
html.island-ui #social-trade-panel .social-trade-offer.selected{border-color:#67f5d3;background:linear-gradient(#0e6568,#023e4e);box-shadow:inset 0 0 0 1px #67f5d3}
html.island-ui #social-trade-panel .social-trade-exchange{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:8px}
html.island-ui #social-trade-panel .social-trade-exchange>div>small{font-size:11px;color:#c5e7ef}
html.island-ui #social-trade-panel .social-trade-exchange>span{font-size:32px;color:#64f4d7}
html.island-ui #social-trade-panel .social-trade-item{grid-template-columns:42px 24px minmax(0,1fr);gap:5px;min-height:62px;padding:6px;border:1px solid #428b9d;border-radius:6px;background:linear-gradient(#105064,#003447)}
html.island-ui #social-trade-panel .social-trade-icon{width:40px;height:40px}
html.island-ui #social-trade-panel .social-trade-item b{width:auto;height:auto;background:none;font-size:16px;color:#f2fbff}
html.island-ui #social-trade-panel .social-trade-item span{font-size:11px;white-space:normal;line-height:1.25;color:#dcf2f8}
html.island-ui #social-trade-panel .social-trade-meta b{font-size:11px;color:#ffdf76}
html.island-ui #social-trade-panel .social-trade-meta small{font-size:11px;color:#bfdee7}
html.island-ui #social-trade-panel .social-trade-offer.danger{border-left:3px solid #ee796f}
html.island-ui #social-trade-panel .social-trade-offer.great{border-left:3px solid #6addba}
html.island-ui #social-trade-panel .social-trade-offer>button{min-height:44px;max-width:125px;font-size:12px;padding:8px}
html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel){width:min(740px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px)}
html.island-ui #parkour-setup-panel{height:auto!important;min-height:0}
html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>header{padding:10px 14px;min-height:60px}
html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>header small{font-size:11px;color:#a9dce8;letter-spacing:.04em}
html.island-ui #parkour-setup-panel .parkour-race-options{padding:12px;gap:10px}
html.island-ui #parkour-setup-panel .parkour-race-option{grid-template-columns:36px minmax(0,1fr);gap:9px;min-height:100px;padding:10px;text-align:left;border:1px solid #4c91a3;background:linear-gradient(#0b4f62,#003345);box-shadow:inset 0 1px #b7f2ff12}
html.island-ui #parkour-setup-panel .parkour-race-option>span{width:34px;height:34px;background:none;border:0;color:#d4f4ff;font-size:26px}
html.island-ui #parkour-setup-panel .parkour-race-option b{font-size:14px}
html.island-ui #parkour-setup-panel .parkour-race-option small{font-size:12px;color:#c6e5ed}
html.island-ui #parkour-setup-panel .parkour-race-option em{grid-column:2;align-self:end;color:#a1d4df;font-size:10px;letter-spacing:.04em}
html.island-ui #parkour-setup-panel .parkour-race-option.selected{border-color:#67f4d2;background:linear-gradient(#096368,#003a48);box-shadow:inset 0 0 0 1px #67f4d2,0 0 10px #5febd01f}
html.island-ui #parkour-setup-panel .parkour-race-option.selected em{color:#7fffdc}
html.island-ui #parkour-setup-panel .parkour-bot-switch{margin:0 12px 10px;padding:10px;border:1px solid #3b7e91;border-radius:7px;background:#063c50;color:#f0fbff;box-shadow:none}
html.island-ui #parkour-setup-panel .parkour-bot-switch b{font-size:13px}
html.island-ui #parkour-setup-panel .parkour-bot-switch small{font-size:11px;color:#bfdfe9}
html.island-ui #parkour-setup-panel .parkour-bot-switch input:checked~i{background:#62ebc9;border-color:#a4ffdf}
html.island-ui #parkour-setup-panel .parkour-friend-picker{margin:0 12px 10px;padding:8px;border:1px solid #397e91;border-radius:7px;background:#002e40;color:#e6f6ff;min-height:0}
html.island-ui #parkour-setup-panel .parkour-friend-picker>div:first-child b{font-size:12px}
html.island-ui #parkour-setup-panel .parkour-friend-picker small{font-size:11px;color:#bfdfeb}
html.island-ui #parkour-setup-panel .parkour-friend-list{padding:4px;min-height:52px}
html.island-ui #parkour-setup-panel .parkour-friend-list button{min-height:48px;font-size:12px}
html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>p{padding:8px 12px;font-size:12px;line-height:1.35;border-top:1px solid #2d7388;background:#002c3e;color:#bedfe9}
html.island-ui #parkour-setup-panel>p.error{color:#ff9e94}
html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>footer{padding:10px 12px;gap:8px}
html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>footer button{min-height:44px;min-width:140px;font-size:15px}
html.island-ui #parkour-leaderboard-panel{height:min(640px,calc(100dvh - var(--safe-t) - var(--safe-b) - 24px))}
html.island-ui #parkour-leaderboard-panel>nav{border:0;background:none;padding:8px 12px;gap:8px}
html.island-ui #parkour-leaderboard-panel>nav button{border:1px solid #3e889b;background:linear-gradient(#0d4d60,#003449);font-size:13px}
html.island-ui #parkour-leaderboard-panel>nav button.selected{background:#126768;color:#baffdf;border-color:#62e3c4;box-shadow:inset 0 -3px #65eac9}
html.island-ui #parkour-leaderboard-panel>#parkour-leaderboard-summary{background:#04394b;border-color:#286d83;font-size:12px;color:#ffdf6e}
html.island-ui #parkour-leaderboard-panel>ol{padding:8px 12px;gap:6px;scrollbar-width:thin}
html.island-ui #parkour-leaderboard-panel li{grid-template-columns:38px minmax(0,1fr) auto 100px;gap:8px;min-height:54px;padding:7px;border:1px solid #3d8092;border-radius:6px;background:linear-gradient(#0b4a5d,#003247);box-shadow:none;color:#f1faff}
html.island-ui #parkour-leaderboard-panel li.you{background:linear-gradient(#126b6c,#064553);border-color:#62ecc8;box-shadow:inset 0 0 0 1px #62ecc8}
html.island-ui #parkour-leaderboard-panel li>b{height:32px;border:0;background:none;color:#ffdd69;font-size:18px}
html.island-ui #parkour-leaderboard-panel li strong{font-size:14px}
html.island-ui #parkour-leaderboard-panel li small{font-size:11px;color:#bfdfeb}
html.island-ui #parkour-leaderboard-panel li em{font-size:13px;color:#ffda60}
html.island-ui #parkour-finish{padding:24px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px);overflow:auto;touch-action:pan-y;box-shadow:0 0 0 100vmax #00172696,0 14px 48px #00101880!important}
html.island-ui #parkour-finish>small{font:750 16px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:#e5f8ff}
html.island-ui #parkour-finish>b{font:850 42px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ffdc67;margin-top:12px}
html.island-ui #parkour-finish>strong{font:750 26px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f0faff}
html.island-ui #parkour-finish>span{font-size:13px;color:#d0e8ee}
html.island-ui #parkour-finish>em{padding:9px 12px;border:1px solid #458a9b;border-radius:6px;background:#00364a;color:#8bf4d6;font-size:12px}
html.island-ui #parkour-finish>div{width:100%;gap:8px;margin-top:18px}
html.island-ui #parkour-finish>div button{flex:1;min-height:44px;margin:0;padding:10px;font-size:14px}

/* Compact state cards: clear status, readable explanation, one strong action. */
html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel){width:min(530px,calc(100vw - var(--safe-l) - var(--safe-r) - 32px));padding:22px;gap:16px}
html.island-ui #network-alert-panel{grid-template-columns:54px minmax(0,1fr)}
html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel) b{font-size:20px;letter-spacing:0;line-height:1.2;color:#f4fbff}
html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel) p{font-size:14px;line-height:1.5;color:#d4eaf2}
html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel) small{font-size:11px;color:#b6dce8}
html.island-ui #network-alert-panel .network-alert-icon{display:grid;place-items:center;width:52px;height:52px;border:2px solid #ff786a;border-radius:50%;background:#793e4633;color:#ff8073;box-shadow:none;font:800 34px/1 -apple-system,sans-serif}
html.island-ui :is(#room-invite-panel,#friend-request-panel) .room-invite-icon{display:grid;place-items:center;width:48px;height:48px;background:#0e5a68;border:1px solid #55b7bd;border-radius:8px;color:#9dfbdc;box-shadow:none;font-size:28px}
html.island-ui :is(#room-invite-panel,#friend-request-panel){grid-template-columns:48px minmax(0,1fr)}
html.island-ui :is(#room-invite-panel,#friend-request-panel)>div:last-child{grid-column:1/-1;justify-content:flex-end;gap:8px}
html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel) button{min-width:130px;min-height:44px;margin:0;padding:9px 18px;font-size:15px}
html.island-ui :is(#parkour-carry-panel,#shared-carry-panel){padding:16px;gap:12px;max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 24px)}
html.island-ui :is(#parkour-carry-panel,#shared-carry-panel)>span{background:#0c5362;border:1px solid #4d9aaa;border-radius:8px;color:#81f4d6}
html.island-ui :is(#parkour-carry-panel,#shared-carry-panel) b{font-size:16px;color:#f0faff}
html.island-ui :is(#parkour-carry-panel,#shared-carry-panel) small{font-size:12px;color:#c8e5ee}
html.island-ui #death-screen{background:radial-gradient(ellipse at center,#732f435c,#001c2ccd 75%);gap:12px}
html.island-ui #death-screen .death-title{max-width:90%;font:800 clamp(30px,5vw,52px)/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff3f0;text-shadow:0 3px 12px #301424}
html.island-ui #death-screen p{max-width:80%;margin:0 0 9px;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f1dce0;text-align:center}
html.island-ui #death-screen #respawn-button{min-width:210px;min-height:48px;margin:0;padding:12px 24px;border:1px solid #fff0a0;border-radius:8px;background:linear-gradient(#ffe489,#ffd15a);box-shadow:inset 0 1px #fff8,0 5px 18px #001b3440;color:#002e3c;font:800 18px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

@media(min-width:1100px) and (min-height:650px){
  html.island-ui #inventory-panel .foundation-recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-height:520px) and (orientation:landscape){
  html.island-ui #inventory-panel .simple-inventory{grid-template-rows:52px minmax(0,1fr) 64px}
  html.island-ui #inventory-panel .simple-inventory-header{grid-template-columns:minmax(115px,.7fr) minmax(0,1.3fr) 44px!important;padding:3px 10px!important;gap:8px}
  html.island-ui #inventory-panel .simple-inventory-title b{font-size:18px!important}
  html.island-ui #inventory-panel .simple-inventory-title small{display:none}
  html.island-ui #inventory-panel .inventory-mode-tabs button{min-height:40px;font-size:13px;padding:6px}
  html.island-ui #inventory-panel .simple-pack-view{grid-template-rows:28px minmax(0,1fr) 58px;padding:4px 10px}
  html.island-ui #inventory-panel .pack-heading{flex-direction:row;gap:8px}
  html.island-ui #inventory-panel .pack-heading>div{flex-direction:row;gap:10px;align-items:center}
  html.island-ui #inventory-panel .pack-heading small{font-size:10px!important}
  html.island-ui #inventory-panel .inventory-grid{grid-template-columns:repeat(9,minmax(44px,1fr));gap:6px}
  html.island-ui #inventory-panel .inventory-grid>.foundation-slot{aspect-ratio:1.15;min-height:48px;max-height:68px}
  html.island-ui #inventory-panel .inventory-selection{grid-template-columns:44px minmax(0,1fr) auto;padding:4px 7px;gap:8px}
  html.island-ui #inventory-panel .inventory-selection-icon{width:42px;height:42px}
  html.island-ui #inventory-panel .inventory-selection b{font-size:14px}
  html.island-ui #inventory-panel .inventory-selection small{font-size:11px}
  html.island-ui #inventory-panel .inventory-selection button{min-width:145px;font-size:12px}
  html.island-ui #inventory-panel .inventory-tray{padding:5px 10px;grid-template-columns:110px minmax(0,1fr);gap:10px}
  html.island-ui #inventory-panel .hotbar-label span{font-size:10px}
  html.island-ui #inventory-panel .inventory-hotbar-grid .slot{height:50px;aspect-ratio:auto;min-height:44px}
  html.island-ui #inventory-panel .inventory-hotbar-grid .slot-canvas{max-width:42px;max-height:42px}
  html.island-ui #inventory-panel .slot-count{font-size:13px;bottom:2px;right:2px}
  html.island-ui #inventory-panel .recipe-pane{grid-template-columns:92px minmax(0,1fr);grid-template-rows:27px minmax(0,1fr)}
  html.island-ui #inventory-panel .recipe-title{padding:6px 9px}
  html.island-ui #inventory-panel .recipe-title b{font-size:11px}
  html.island-ui #inventory-panel .inventory-tabs{padding:3px;gap:2px}
  html.island-ui #inventory-panel .inventory-tabs button{min-height:38px;padding:4px;gap:4px}
  html.island-ui #inventory-panel .inventory-tabs button small{font-size:10px}
  html.island-ui #inventory-panel .recipe-browser{padding:3px 5px 5px;grid-template-rows:36px minmax(0,1fr)}
  html.island-ui #inventory-panel .recipe-toolbar button{min-height:30px;font-size:9px}
  html.island-ui #inventory-panel .recipe-toolbar label input{min-height:28px;height:28px;font-size:12px}
  html.island-ui #inventory-panel .foundation-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:70px;gap:4px}
  html.island-ui #inventory-panel .foundation-recipe-card{padding:3px;gap:2px}
  html.island-ui #inventory-panel .recipe-card-icon{width:36px;height:36px}
  html.island-ui #inventory-panel .foundation-recipe-icon{width:34px;height:34px}
  html.island-ui #inventory-panel .recipe-card-copy b{font-size:10px}
  html.island-ui #inventory-panel .craft-pane{padding:7px;gap:4px}
  html.island-ui #inventory-panel .craft-pane-title{display:flex;margin:0 0 4px}
  html.island-ui #inventory-panel .craft-pane-title b{font-size:14px}
  html.island-ui #inventory-panel .craft-pane-title small{font-size:10px}
  html.island-ui #inventory-panel .recipe-preview{padding:5px;gap:5px}
  html.island-ui #inventory-panel .preview-flow{gap:7px}
  html.island-ui #inventory-panel .requirement-row{padding:3px;gap:4px}
  html.island-ui #inventory-panel .requirement-row :is(span,b){font-size:10px}
  html.island-ui #inventory-panel .craft-actions button{min-height:40px;font-size:12px;padding:5px}
  html.island-ui #inventory-panel .craft-message{font-size:10px;min-height:14px}
  html.island-ui #chest-panel{padding:9px 12px!important;gap:7px}
  html.island-ui #chest-panel h3{padding:5px 2px;font-size:12px}
  html.island-ui #chest-panel .chest-columns>section{padding:5px!important}
  html.island-ui #chest-panel .chest-slots{gap:5px}
  html.island-ui #chest-panel .chest-slots>button{aspect-ratio:1.06}
  html.island-ui #chest-panel footer{padding-top:6px}
  html.island-ui #chest-panel footer p{font-size:11px}
  html.island-ui #chest-panel footer button{font-size:12px}
  html.island-ui #furnace-panel .furnace-header,html.island-ui #mount-inventory-panel .mount-inventory-header{min-height:52px;padding:5px 10px!important}
  html.island-ui #furnace-panel .furnace-body{height:calc(100% - 52px);padding:7px;gap:7px}
  html.island-ui #furnace-panel .furnace-workspace{padding:9px;gap:9px}
  html.island-ui #furnace-panel .furnace-recipe{min-height:52px}
  html.island-ui #furnace-panel .furnace-recipe b{font-size:12px}
  html.island-ui #furnace-panel .furnace-stack{padding:7px 3px;gap:5px}
  html.island-ui #furnace-panel .furnace-stack b{font-size:10px}
  html.island-ui #furnace-panel .furnace-flame small{font-size:9px}
  html.island-ui #furnace-panel .furnace-message{font-size:11px;padding:6px}
  html.island-ui #mount-inventory-panel .mount-inventory-body{padding:7px;gap:7px;max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 142px)}
  html.island-ui #mount-inventory-panel .mount-pane-title{min-height:33px;margin-bottom:4px;padding-bottom:4px}
  html.island-ui #mount-inventory-panel .mount-pane-title b{font-size:12px}
  html.island-ui #mount-inventory-panel .mount-pane-title small{font-size:9px}
  html.island-ui #mount-inventory-panel .mount-inventory-footer{min-height:52px;padding:5px 10px}
  html.island-ui #profile-panel>header{min-height:52px;padding:5px 10px}
  html.island-ui #profile-panel .profile-body{padding:8px;gap:8px;grid-template-columns:minmax(170px,.9fr) minmax(0,1.1fr)}
  html.island-ui #profile-panel .profile-details{padding:9px;gap:9px}
  html.island-ui #profile-panel .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  html.island-ui #profile-panel .profile-stats>div{min-height:52px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:6px}
  html.island-ui #profile-panel .profile-stats small{font-size:9px}
  html.island-ui #profile-panel .profile-stats b{font-size:12px}
  html.island-ui #profile-panel .profile-details p{padding:7px;font-size:11px}
  html.island-ui #profile-panel .profile-footer{min-height:52px;padding:5px 10px}
  html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>header{min-height:52px;padding:5px 10px}
  html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>header b{font-size:18px!important}
  html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>header small{font-size:10px}
  html.island-ui #parkour-setup-panel .parkour-race-options{padding:7px 9px;gap:7px}
  html.island-ui #parkour-setup-panel .parkour-race-option{min-height:65px;padding:6px;gap:6px}
  html.island-ui #parkour-setup-panel .parkour-race-option b{font-size:12px}
  html.island-ui #parkour-setup-panel .parkour-race-option small{font-size:10px}
  html.island-ui #parkour-setup-panel .parkour-race-option em{display:none}
  html.island-ui #parkour-setup-panel .parkour-bot-switch{margin:0 9px 6px;padding:6px;min-height:44px}
  html.island-ui #parkour-setup-panel .parkour-friend-picker{margin:0 9px 6px;padding:6px}
  html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>p{padding:5px 9px;min-height:24px;font-size:11px}
  html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>footer{padding:5px 9px}
  html.island-ui :is(#trade-panel,#social-trade-panel){padding:10px}
  html.island-ui :is(#trade-panel,#social-trade-panel)>header{padding-bottom:6px}
  html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-summary,.social-trade-note){padding:7px;margin-top:6px}
  html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-list,.social-trade-list){max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 213px);padding:7px 2px;gap:7px}
  html.island-ui :is(#trade-panel,#social-trade-panel) .trade-offer{padding:8px}
  html.island-ui :is(#trade-panel,#social-trade-panel) .trade-item{grid-template-columns:32px 18px minmax(0,1fr)}
  html.island-ui :is(#trade-panel,#social-trade-panel) .trade-icon{width:31px;height:31px}
  html.island-ui :is(#trade-panel,#social-trade-panel) .trade-item span{font-size:10px}
  html.island-ui #social-trade-panel .social-trade-offer{grid-template-columns:minmax(0,1fr) 85px auto;gap:7px;padding:8px}
  html.island-ui #social-trade-panel .social-trade-item{grid-template-columns:30px 18px minmax(0,1fr);min-height:50px;padding:4px;gap:3px}
  html.island-ui #social-trade-panel .social-trade-icon{width:28px;height:28px}
  html.island-ui #social-trade-panel .social-trade-item span{font-size:10px}
  html.island-ui #social-trade-panel .social-trade-offer>button{max-width:105px;font-size:11px}
  html.island-ui #parkour-finish{padding:16px}
  html.island-ui #parkour-finish>b{font-size:34px;margin-top:7px}
  html.island-ui #parkour-finish>strong{font-size:23px}
  html.island-ui #parkour-finish>div{margin-top:12px}
}
@media(max-width:600px) and (orientation:portrait){
  html.island-ui #inventory-panel .simple-inventory{grid-template-rows:104px minmax(0,1fr) 94px}
  html.island-ui #inventory-panel .simple-inventory-header{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:44px 40px;gap:5px;padding:6px 10px!important}
  html.island-ui #inventory-panel .simple-inventory-title{grid-column:1;grid-row:1}
  html.island-ui #inventory-panel .simple-inventory-title b{font-size:19px!important}
  html.island-ui #inventory-panel .simple-inventory-title small{display:none}
  html.island-ui #inventory-panel .inventory-mode-tabs{grid-column:1/-1;grid-row:2}
  html.island-ui #inventory-panel .inventory-mode-tabs button{min-height:40px;font-size:13px}
  html.island-ui #inventory-panel #inventory-close{grid-column:2;grid-row:1}
  html.island-ui #inventory-panel .simple-pack-view{grid-template-rows:42px minmax(0,1fr) 100px;padding:4px 8px}
  html.island-ui #inventory-panel .pack-heading>div{gap:3px}
  html.island-ui #inventory-panel .pack-heading small{font-size:10px!important}
  html.island-ui #inventory-panel .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  html.island-ui #inventory-panel .inventory-selection{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 40px;padding:5px;gap:5px}
  html.island-ui #inventory-panel .inventory-selection-icon{width:39px;height:39px}
  html.island-ui #inventory-panel .inventory-selection b{font-size:14px}
  html.island-ui #inventory-panel .inventory-selection small{font-size:10px}
  html.island-ui #inventory-panel .inventory-selection button{grid-column:1/-1;width:100%;min-height:40px;font-size:12px;padding:7px}
  html.island-ui #inventory-panel .inventory-tray{grid-template-columns:minmax(0,1fr);grid-template-rows:20px minmax(0,1fr);padding:6px 8px;gap:4px}
  html.island-ui #inventory-panel .hotbar-label{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}
  html.island-ui #inventory-panel .hotbar-label span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.island-ui #inventory-panel .inventory-hotbar-grid{grid-template-columns:repeat(9,minmax(44px,1fr));overflow-x:auto;touch-action:pan-x;gap:4px;padding:1px 1px 6px!important}
  html.island-ui #inventory-panel .inventory-hotbar-grid .slot{min-width:44px;min-height:44px;height:44px;aspect-ratio:auto}
  html.island-ui #inventory-panel .slot-count{font-size:13px}
  html.island-ui #inventory-panel .simple-craft-view{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(135px,1fr) minmax(0,1.1fr);overflow:auto;touch-action:pan-y}
  html.island-ui #inventory-panel .recipe-pane{grid-template-columns:85px minmax(0,1fr);grid-template-rows:26px minmax(0,1fr);border-right:0;border-bottom:1px solid #337e90}
  html.island-ui #inventory-panel .recipe-title{padding:5px 9px}
  html.island-ui #inventory-panel .inventory-tabs{padding:3px;gap:3px}
  html.island-ui #inventory-panel .inventory-tabs button{min-height:40px;padding:4px;gap:3px}
  html.island-ui #inventory-panel .inventory-tabs button small{font-size:9px}
  html.island-ui #inventory-panel .recipe-browser{padding:3px;grid-template-rows:40px minmax(0,1fr)}
  html.island-ui #inventory-panel .recipe-toolbar button{font-size:9px}
  html.island-ui #inventory-panel .foundation-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:75px;gap:4px}
  html.island-ui #inventory-panel .foundation-recipe-card{padding:3px}
  html.island-ui #inventory-panel .recipe-card-icon{width:36px;height:36px}
  html.island-ui #inventory-panel .foundation-recipe-icon{width:33px;height:33px}
  html.island-ui #inventory-panel .recipe-card-copy b{font-size:9px}
  html.island-ui #inventory-panel .craft-pane{padding:7px}
  html.island-ui #inventory-panel .craft-pane-title{margin:0 0 4px}
  html.island-ui #inventory-panel .craft-pane-title b{font-size:14px}
  html.island-ui #inventory-panel .craft-pane-title small{font-size:10px}
  html.island-ui #inventory-panel .recipe-preview{gap:5px;padding:5px}
  html.island-ui #inventory-panel .recipe-requirements{grid-template-columns:1fr 1fr}
  html.island-ui #inventory-panel .requirement-row{padding:3px;gap:4px}
  html.island-ui #inventory-panel .requirement-row :is(span,b){font-size:10px}
  html.island-ui #inventory-panel .craft-message{font-size:11px}
  html.island-ui #chest-panel{padding:10px!important}
  html.island-ui #chest-panel .chest-columns{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px!important}
  html.island-ui #chest-panel h3{font-size:13px}
  html.island-ui #chest-panel .chest-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  html.island-ui #chest-panel footer p{font-size:11px}
  html.island-ui #chest-panel footer button{padding:8px;font-size:12px}
  html.island-ui #furnace-panel .furnace-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(125px,.9fr) minmax(0,1.1fr);padding:8px;gap:8px}
  html.island-ui #furnace-panel .furnace-recipe-list{grid-template-columns:1fr 1fr;gap:5px;padding:5px}
  html.island-ui #furnace-panel .furnace-recipe{grid-template-columns:30px minmax(0,1fr);min-height:58px;padding:4px;gap:5px}
  html.island-ui #furnace-panel .furnace-list-icon{width:28px;height:28px}
  html.island-ui #furnace-panel .furnace-recipe b{font-size:11px}
  html.island-ui #furnace-panel .furnace-recipe small{font-size:10px}
  html.island-ui #furnace-panel .furnace-workspace{padding:8px;gap:9px}
  html.island-ui #furnace-panel .furnace-flow{gap:5px;grid-template-columns:minmax(0,1fr) 52px 18px minmax(0,1fr)}
  html.island-ui #furnace-panel .furnace-stack{padding:6px 3px}
  html.island-ui #furnace-panel .furnace-stack b{font-size:10px}
  html.island-ui #furnace-panel .furnace-flame small{font-size:9px}
  html.island-ui #mount-inventory-panel .mount-inventory-body{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 150px)}
  html.island-ui #mount-inventory-panel :is(.mount-player-grid,.mount-hotbar-grid){grid-template-columns:repeat(6,minmax(0,1fr))}
  html.island-ui #profile-panel .profile-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(140px,.85fr) minmax(0,1.15fr);gap:8px;padding:8px}
  html.island-ui #profile-panel .profile-emblem{padding:8px;gap:3px}
  html.island-ui #profile-panel .profile-emblem b{font-size:16px}
  html.island-ui #profile-panel .profile-avatar-preview{min-height:70px}
  html.island-ui #profile-panel .profile-details{padding:10px;gap:10px}
  html.island-ui #profile-panel .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  html.island-ui #profile-panel .profile-stats>div{flex-direction:column;gap:5px;padding:6px;min-height:55px;align-items:flex-start}
  html.island-ui #profile-panel .profile-stats small{font-size:9px}
  html.island-ui #profile-panel .profile-stats b{font-size:12px}
  html.island-ui #profile-panel .profile-footer{gap:8px;padding:7px 10px}
  html.island-ui #profile-panel .profile-footer>span{font-size:11px}
  html.island-ui #profile-panel .profile-footer .play{min-width:100px;font-size:14px}
  html.island-ui :is(#trade-panel,#social-trade-panel) :is(.trade-list,.social-trade-list){grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 265px)}
  html.island-ui #trade-panel .trade-summary{gap:6px;flex-wrap:wrap}
  html.island-ui #trade-panel .trade-summary strong,html.island-ui #trade-panel .trade-summary span{font-size:11px}
  html.island-ui #social-trade-panel .social-trade-offer{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  html.island-ui #social-trade-panel .social-trade-exchange{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:5px}
  html.island-ui #social-trade-panel .social-trade-item{grid-template-columns:34px 20px;min-height:75px;gap:3px;padding:5px}
  html.island-ui #social-trade-panel .social-trade-icon{width:32px;height:32px}
  html.island-ui #social-trade-panel .social-trade-item span{grid-column:1/-1;font-size:10px}
  html.island-ui #social-trade-panel .social-trade-meta{text-align:left}
  html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>header b{font-size:18px!important}
  html.island-ui #parkour-setup-panel .parkour-race-options{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px}
  html.island-ui #parkour-setup-panel .parkour-race-option{min-height:78px}
  html.island-ui #parkour-setup-panel .parkour-race-option em{display:none}
  html.island-ui :is(#parkour-setup-panel,#parkour-leaderboard-panel)>footer button{min-width:0;flex:1;font-size:13px;padding:8px}
  html.island-ui #parkour-leaderboard-panel li{grid-template-columns:28px minmax(0,1fr) 55px;gap:5px}
  html.island-ui #parkour-leaderboard-panel li>button{grid-column:2/-1;min-height:38px}
  html.island-ui #parkour-leaderboard-panel li strong{font-size:12px}
  html.island-ui #parkour-leaderboard-panel li small{font-size:10px}
  html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel){padding:16px;gap:12px}
  html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel) b{font-size:17px}
  html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel) p{font-size:13px}
  html.island-ui :is(#network-alert-panel,#room-invite-panel,#friend-request-panel) button{min-width:100px;font-size:13px;padding:9px 12px}
}
@media(max-width:600px) and (orientation:landscape){
  html.island-ui #chest-panel .chest-columns{grid-template-rows:minmax(0,1fr)}
  html.island-ui #chest-panel .chest-slots{grid-template-columns:repeat(5,minmax(0,1fr))}
  html.island-ui #chest-panel footer{flex-direction:row;align-items:center;gap:7px}
  html.island-ui #chest-panel footer p{max-width:40%;font-size:10px}
  html.island-ui #chest-panel footer>div{flex:1;gap:5px}
  html.island-ui #chest-panel footer button{padding:7px;font-size:11px}
}
@media(max-height:360px) and (orientation:landscape){
  html.island-ui #inventory-panel .craft-pane-title{display:none}
  html.island-ui #inventory-panel .craft-pane{gap:3px;padding:5px}
  html.island-ui #inventory-panel .recipe-preview{padding:4px;gap:4px}
  html.island-ui #inventory-panel .preview-grid.size-2{grid-template-columns:repeat(2,25px);gap:2px}
  html.island-ui #inventory-panel .preview-grid.size-3{grid-template-columns:repeat(3,23px);gap:2px}
  html.island-ui #inventory-panel .preview-cell{width:25px;height:25px}
  html.island-ui #inventory-panel .size-3 .preview-cell{width:23px;height:23px}
  html.island-ui #inventory-panel :is(.preview-icon,.size-3 .preview-icon){width:21px;height:21px}
  html.island-ui #inventory-panel .preview-cell b{font-size:8px}
  html.island-ui #inventory-panel .requirement-row{grid-template-columns:21px minmax(0,1fr) auto;min-height:24px;padding:2px}
  html.island-ui #inventory-panel .requirement-icon{width:20px;height:20px}
  html.island-ui #inventory-panel .requirement-row :is(span,b){font-size:9px}
  html.island-ui #inventory-panel .craft-actions button{min-height:44px;font-size:11px;padding:5px}
  html.island-ui #inventory-panel .craft-message{font-size:9px;line-height:1.25;margin:1px 0 0}
}
/* r386: request notifications are top-edge cards, never centered modal panels. */
html.island-ui #friend-request-panel{
  position:fixed;inset:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 12px) auto auto;
  transform:none;translate:none;width:min(460px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));
  max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px);
  box-sizing:border-box;overflow:auto;overscroll-behavior:contain;
  grid-template-columns:44px minmax(0,1fr);padding:14px;gap:10px;
}
html.island-ui #friend-request-panel:not(.hidden){animation:friend-request-arrive .18s ease-out}
html.island-ui #friend-request-panel>div{min-width:0}
html.island-ui #friend-request-panel :is(b,p){overflow-wrap:anywhere;white-space:normal;line-height:1.3}
html.island-ui #friend-request-panel b{font-size:16px}
html.island-ui #friend-request-panel p{font-size:13px;margin:4px 0 0}
html.island-ui #friend-request-panel>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
html.island-ui #friend-request-panel button{min-width:0;min-height:44px;font-size:13px;padding:8px}
@keyframes friend-request-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html.island-ui #friend-request-panel:not(.hidden){animation:none}}

/* Invites retain rule confirmation but never expose unrelated room choices. */
html.island-ui #server-browser-panel.invited-room-preview{width:min(680px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px))}
html.island-ui #server-browser-panel.invited-room-preview :is(.server-tabs,.server-list-pane){display:none}
html.island-ui #server-browser-panel.invited-room-preview .server-browser-body{grid-template-columns:minmax(0,1fr)}
html.island-ui #server-browser-panel.invited-room-preview .server-detail{display:flex;overflow:auto;min-height:0}
html.island-ui #server-browser-panel.invited-room-preview .server-detail h2{overflow-wrap:anywhere;max-width:100%}
html.island-ui #server-browser-panel.invited-room-preview .server-browser-footer>span{white-space:normal;line-height:1.3}
html.island-ui #server-browser-panel.invited-room-preview .server-browser-footer>div{flex-shrink:0}
/* Account recovery and player lookup: readable, scrollable and native-sized. */
html.island-ui #profile-panel .profile-details>*{flex-shrink:0}
html.island-ui #profile-panel .profile-account-connect{display:flex;flex-direction:column;gap:9px;min-width:0;padding:12px;border:1px solid #71cfbc;border-radius:9px;background:linear-gradient(145deg,#12575d,#073540);text-align:left}
html.island-ui #profile-panel #profile-account-title{font-size:14px;line-height:1.3;color:#a8ffe3;letter-spacing:0}
html.island-ui #profile-panel #profile-account-note{font-size:14px!important;line-height:1.45!important;margin:0;padding:0;border:0;background:transparent!important;color:#f1fafb!important;overflow-wrap:anywhere}
html.island-ui #profile-panel .profile-account-connect small{font-size:12px;line-height:1.4;white-space:normal;color:#c4e0e7;overflow-wrap:anywhere}
html.island-ui #profile-panel .profile-world-note{border-top:1px solid #72a2aa55;padding-top:7px}
html.island-ui #profile-panel .profile-code-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;min-width:0;line-height:1.4}
html.island-ui #profile-panel #profile-player-code{overflow-wrap:anywhere;color:#a8ffe3;font-size:14px}
html.island-ui :is(#profile-apple,#friends-apple:not(.is-signout)){display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid #fff!important;border-radius:7px;background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px!important;font-weight:600;line-height:1.2;letter-spacing:0!important;text-transform:none!important;touch-action:manipulation;cursor:pointer}
html.island-ui #profile-apple[hidden]{display:none!important}
.apple-signin-mark{display:block;width:20px;height:24px;flex:0 0 20px}
html.island-ui #profile-panel .profile-details :is(button,input){touch-action:pan-y!important}
html.island-ui #profile-panel .profile-details{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.island-ui #friends-panel .player-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
html.island-ui #friends-panel .player-search-result>div{min-width:0;display:flex;flex-direction:column;gap:5px}
html.island-ui #friends-panel .player-search-result b{font-size:16px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
html.island-ui #friends-panel .player-search-result small{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
html.island-ui #friends-panel .player-search-result .player-search-unique{font-size:11px;color:#aecbd3}
html.island-ui #friends-panel .player-search-result>button{min-height:44px;max-width:150px;padding:9px 12px;white-space:normal;line-height:1.2;font-size:13px;touch-action:pan-y!important}
@media(max-width:600px) and (orientation:portrait){html.island-ui #profile-panel .profile-body{grid-template-rows:minmax(100px,.55fr) minmax(0,1.45fr)}}