.community-window{width:min(660px,calc(100vw - 24px));height:min(680px,calc(100dvh - 90px));display:flex;flex-direction:column}.community-content{min-height:0;flex:1;overflow:auto}.community-window h2{font:bold 18px/1.3 Arial;color:#111;margin:12px 0}.community-window p{line-height:1.55}.app-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;border-bottom:1px solid #808080}.app-toolbar select{max-width:100%;min-width:0;flex:1}.app-toolbar a{color:#000080;font-size:12px}.community-window label{display:block;margin:10px 0 4px}.community-window input:not([type=checkbox]),.community-window select,.community-window textarea,.theme-controls select{width:100%;font:14px Arial;padding:7px;color:#111;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;border-radius:0;box-sizing:border-box}.community-window .consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;margin:14px 0}.consent input{flex:none}.app-note{font-size:11px;color:#444}.mail-list{background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;margin:8px}.mail-list button{display:grid;grid-template-columns:90px 1fr;gap:5px;background:#fff;width:100%;color:#111;border:0;border-bottom:1px solid #ddd;padding:12px;text-align:left;font:12px Arial}.mail-list button span{grid-column:2}.mail-list button:hover,.mail-list button:focus-visible{background:#000080;color:#fff}.mail-list time{font-size:11px}.community-window form,.guestbook-body,.postcard-body{padding:6px 18px 18px}.guestbook-body form{padding:0}.bot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.notepad{padding:20px;background:#fff;min-height:100%;font:14px/1.6 'Courier New',monospace}.notepad h2{font:bold 20px 'Courier New',monospace}.notepad img{width:100%;height:auto}.notepad time{color:#555;font-size:12px}.postcard-preview{margin-top:15px;background:#808080;border:2px solid;border-color:#404040 #fff #fff #404040;min-height:120px;display:grid;place-items:center;color:#fff}.postcard-preview img{width:100%;height:auto;image-rendering:pixelated}.postcard-preview p{padding:12px}.news-badge{background:#ffffc0;color:#111;text-shadow:none;border:1px solid #444;padding:2px!important}.guestbook-body article{background:#ffffe8;border-bottom:1px dotted #808080;padding:14px}.guestbook-body article time{float:right;font-size:11px;color:#555}.guestbook-body article p{white-space:pre-wrap;overflow-wrap:anywhere}.empty-book{border:1px dashed #808080;padding:20px;text-align:center}.theme-controls{margin-top:14px}.theme-controls>label{display:block;margin:8px 0}.theme-controls .win-button{margin-top:8px}.theme-controls output{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:8px}html[data-accent=forest] .window.focused>.titlebar{background:#204a30}html[data-accent=plum] .window.focused>.titlebar{background:#502858}html[data-accent=slate] .window.focused>.titlebar{background:#35485b}#kingdom-screensaver{position:fixed;inset:0;z-index:1000;background:#132e2b;color:#ffffcf;cursor:pointer}#kingdom-screensaver canvas{width:100%;height:100%;image-rendering:pixelated}#kingdom-screensaver>div{position:absolute;left:20px;bottom:20px;text-shadow:2px 2px #000}#kingdom-screensaver strong{font:32px Alagard}#kingdom-screensaver p{font:13px Arial;margin:5px 0 12px}.taskbar{overflow-x:auto}.taskbar .task{flex-shrink:0;min-width:95px}.community-content::-webkit-scrollbar,.notepad::-webkit-scrollbar{width:16px;height:16px}.community-content::-webkit-scrollbar-track{background:repeating-conic-gradient(#c0c0c0 0% 25%,#fff 0% 50%) 0/2px 2px}.community-content::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}.community-content::-webkit-scrollbar-button{height:16px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}.community-content::-webkit-scrollbar-button:vertical:decrement{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M3 7h6L6 4z' fill='%23000'/%3E%3C/svg%3E") center no-repeat}.community-content::-webkit-scrollbar-button:vertical:increment{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M3 4h6L6 7z' fill='%23000'/%3E%3C/svg%3E") center no-repeat}
@media(min-width:701px){.desktop-page .shortcut{left:calc(14px + mod(var(--slot),2)*91px);top:calc(16px + round(down,var(--slot)/2)*91px)}}
@media(max-width:700px),(pointer:coarse) and (max-width:1000px) and (max-height:500px){.desktop-page .community-window:not(.manual-size){left:8px;top:36px;width:calc(100vw - 16px);height:calc(100dvh - var(--mobile-taskbar) - 52px)}.taskbar .task{min-width:38px;max-width:115px}.community-window form,.guestbook-body,.postcard-body{padding:8px 12px 14px}.mail-list button{grid-template-columns:1fr}.mail-list button span{grid-column:1}.community-content .win-button{min-height:38px}.notepad{padding:14px}.community-window input,.community-window select,.community-window textarea{font-size:16px!important}}

@media(min-width:701px) and (pointer:fine),(min-width:1001px){.desktop-page main{padding-left:218px}}
/* Inbox is one mail reader. The public news archive has no separate desktop app. */
#inbox-content{container-type:inline-size}.mail-toolbar{position:sticky;top:0;z-index:1;background:#c0c0c0}.mail-toolbar #mail-subscribe{margin-left:auto}.mail-toolbar #mail-folder{font-size:12px}.mail-list button{grid-template-columns:16px 1fr auto;gap:5px 8px;padding:10px;cursor:pointer}.mail-list button img{grid-column:1;grid-row:1/3;image-rendering:pixelated}.mail-list button .mail-sender{grid-column:2}.mail-list button time{grid-column:3}.mail-list button strong{grid-column:2/4;font-weight:normal}.mail-list button .mail-summary{grid-column:2/4;color:#555;line-height:1.4}.mail-list button.unread strong,.mail-list button.unread .mail-sender{font-weight:bold}.mail-list button[aria-pressed=true]{background:#000080;color:#fff}.mail-list button:hover .mail-summary,.mail-list button:focus-visible .mail-summary,.mail-list button[aria-pressed=true] .mail-summary{color:inherit}.mail-message{margin:8px;border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff;outline:none}.mail-envelope{background:#efefef;border-bottom:1px solid #aaa;padding:10px 14px}.mail-envelope dl{display:grid;grid-template-columns:52px 1fr;gap:6px;margin:0;font:12px/1.5 Arial}.mail-envelope dt{color:#555}.mail-envelope dd{margin:0;overflow-wrap:anywhere}.mail-envelope h2{font:bold 14px/1.5 Arial;margin:0}.mail-letter{padding:8px 20px 20px;font:14px/1.6 Arial}.mail-letter p{margin:14px 0}#inbox-content[data-view=message] .mail-summary{display:none}#inbox-content[data-view=message] .mail-list button{padding:7px 10px}#inbox-content[data-view=message] .mail-list button img{grid-row:1/3}
@container(max-width:450px){#inbox-content[data-view=message] .mail-list{display:none}.mail-envelope{padding:10px}.mail-letter{padding:6px 14px 14px}.mail-list button time{font-size:10px}.mail-toolbar #mail-folder{display:none}.mail-toolbar #mail-subscribe{margin-left:0}}

.mail-list button:hover:not([aria-pressed=true]){background:#e8e8e8;color:#111}.mail-list button:focus-visible{outline:1px dotted #111;outline-offset:-4px}

/* Lossless native-grid island screensaver, centered at integer device-pixel scale. */
#kingdom-screensaver{background:#000;display:grid;place-items:center;overflow:hidden;cursor:default}#kingdom-screensaver[hidden]{display:none}#kingdom-screensaver canvas{width:auto;height:auto;max-width:none;image-rendering:pixelated;image-rendering:crisp-edges}#kingdom-screensaver>.screensaver-controls{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));text-align:center;text-shadow:none;color:white}#kingdom-screensaver p{font:12px Arial;margin:4px 0 8px}#island-preview{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#island-preview[hidden],.preview-window[hidden]{display:none}#screensaver-panel select{font:inherit;background:white;color:black;border:2px solid;border-color:#808080 white white #808080;padding:4px}#screensaver-panel .icons-setting{display:flex;gap:7px;margin:12px 0}#screensaver-panel p{line-height:1.4}

#kingdom-screensaver:fullscreen{width:100%;height:100%;background:#000}#kingdom-screensaver::backdrop{background:#000}#kingdom-screensaver.quiet{cursor:none}#kingdom-screensaver.quiet .screensaver-controls{opacity:0;pointer-events:none;background:transparent}#kingdom-screensaver .screensaver-controls{background:rgba(0,0,0,.65);width:max-content;max-width:calc(100% - 24px);margin:auto;padding:8px 12px;box-sizing:border-box}

/* A little breathing room separates unreleased platforms from available desktop apps. */
@media(min-width:701px){.desktop-page .coming-soon-shortcut{top:calc(34px + round(down,var(--slot)/2)*91px)}}
@media(max-width:700px),(pointer:coarse) and (max-width:1000px) and (max-height:500px){
 .desktop-page .coming-soon-shortcut{margin-top:18px}
 .desktop-page [data-shortcut="android"]{grid-column:1}
}