@font-face{font-family:"MS Sans Serif";src:url(/fonts/ms_sans_serif.woff2) format("woff2");src:url(/fonts/ms_sans_serif.woff) format("woff");font-weight:400}@font-face{font-family:"MS Sans Serif";src:url(/fonts/ms_sans_serif_bold.woff2) format("woff2");src:url(/fonts/ms_sans_serif_bold.woff) format("woff");font-weight:700}html{box-sizing:border-box;font-family:"MS Sans Serif",sans-serif;font-size:10px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}:root{--resizeBorder: 2px;--bright: #dfdfdf;--text-color: #222222;--blue: #0600ff;--dark-blue: #0404ac;--dialog-blue: #000080;--dialog-blue-light: #1084d0;--dialog-gray: #808080;--dialog-gray-light: #b5b5b5;--silver: #c0c7c8;--dark-silver: #87888e;--dark: #000;--border-width: 1px;--border-raised-outer: inset -1px -1px var(--dark), inset 1px 1px white;--border-raised-inner: inset -2px -2px var(--dark-silver), inset 2px 2px white;--border-sunken-outer: inset -1px -1px white, inset 1px 1px var(--dark);--border-sunken-inner: inset -2px -2px var(--silver), inset 2px 2px var(--dark-silver);--border-window-outer: inset -1px -1px var(--silver), inset 1px 1px var(--bright);--border-window-inner: inset -2px -2px var(--dark-silver), inset 2px 2px white;--border-taskbar-outer: inset 0px 1px var(--silver);--border-taskbar-inner: inset 0px 2px white;--border-simple-outer: inset -1px -1px white;--border-simple-inner: inset 1px 1px var(--dark-silver);--border-ghost-outer: inset 1px 1px white;--border-ghost-inner: inset -1px -1px var(--dark-silver);--border-field: inset -1px -1px white, inset 1px 1px var(--dark-silver), inset -2px -2px white, inset 2px 2px var(--dark)}body{height:100vh;width:100vw;background:#32a287;display:flex;justify-content:center;align-items:center;overflow:hidden}.desktop{background:url(/img/wallpaper.webp);background-size:cover;display:flex;flex-direction:column;overflow:hidden;grid-column:2;grid-row:2}.layers{position:relative;width:100%;height:100%}.icon-layer{width:100%;height:100%;position:absolute;flex:1;display:grid}.icon{border:1px solid transparent;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.icon-img{height:30px}.icon-img img{position:relative;height:100%}.icon-name{border:2px solid transparent;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;line-height:1}.icon.selected img{filter:brightness(.5) sepia(100%) hue-rotate(180deg) saturate(8)}.icon.selected .icon-name{border:2px dotted white;background:var(--dark-blue);color:#fff}button{font-family:"MS Sans Serif",sans-serif;display:flex;justify-content:center;align-items:center;cursor:pointer;color:transparent;text-shadow:0 0 var(--text-color);background:var(--silver);box-shadow:var(--border-raised-outer),var(--border-raised-inner);border:none;border-radius:0}button:active,button.active{box-shadow:var(--border-sunken-outer),var(--border-sunken-inner);text-shadow:1px 1px var(--text-color)}button:focus{outline:2px dotted #000000;outline-offset:-5px}button.minimize{background-image:url(/icons/minimize.svg);background-repeat:no-repeat;background-position:bottom 3px left 4px}button.maximize{background-image:url(/icons/maximize.svg);background-repeat:no-repeat;background-position:bottom 2px left 2px;background-size:10px 8px}.window.maximized button.maximize{background-image:url(/icons/restore.svg);background-repeat:no-repeat;background-position:bottom 2px left 2px;background-size:10px 8px}button.close{background-image:url(/icons/close.svg);background-repeat:no-repeat;background-position:bottom 3px left 3.5px;background-size:7px 7px;margin-left:2px}.window-buttons{display:flex;margin-left:auto}.window-buttons button{display:block;min-height:12px;min-width:14px;padding:0}.window-buttons button:focus{outline:none}button.start-button{font-weight:700;font-size:12px;gap:3px}button.start-button img{height:80%}.task-button{display:flex;justify-content:flex-start;min-width:150px;gap:3px}.task-button img{height:80%}.windows{position:relative;width:100%;height:100%;pointer-events:none}.window{pointer-events:all;position:absolute;min-width:150px;min-height:100px;display:flex;flex-direction:column;max-width:var(--desktop-x);max-height:var(--desktop-y);top:0;left:0;box-shadow:var(--border-window-outer),var(--border-window-inner);background:var(--silver);padding:3px}.window-content{flex:1;overflow:hidden;min-width:10px;box-shadow:var(--border-field)}.window-layer{width:100%;height:100%;position:absolute;flex:1;pointer-events:none}.window-header{color:#fff;font-size:10px;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:flex-start;gap:3px;align-items:center;min-width:min-content;cursor:move;padding:3px 2px 3px 3px;height:19px;background:linear-gradient(90deg,var(--dialog-blue),var(--dialog-blue-light))}.window-icon{height:100%;object-fit:contain}.window-icon img{height:100%}.window.inactive .window-header{background:linear-gradient(90deg,var(--dialog-gray),var(--dialog-gray-light))}.window .resize-handler{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:3px auto 3px;grid-template-rows:3px auto 3px;pointer-events:none}.window .resize-handler .n,.window .resize-handler .s,.window .resize-handler .e,.window .resize-handler .w,.window .resize-handler .ne,.window .resize-handler .nw,.window .resize-handler .se,.window .resize-handler .sw{pointer-events:all}.window .resize-handler .n,.window .resize-handler .s{cursor:ns-resize}.window .resize-handler .e,.window .resize-handler .w{cursor:ew-resize}.window .resize-handler .ne,.window .resize-handler .sw{cursor:nesw-resize}.window .resize-handler .nw,.window .resize-handler .se{cursor:nwse-resize}.window-functions{display:flex;gap:3px;padding:1px}.task-bar{height:35px;width:100%;background-color:var(--silver);box-shadow:var(--border-taskbar-outer),var(--border-taskbar-inner);border:none;border-radius:0;display:flex;gap:3px;position:relative;padding:4px}.task-bar-windows{display:flex;gap:3px}.separator{height:100%;width:2px;background-color:var(--dark-silver);border-right:1px solid white}.pull{height:100%;width:4px;box-shadow:var(--border-raised-outer),var(--border-raised-inner)}.task-bar .task-bar-infos{margin-left:auto;width:100px;height:100%;box-shadow:var(--border-simple-outer),var(--border-simple-inner);display:flex;justify-content:flex-start;align-items:center;padding:3px}.task-bar .task-bar-infos .task-bar-icon{height:100%;display:flex;justify-content:center;align-items:center;padding:2px}.task-bar .task-bar-infos .task-bar-icon img{height:100%}.task-bar .task-bar-infos .clock{height:100%;font-size:14px;display:flex;justify-content:center;align-items:center;margin-left:auto}.start-menu{display:none;flex-direction:row;position:absolute;width:180px;height:300px;background-color:var(--silver);box-shadow:var(--border-raised-outer),var(--border-raised-inner);padding:3px;bottom:30px;z-index:9999999999}.start-menu-banner{color:#fff;background-image:linear-gradient(180deg,var(--dark-blue),var(--blue));writing-mode:vertical-lr;rotate:180deg;font-size:16px}.dropdown{position:relative;display:flex;justify-content:center;align-items:center;font-size:13px;margin-right:auto;padding:2px 4px;-webkit-user-select:none;user-select:none}.dropdown:hover{box-shadow:var(--border-ghost-inner),var(--border-ghost-outer)}.dropdown.active{box-shadow:var(--border-simple-outer),var(--border-simple-inner)}.dropdown-content{display:none;position:absolute;background-color:var(--silver);z-index:99999999999;flex-direction:column;min-width:160px;left:0;top:104%;box-shadow:var(--border-window-outer),var(--border-window-inner);padding:3px}.dropdown-content button{box-shadow:none;justify-content:flex-start;padding-left:20px}.dropdown-content button:hover{background-color:var(--dark-blue);color:#fff}.dropdown-content button:focus{outline:none}.editor-functions{display:flex;gap:3px;padding:1px 1px 2px;background:var(--silver);box-shadow:inset 0 -1px var(--dark-silver),inset 0 -2px var(--bright)}.editor-functions .menu{display:flex;justify-content:center;align-items:center;margin-right:auto}.editor-functions .menu div:not(.separator){height:20px;width:20px;font-size:13px;padding:2px 4px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.editor-functions .menu div:not(.separator):hover{box-shadow:var(--border-ghost-inner),var(--border-ghost-outer)}.editor-functions .menu div:not(.separator).active{box-shadow:var(--border-simple-outer),var(--border-simple-inner)}.editor-functions .menu div:not(.separator) img{height:100%}.tiptap{width:100%;height:100%;padding:5px}.tiptap *{font-family:"MS Sans Serif",sans-serif}.tiptap:focus{outline:none}.tiptap li{margin-left:10px;padding-left:5px}.tiptap a{cursor:pointer}.button-menu{background-color:var(--silver);box-shadow:inset -1px -1px #fff,inset -2px -2px var(--dark-silver),inset 1px 1px var(--dark-silver),inset 2px 2px #fff;padding:2px;display:flex;align-items:center;height:54px}.button-menu .separator{height:80%;margin:0 5px}.button-menu button{display:flex;flex-direction:column;width:50px;height:50px;font-size:12px;padding:2px;cursor:pointer}.button-menu button img{height:100%;padding:2px;filter:grayscale(1) contrast(30%) brightness(1.3)}.button-menu button:hover img{filter:grayscale(0)}button.ghost{background:transparent;box-shadow:none;color:var(--text-color)}button.ghost:hover{box-shadow:var(--border-ghost-inner),var(--border-ghost-outer);outline:none;text-shadow:none}button.ghost.active{box-shadow:var(--border-simple-outer),var(--border-simple-inner);outline:none;text-shadow:none}button.ghost:focus{box-shadow:var(--border-simple-outer),var(--border-simple-inner);text-shadow:none;outline:none}.address{background:var(--silver);display:flex;flex-direction:column;gap:5px;padding:10px 0}.address div{display:grid;height:20px;align-items:center;grid-template-columns:auto 80%}.address div div{display:flex;justify-content:flex-start;gap:10px;margin-left:20px}.address div div img{image-rendering:pixelated;height:100%}input[type=text]{width:100%;padding:5px;font-size:12px;border:none;box-shadow:var(--border-field);font-family:"MS Sans Serif",sans-serif;outline:none;background:#fff;font-size:10px}.loading-screen{padding:10px;height:100%;display:flex;flex-direction:column}.loading-screen p{margin-top:auto}.loading-screen div{display:flex;gap:10px;align-items:center;margin-bottom:auto}.loading-screen div .loading-bar{width:100%;height:20px;background:var(--silver);box-shadow:var(--border-simple-inner),var(--border-simple-outer);overflow:hidden;margin:5px 0;display:grid;grid-template-columns:repeat(20,1fr);gap:2px;padding:2px}.loading-screen div .loading-bar div{background:transparent;height:100%;width:100%}.loading-screen div button{font-size:10px;height:20px}.info{padding:10px;height:100%;display:flex;flex-direction:column}.info button{width:70px;align-self:end;margin-top:auto}.piano{display:flex;flex-direction:row;padding:2px;height:100%}.piano .key{background:#fff;cursor:pointer;height:100%;width:100%;border:1px solid black;position:relative;z-index:2}.piano .key.right:after{content:"";position:absolute;width:calc(50% + 2px);height:calc(40% + 1px);background:#fff;left:100%;bottom:-1px;border-right:1px solid black;border-bottom:1px solid black;z-index:1}.piano .key.left:before{content:"";position:absolute;width:calc(50% + 2px);height:calc(40% + 1px);background:#fff;right:100%;bottom:-1px;border-bottom:1px solid black;border-left:1px solid black;z-index:1}.piano .key.active{background:#efefef}.piano .key.active.black{background:#404040;border:1px solid rgb(64,64,64)}.piano .key.active.right:after,.piano .key.active.left:before{background:#efefef}.piano .key.black{background:#000;height:60%;z-index:2}*{--card-w: 71px;--card-h: 96px}.solitaire{width:660px;background-color:green;position:relative}.card{width:var(--card-w);height:var(--card-h);background-color:#fff;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #000;border-radius:4px;-webkit-user-select:none;user-select:none;margin:-1px;box-shadow:1px -1px #000}.card--h-1{background-position:-1px -1px}.card--h-2{background-position:-1px -97px}.card--h-3{background-position:-1px -193px}.card--h-4{background-position:-1px -289px}.card--h-5{background-position:-1px -385px}.card--h-6{background-position:-1px -481px}.card--h-7{background-position:-1px -577px}.card--h-8{background-position:-1px -673px}.card--h-9{background-position:-1px -769px}.card--h-10{background-position:-1px -865px}.card--h-11{background-position:-1px -961px}.card--h-12{background-position:-1px -1057px}.card--h-13{background-position:-1px -1153px}.card--c-1{background-position:-72px -1px}.card--c-2{background-position:-72px -97px}.card--c-3{background-position:-72px -193px}.card--c-4{background-position:-72px -289px}.card--c-5{background-position:-72px -385px}.card--c-6{background-position:-72px -481px}.card--c-7{background-position:-72px -577px}.card--c-8{background-position:-72px -673px}.card--c-9{background-position:-72px -769px}.card--c-10{background-position:-72px -865px}.card--c-11{background-position:-72px -961px}.card--c-12{background-position:-72px -1057px}.card--c-13{background-position:-72px -1153px}.card--d-1{background-position:-143px -1px}.card--d-2{background-position:-143px -97px}.card--d-3{background-position:-143px -193px}.card--d-4{background-position:-143px -289px}.card--d-5{background-position:-143px -385px}.card--d-6{background-position:-143px -481px}.card--d-7{background-position:-143px -577px}.card--d-8{background-position:-143px -673px}.card--d-9{background-position:-143px -769px}.card--d-10{background-position:-143px -865px}.card--d-11{background-position:-143px -961px}.card--d-12{background-position:-143px -1057px}.card--d-13{background-position:-143px -1153px}.card--s-1{background-position:-214px -1px}.card--s-2{background-position:-214px -97px}.card--s-3{background-position:-214px -193px}.card--s-4{background-position:-214px -289px}.card--s-5{background-position:-214px -385px}.card--s-6{background-position:-214px -481px}.card--s-7{background-position:-214px -577px}.card--s-8{background-position:-214px -673px}.card--s-9{background-position:-214px -769px}.card--s-10{background-position:-214px -865px}.card--s-11{background-position:-214px -961px}.card--s-12{background-position:-214px -1057px}.card--s-13{background-position:-214px -1153px}.card--back{background-position:0 0;background-repeat:repeat;background-color:#02027f;background-size:4px 4px;background-image:linear-gradient(45deg,#fff0,#fff0 44.9%,#fff 45%,#fff 55%,#fff0 55.1%,#fff0),linear-gradient(-45deg,#fff0,#fff0 44.9%,#fff 45%,#fff 55%,#fff0 55.1%,#fff0)}.card--front{cursor:pointer}.card--moving{position:absolute;z-index:1}.deck{width:250px;position:absolute;left:20px;top:20px}.deck__pile{width:var(--card-w);height:var(--card-h);top:0;position:absolute;border:1px dotted;border-radius:4px;cursor:pointer;background-image:radial-gradient(green 30%,#fff 30.1%,#fff 40%,green 40.1%,green);background-size:90px 90px;background-position:center;background-repeat:no-repeat}.deck__pile .card+.card{margin-top:4px;margin-left:2px}.deck__pile .card+.card+.card{margin-left:4px;margin-top:8px}.deck__deal{left:95px;top:0;position:absolute}.deck__deal .card:last-child{left:20px}.deck__deal .card:nth-last-child(2){left:10px}.deck__deal .card:first-child{left:0}.deck__deal .card:first-child+.card:last-child{left:10px}.finish-deck{position:absolute;left:274px;top:20px}.board-deck{position:relative;top:150px}.board-deck .card--front>.card--front{top:15px}.board-deck .card--back>.card--front,.board-deck .card--back>.card--back{top:5px}.seven{position:relative;float:left;width:var(--card-w);top:0;margin-left:20px;height:var(--card-h);border:1px dotted;border-radius:4px}.aces{width:var(--card-w);position:relative;margin-left:20px;height:var(--card-h);border:1px dotted;border-radius:4px;float:left;background-size:4px 4px;background-image:linear-gradient(45deg,#0000,#0000 44.9%,#000 45%,#000 55%,#0000 55.1%,#0000),linear-gradient(-45deg,#0000,#0000 44.9%,#000 45%,#000 55%,#0000 55.1%,#0000)}.new-game{background-color:transparent;border-radius:0;padding:0;border:0;cursor:pointer;white-space:nowrap;outline:0}.new-game:active{background-color:#999}.finish-dest{box-shadow:0 0 0 1px #03ffff}
