/* interactions.css */
.internet-window { width:min(1000px,calc(100vw - 20px)); height:min(760px,calc(100svh - 24px)); padding:3px; border:2px outset #e9e8e3; border-radius:0; background:#d4d0c8; color:#171717; font:13px Tahoma,Verdana,sans-serif; box-shadow:4px 9px 30px #0007; }
.internet-window[open] { display:flex; flex-direction:column; }
.internet-window::backdrop { background:#17223265; }
.internet-titlebar { display:flex; justify-content:space-between; align-items:center; padding:4px 5px 4px 9px; color:white; background:linear-gradient(90deg,#0a246a,#4277b3); font-weight:bold; min-height:28px; }
.internet-titlebar span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.internet-window button,.internet-toolbar a { border:2px outset #eeeae3; border-radius:0; background:#d4d0c8; color:#161616; cursor:pointer; font:13px Tahoma,sans-serif; }
.internet-titlebar button { margin-left:10px; width:23px; height:23px; padding:0; font:bold 20px/18px Arial,sans-serif; }
.internet-toolbar { display:flex; gap:5px; padding:7px 5px; border-bottom:1px solid #aaa79e; }
.internet-toolbar button,.internet-toolbar a { display:grid; place-items:center; width:35px; height:32px; text-decoration:none; font:22px/1 Arial,sans-serif; }
.internet-toolbar button:disabled { color:#999; cursor:default; }
.internet-toolbar a { margin-left:auto; }
.internet-address { display:flex; gap:10px; padding:5px 8px 8px; align-items:center; }
.internet-address button { padding:4px 10px; }
.internet-address .retro-icon-button,.internet-status .retro-icon-button { width:34px!important; min-width:34px!important; height:34px!important; min-height:34px!important; flex:none; }
.internet-status .retro-icon-button::after { bottom:calc(100% + 2px); }
.internet-address input { min-width:0; width:100%; border:2px inset #e7e5df; padding:4px 6px; background:white; color:#222; font:13px Tahoma,sans-serif; }
.internet-content { position:relative; flex:1; min-height:0; border:2px inset #f1eee8; background:white; }
#internet-frame[hidden] { display:none; }
#internet-frame { display:block; width:100%; height:100%; border:0; background:white; }
#internet-fallback { padding:40px; font:16px/1.6 Tahoma,sans-serif; }
#internet-fallback h2 { font-size:22px; font-weight:400; }
#internet-fallback a { color:#0000ee; }
.internet-status { display:flex; gap:10px; justify-content:space-between; align-items:center; padding:5px; font:12px Tahoma,sans-serif; }
.internet-status button { border:0; text-decoration:underline; background:transparent; white-space:nowrap; font-size:12px; }
@media(max-width:650px) {
.internet-status { font-size:10px; }
}
.internet-window:focus { outline:none; }