:root{--face: #c0c0c0;--face-light: #dfdfdf;--hilite: #ffffff;--shadow: #808080;--dark: #0a0a0a;--text: #000000;--muted: #3d3d3d;--navy: #000080;--title-a: #000080;--title-b: #1a5fb4;--title-off-a: #5a5a5a;--title-off-b: #6e6e6e;--teal: #008080;--paper: #ffffff;--honey: #ffc800;--honey-dark: #e8a317;--tip: #ffffe1;--link: #0000c8;--link-visited: #551a8b;--focus: #000000;--taskbar-h: 40px;--font-pixel: "Pixelify Sans", "Courier New", monospace;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--raised: inset -1px -1px var(--dark), inset 1px 1px var(--hilite), inset -2px -2px var(--shadow), inset 2px 2px var(--face-light);--sunken: inset -1px -1px var(--hilite), inset 1px 1px var(--shadow), inset -2px -2px var(--face-light), inset 2px 2px var(--dark);--pressed: inset -1px -1px var(--hilite), inset 1px 1px var(--dark), inset -2px -2px var(--face-light), inset 2px 2px var(--shadow);--window: inset -1px -1px var(--dark), inset 1px 1px var(--face-light), inset -2px -2px var(--shadow), inset 2px 2px var(--hilite);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--teal);color:var(--text);font:15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}#root{height:100%}img,svg{display:block}button,input,select{font:inherit;color:inherit}a{color:var(--link);text-underline-offset:2px}a:visited{color:var(--link-visited)}h1,h2,h3,h4{margin:0}p{margin:0 0 .6em}kbd{font:14px var(--font-body);background:var(--face);box-shadow:var(--raised);padding:0 5px;display:inline-block}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{outline:2px dotted var(--focus);outline-offset:2px}.btn:focus-visible,.menu-item:focus-visible,.tab:focus-visible{outline-offset:-5px}.raised{background:var(--face);box-shadow:var(--raised)}.sunken{box-shadow:var(--sunken)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;min-width:76px;padding:4px 14px;background:var(--face);box-shadow:var(--raised);border:0;border-radius:0;cursor:pointer;color:var(--text);text-decoration:none;font-size:15px;user-select:none}a.btn:visited{color:var(--text)}.btn:active,.btn.is-pressed{box-shadow:var(--pressed)}.btn:active>*,.btn.is-pressed>*{transform:translate(1px,1px)}.btn:disabled,.btn[aria-disabled=true]{color:#474747;cursor:default}.btn:disabled:active{box-shadow:var(--raised)}select{background:var(--paper);box-shadow:var(--sunken);border:0;padding:4px 8px;min-height:30px}.radio,.checkbox{display:flex;align-items:flex-start;gap:8px;padding:3px 0;cursor:pointer}.radio input,.checkbox input{width:16px;height:16px;margin:4px 0 0;accent-color:var(--navy);flex:none}fieldset.group{border:0;margin:10px 0;padding:14px 12px 10px;box-shadow:inset -1px -1px var(--hilite),inset 1px 1px var(--shadow),inset -2px -2px var(--shadow),inset 2px 2px var(--hilite)}fieldset.group>legend{padding:0 4px;font-weight:700}hr{border:0;border-top:1px solid var(--shadow);border-bottom:1px solid var(--hilite);margin:12px 0}.window{position:absolute;display:flex;flex-direction:column;background:var(--face);box-shadow:var(--window),2px 2px #00000040;padding:3px;min-width:200px}.window[hidden]{display:none}.window:focus-visible{outline:2px dotted #fff;outline-offset:2px}.titlebar{display:flex;align-items:center;gap:6px;min-height:28px;padding:2px 3px 2px 5px;background:linear-gradient(90deg,var(--title-off-a),var(--title-off-b));color:#fff;touch-action:none;user-select:none;cursor:default}.window.is-active .titlebar{background:linear-gradient(90deg,var(--title-a),var(--title-b))}.titlebar-icon{flex:none}.titlebar-text{flex:1;min-width:0;font:600 16px/1.2 var(--font-pixel);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar-controls{display:flex;gap:2px}.tb-btn{width:24px;height:22px;padding:0;display:grid;place-items:center;background:var(--face);box-shadow:var(--raised);border:0;cursor:pointer;color:#000}.tb-btn:active{box-shadow:var(--pressed)}.tb-btn:focus-visible{outline:2px dotted #000;outline-offset:-4px}.tb-close{margin-left:2px}.tb-back{width:auto;padding:0 10px;gap:4px;font-size:15px;height:30px;display:inline-flex}.glyph{display:block;position:relative;width:10px;height:10px}.glyph-min:after{content:"";position:absolute;left:1px;bottom:0;width:7px;height:2px;background:#000}.glyph-max{box-shadow:inset 0 2px #000,inset 0 0 0 1px #000;width:10px;height:9px}.glyph-restore:before,.glyph-restore:after{content:"";position:absolute;width:7px;height:6px;box-shadow:inset 0 2px #000,inset 0 0 0 1px #000;background:var(--face)}.glyph-restore:before{right:0;top:0}.glyph-restore:after{left:0;bottom:0}.glyph-close:before,.glyph-close:after{content:"";position:absolute;left:4px;top:-1px;width:2px;height:12px;background:#000;transform:rotate(45deg)}.glyph-close:after{transform:rotate(-45deg)}.window-body{flex:1;min-height:0;overflow:auto;margin-top:3px;display:flex;flex-direction:column}.window-body>*{flex:1 1 auto}.window.is-max{left:0!important;top:0!important;width:100%!important;height:calc(100% - var(--taskbar-h))!important}.loading{display:flex;align-items:center;gap:10px;padding:16px}.hourglass{width:14px;height:20px;background:linear-gradient(to bottom,#000 0 2px,transparent 2px calc(100% - 2px),#000 calc(100% - 2px)),conic-gradient(from 180deg at 50% 50%,var(--honey) 0 25%,transparent 0 75%,var(--honey) 0);border-left:2px solid #000;border-right:2px solid #000}.menu{position:absolute;z-index:10000;min-width:210px;padding:3px;display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;gap:10px;min-height:34px;padding:3px 20px 3px 4px;background:transparent;border:0;text-align:left;cursor:pointer;font-size:15px}.menu-item:hover,.menu-item:focus{background:var(--navy);color:#fff}.menu-item.bold{font-weight:700}.menu-icon{width:24px;display:grid;place-items:center;flex:none}.menu-sep{height:2px;margin:3px 2px;border-top:1px solid var(--shadow);border-bottom:1px solid var(--hilite)}.menu-heading{font:600 14px var(--font-pixel);color:var(--muted);padding:4px 6px 0 38px}.tabs{display:flex;gap:0;padding-left:4px;position:relative;z-index:1}.tab{padding:4px 16px;min-height:32px;border:0;cursor:pointer;background:var(--face);box-shadow:inset 1px 1px var(--hilite),inset -1px 0 var(--dark),inset -2px 0 var(--shadow);margin-top:3px}.tab[aria-selected=true]{margin-top:0;padding-bottom:7px;margin-bottom:-2px;font-weight:700}.tab-panel{padding:14px}.statusbar{display:flex;gap:3px;margin-top:3px;flex:0 0 auto!important}.statusbar>span{padding:2px 8px;font-size:14px;flex:1}.statusbar>span:first-child{flex:0 0 auto}.lcd{font:600 18px var(--font-pixel);background:#000;color:#ff4d4d;padding:2px 8px;letter-spacing:1px;min-width:54px;text-align:center;box-shadow:var(--sunken)}.badge{display:inline-block;background:var(--navy);color:#fff;padding:1px 8px;font-size:14px}.badge-wip{background:#8a5a00}.hint{font-size:14px;color:var(--muted);margin:8px 0 0}.small{font-size:14px}.os{position:fixed;inset:0;overflow:hidden}.desktop{position:absolute;inset:0 0 var(--taskbar-h) 0;overflow:hidden;background-color:var(--teal)}.wp-teal{background:var(--teal)}.wp-honeycomb{background-color:var(--teal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66v34' fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='2'/%3E%3C/svg%3E")}.wp-bukhara{background-color:#164a80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke-width='2'%3E%3Crect x='20' y='20' width='24' height='24' stroke='%2340c4c4' stroke-opacity='.35'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)' stroke='%2340c4c4' stroke-opacity='.35'/%3E%3Ccircle cx='32' cy='32' r='4' stroke='%23ffffff' stroke-opacity='.25'/%3E%3Cpath d='M0 0l8 8M64 0l-8 8M0 64l8-8M64 64l-8-8' stroke='%23ffffff' stroke-opacity='.18'/%3E%3C/g%3E%3C/svg%3E")}.wp-night{background-color:#14213d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66v34' fill='none' stroke='%23ffc800' stroke-opacity='.10' stroke-width='2'/%3E%3C/svg%3E")}.desktop-icons{list-style:none;margin:0;padding:8px 4px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;height:100%;gap:2px}.desktop-icon{width:96px;padding:6px 2px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;cursor:pointer;color:#fff}.desktop-icon-label{font-size:14px;line-height:1.25;text-align:center;padding:1px 3px;text-shadow:1px 1px 0 #000;word-break:break-word}.desktop-icon.is-selected .desktop-icon-label{background:var(--navy);text-shadow:none}.desktop-icon.is-selected svg{filter:drop-shadow(0 0 0 var(--navy)) brightness(.8) sepia(.4) hue-rotate(180deg)}.desktop-icon:focus-visible{outline:none}.desktop-icon:focus-visible .desktop-icon-label{outline:2px dotted #ffff00;outline-offset:1px}.context-menu{position:fixed}.taskbar{position:absolute;left:0;right:0;bottom:0;height:var(--taskbar-h);display:flex;align-items:center;gap:4px;padding:4px 3px 3px;box-shadow:inset 0 1px var(--face-light),inset 0 2px var(--hilite);z-index:9000}.start-btn{min-width:0;padding:2px 8px;font:700 16px var(--font-pixel);gap:5px;height:32px;flex:none}.start-menu{position:absolute;left:2px;bottom:calc(var(--taskbar-h) - 2px);padding-left:30px;max-height:calc(100vh - var(--taskbar-h) - 8px);overflow-y:auto}.start-menu:before{content:"CharosOS 96";position:absolute;left:3px;top:3px;bottom:3px;width:26px;background:linear-gradient(to top,var(--navy),#1a5fb4);color:#fff;font:700 18px var(--font-pixel);writing-mode:vertical-rl;transform:rotate(180deg);text-align:start;padding:8px 0 0}.task-list{flex:1;min-width:0;display:flex;gap:3px;overflow:hidden}.task-btn{flex:0 1 170px;min-width:40px;justify-content:flex-start;padding:2px 6px;height:32px}.task-btn.is-pressed{background:repeating-conic-gradient(var(--face) 0 25%,var(--hilite) 0 50%) 0 0 / 2px 2px;font-weight:700}.task-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.plain-link{min-width:0;height:32px;padding:2px 10px;font-size:14px;flex:none}.tray{display:flex;align-items:center;gap:2px;height:32px;padding:0 8px 0 4px;flex:none}.tray-btn{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:0;cursor:pointer;padding:0}.tray-btn:focus-visible{outline-offset:-2px}.clock{font-size:14px;min-width:42px;text-align:right;padding-left:4px}.switch-notice{position:fixed;left:50%;top:40%;transform:translate(-50%);padding:12px 20px;z-index:10001}.boot{position:fixed;inset:0;z-index:20000;background:#000;color:#e8e8e8;cursor:pointer}.bios{margin:0;padding:24px;font:16px/1.5 Courier New,monospace;white-space:pre-wrap}.cursor{animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.boot-splash{display:grid;place-items:center;background:var(--teal)}.splash{text-align:center;color:#fff}.splash-logo{display:flex;align-items:flex-start;gap:8px;justify-content:center}.splash-name{font:700 clamp(40px,10vw,72px)/1 var(--font-pixel);text-shadow:4px 4px 0 #000}.splash-ver{font:700 clamp(22px,5vw,34px) var(--font-pixel);color:var(--honey);text-shadow:3px 3px 0 #000}.splash-edition{font:18px var(--font-pixel);margin:6px 0 28px}.splash-bar{position:relative;width:min(320px,80vw);height:24px;margin:0 auto;background:#fff}.splash-fill{position:absolute;left:3px;top:3px;bottom:3px;width:0;background:repeating-linear-gradient(90deg,var(--navy) 0 12px,transparent 12px 15px);animation:fill 1.6s steps(20) forwards}.splash-bee{position:absolute;top:-30px;left:0;animation:bee-across 1.6s linear forwards}@keyframes fill{to{width:calc(100% - 6px)}}@keyframes bee-across{to{left:calc(100% - 32px)}}.is-reduced .splash-fill{animation:none;width:calc(100% - 6px)}.is-reduced .splash-bee{animation:none;left:calc(50% - 16px)}.boot-skip{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:#fff;margin:0}.shutdown{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;text-align:center;padding:16px}.shutdown-wait{background:var(--teal);color:#fff;position:fixed;inset:0;display:grid;place-items:center;font:22px var(--font-pixel);margin:0}.shutdown-safe{color:#ff9a1f}.shutdown-safe{background:#000;position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.shutdown-title{font:700 clamp(22px,4vw,36px)/1.3 var(--font-pixel)}.shutdown-sub{color:#ccc;margin:12px 0 24px}.shutdown-btn:focus-visible{outline-color:#000}.crt{position:fixed;inset:0;pointer-events:none;z-index:30000;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.06) 0 1px,transparent 1px 3px);animation:flicker 6s infinite steps(1)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}.asal{position:fixed;left:0;top:0;z-index:9500;pointer-events:none;will-change:transform}.asal.is-parked{left:auto;top:auto;right:16px;bottom:calc(var(--taskbar-h) + 12px);transform:none!important}.asal[data-face=left] .asal-sprite svg{transform:scaleX(-1)}.asal-sprite{width:32px;height:32px;position:relative}.asal-sprite .frame-a,.asal-sprite .frame-b{position:absolute;inset:0}.asal-sprite .frame-b{animation:wing .18s steps(1) infinite}.asal-sprite .frame-a{animation:wing .18s steps(1) infinite reverse}@keyframes wing{0%{opacity:1}50%{opacity:0}}.asal-sprite.is-spin{animation:spin .6s ease-in-out}.asal-sprite.is-happy{animation:loop 1.4s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loop{0%{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translateY(-40px) rotate(180deg)}75%{transform:translate(-20px,-20px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.asal-bubble{position:absolute;bottom:40px;width:max-content;max-width:min(260px,70vw);background:var(--tip);color:#000;border:1px solid #000;padding:6px 9px;font-size:14px;line-height:1.35;box-shadow:2px 2px #00000059}.asal[data-side=left] .asal-bubble{right:8px}.asal[data-side=right] .asal-bubble{left:8px}.asal[data-vert=below] .asal-bubble{bottom:auto;top:40px}.asal.is-parked .asal-bubble{right:8px;left:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.asal-sprite .frame-b{display:none}.asal-sprite .frame-a{opacity:1}.cursor{animation:none}}.app-pad{padding:12px 14px;overflow:auto}.doc-h{font:600 18px var(--font-pixel);margin:6px 0 8px;color:var(--navy)}.doc-title{font:600 20px/1.25 var(--font-pixel);color:var(--navy);margin-bottom:4px}.doc-sub{color:var(--muted)}.lead{font-size:17px}.fact-list{padding-left:20px;margin:0 0 10px}.fact-list li{margin-bottom:4px}.todo-text{background:#fff4c2;border-left:4px solid var(--honey-dark);padding:6px 10px;font-style:italic}.asal-note{background:var(--tip);border:1px solid #000;padding:6px 10px;margin-top:12px}.menubar{display:flex;gap:14px;padding:2px 6px 4px;font-size:14px;flex:0 0 auto!important}.notepad{display:flex;flex-direction:column}.notepad-text{flex:1;background:var(--paper);padding:12px 14px;overflow:auto;min-height:0}.explorer{display:flex;flex-direction:column;min-height:0}.address{display:flex;align-items:center;gap:6px;padding:2px 2px 6px;flex:0 0 auto}.address-label{font-size:14px}.address-field{flex:1;background:var(--paper);padding:3px 8px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-items{flex:1;list-style:none;margin:0;padding:6px;background:var(--paper);overflow:auto;min-height:0}.explorer-item{width:100%;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:6px;background:transparent;border:0;cursor:pointer}.explorer-item svg{grid-row:span 2}.explorer-name{font-weight:700;word-break:break-word}.explorer-detail{font-size:14px;color:var(--muted)}.explorer-item.is-selected{background:var(--navy);color:#fff}.explorer-item.is-selected .explorer-detail{color:#e6e6ff}.explorer-item:focus-visible{outline:2px dotted #000;outline-offset:-2px}.explorer-item.is-selected:focus-visible{outline-color:#fff}.docview{display:flex;flex-direction:column}.doc-page{flex:1;background:var(--paper);padding:16px 18px;overflow:auto;min-height:0}.badge-row{margin-bottom:10px}.meta-table{border-collapse:collapse;margin:10px 0;width:100%}.meta-table th,.meta-table td{text-align:left;padding:5px 8px;border:1px solid var(--shadow);vertical-align:top}.meta-table th{background:var(--face-light);width:30%;white-space:nowrap}.doc-img{max-width:100%;height:auto;margin:8px 0}.exe-header{display:flex;gap:14px;align-items:center;margin-bottom:10px}.exe-header svg{flex:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}.stat{background:var(--paper);padding:10px;display:flex;flex-direction:column}.stat-value{font:700 24px var(--font-pixel);color:var(--navy)}.stat-label{font-size:14px;color:var(--muted)}.rule{font-size:17px;font-style:italic;margin:0}.award-list{list-style:none;padding:0;margin:0}.award-list li{display:flex;gap:10px;padding:6px 2px;border-bottom:1px dotted var(--shadow)}.trophy{color:#8a5a00;flex:none;font-size:16px}.contact-email{font-size:18px;word-break:break-all}.link-list{list-style:none;padding:0;margin:0}.link-list li{padding:4px 0;word-break:break-word}.link-label{font-weight:700;display:inline-block;min-width:76px}.preview-monitor{width:180px;margin:0 auto 6px;padding:10px 10px 20px;background:var(--face);box-shadow:var(--raised)}.preview-screen{height:100px;box-shadow:var(--sunken)}.about-top{display:flex;gap:16px;align-items:center}.about-top p{margin:0}.about-name{font:700 26px var(--font-pixel);color:var(--navy)}.aboutbox h4{font:600 16px var(--font-pixel);margin-bottom:6px}.shortcuts{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;font-size:14px}.shortcuts dd{margin:0}.photos{display:flex;flex-direction:column;padding:8px;gap:8px;min-height:0}.photo-stage{flex:1;margin:0;background:#1e1e1e;color:#fff;display:flex;flex-direction:column;min-height:160px;overflow:hidden}.photo-stage img{flex:1;min-height:0;width:100%;height:100%;object-fit:contain}.photo-stage figcaption{padding:6px 10px;background:#000;font-size:14px}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto!important}.photo-count{font-size:14px}.thumbs{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;flex:0 0 auto!important}.thumb{padding:2px;border:0;background:var(--face);box-shadow:var(--raised);cursor:pointer}.thumb.is-selected{box-shadow:0 0 0 2px var(--navy)}.thumb img{width:64px;height:48px;object-fit:cover}.resume{display:flex;flex-direction:column;min-height:0}.toolbar{display:flex;gap:6px;padding:4px;flex-wrap:wrap;flex:0 0 auto!important}.resume-frame{flex:1;width:100%;min-height:300px;background:#fff;border:0}.game{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;overflow:auto}.game:focus-visible{outline:2px dotted #000;outline-offset:-4px}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:380px}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#00000073;color:#fff;text-align:center;padding:16px;font:600 18px var(--font-pixel);pointer-events:none}.game-overlay p{background:#000;padding:8px 12px;margin:0}.pollen-stage{position:relative;padding:2px;background:#000;width:min(324px,100%);touch-action:none}.pollen-stage canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.game-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:2px}.dpad .btn{min-width:0;padding:0}.dp-up{grid-area:1 / 2}.dp-left{grid-area:2 / 1}.dp-right{grid-area:2 / 3}.dp-down{grid-area:3 / 2}.sweeper-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.select-label{display:flex;gap:6px;align-items:center}.face-btn{min-width:40px;width:40px;height:36px;font-size:20px;padding:0}.hex-board{--hex: min(36px, calc((100cqw - 44px) / (var(--cols) + .5)));background:#6b4a12;padding:10px 10px 14px;width:100%;max-width:calc(36px * (var(--cols) + .5) + 20px)}.hex-row{display:flex;height:calc(var(--hex) * .88)}.hex-row.odd{padding-left:calc(var(--hex) / 2)}.hex{width:var(--hex);height:calc(var(--hex) * 1.12);flex:none;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.hex-in{position:absolute;inset:1px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;background:linear-gradient(135deg,#ffe08a,var(--honey) 45%,#c98a00);font:700 calc(var(--hex) * .5) var(--font-body);color:#000}.hex.open .hex-in{background:#fff3c4}.hex.wasp .hex-in{background:#e23b3b;color:#000}.hex.flag .hex-in{color:#a00000}.hex.n1 .hex-in{color:#0000c0}.hex.n2 .hex-in{color:#006400}.hex.n3 .hex-in{color:#b00000}.hex.n4 .hex-in{color:navy}.hex.n5 .hex-in{color:maroon}.hex.n6 .hex-in{color:#005a5a}.hex.wasp.n1 .hex-in,.hex.wasp.n2 .hex-in,.hex.wasp.n3 .hex-in,.hex.wasp.n4 .hex-in,.hex.wasp.n5 .hex-in,.hex.wasp.n6 .hex-in{color:#000}.hex:focus-visible{outline:none;z-index:2;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}.hex:focus-visible .hex-in{box-shadow:inset 0 0 0 3px #000}.sweeper{container-type:inline-size}.sweeper .hint{max-width:420px}.defend{align-items:stretch}.defend .game-hud{max-width:none}.passage{margin:0;background:var(--paper);padding:10px 12px;font-size:15px}.q-prompt{font-size:16px;margin:4px 0}.step-h{font:600 16px var(--font-pixel);color:var(--navy);display:inline}.option{padding:6px 4px}.option:hover{background:var(--face-light)}.opt-letter{font-weight:700;min-width:22px}.your-pick{background:var(--face-light);padding:6px 10px}.feedback{padding:12px 14px}.feedback.ok{background:#d9f2d9}.feedback.bad{background:#fde2e2}.nextsoz{align-items:stretch}.nextsoz .game-hud{max-width:none}.note p{margin:0;font-size:14px}.soz-sentence{background:var(--paper);padding:14px;font-size:20px;text-align:center;margin:4px 0}.soz-blank{font-weight:700;color:var(--navy);border-bottom:2px solid var(--navy);padding:0 4px}.soz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.soz-opt{font-size:16px;min-height:44px}.soz-opt.is-right{background:#bfe8bf;font-weight:700}.soz-opt.is-wrong{background:#f6c3c3;text-decoration:line-through}.soz-feedback p{margin:4px 0}.plain{background:#fff;color:#111;height:100%;overflow:auto;padding:16px max(16px,calc(50% - 360px));font-size:17px;line-height:1.6}.plain h1{font-size:30px;margin:12px 0 4px}.plain h2{font-size:22px;margin:28px 0 8px;border-bottom:2px solid #ddd;padding-bottom:4px}.plain h3{font-size:18px;margin:16px 0 4px}.plain-status{font-weight:400;color:#444;font-size:16px}.plain-toc{display:flex;flex-wrap:wrap;gap:4px 14px;padding:0;list-style:none}.plain-back{display:inline-block;margin-bottom:8px}.plain :focus-visible{outline:3px solid #1a5fb4;outline-offset:2px}@media (max-width: 767px){:root{--taskbar-h: 48px}body{font-size:15px}.desktop-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));flex-wrap:nowrap;height:auto;max-height:100%;overflow-y:auto;padding:16px 12px 72px;gap:10px 4px}.desktop-icon{width:100%;padding:8px 2px}.desktop-icon svg{width:40px;height:40px}.window.is-pocket{left:0!important;top:0!important;width:100%!important;height:calc(100% - var(--taskbar-h))!important;padding:0;min-width:0;box-shadow:none}.window.is-pocket .titlebar{min-height:40px;padding:4px 6px}.window.is-pocket .window-body{margin:0}.taskbar{gap:3px;padding:6px 4px 5px}.task-list{display:none}.start-btn{height:36px}.plain-link{height:36px;margin-left:auto}.tray{height:36px;padding:0 6px 0 2px}.start-menu{left:0;right:0;width:100%;max-height:calc(100dvh - var(--taskbar-h) - 4px)}.menu-item{min-height:44px}.stats,.soz-options{grid-template-columns:1fr}.meta-table th{width:auto;white-space:normal}.shortcuts{grid-template-columns:1fr}.shortcuts dd{margin-bottom:6px}.about-top{flex-direction:column;align-items:flex-start}}@media (max-width: 360px){.plain-link{padding:2px 6px}.start-btn span{font-size:15px}}