:root{--b:radial-gradient(circle closest-side at 50% 50%,#fff1 0,#fff2 68%,#fff9 94%,#fff0 100%);--gl:linear-gradient(#fffa,#fff3 48%,#0002 52%,#fff3)}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:#06303f;color:#10212e;font:12px/1.35 "Segoe UI",Frutiger,Tahoma,Verdana,sans-serif;-webkit-user-select:none;user-select:none}
button{font:inherit}input,textarea{user-select:text;-webkit-user-select:text}
:focus-visible{outline:2px solid #7df;outline-offset:1px}
#desk{position:fixed;inset:0 0 calc(40px + env(safe-area-inset-bottom,0px)) 0;overflow:hidden;touch-action:none}
#desk:before{content:"";position:absolute;inset:0;background:var(--b) 30% 18%/90px 90px no-repeat,var(--b) 62% 62%/160px 160px no-repeat,var(--b) 12% 70%/50px 50px no-repeat,var(--b) 48% 30%/44px 44px no-repeat}
#sb{position:absolute;right:8px;top:8px;width:176px;display:flex;flex-direction:column;gap:9px;z-index:1;color:#fff}
.g{padding:9px;border-radius:9px;background:linear-gradient(#0b2a3cb0,#02101ac0);border:1px solid #fff5;box-shadow:inset 0 1px #fff6,0 4px 14px #0007;text-shadow:0 1px 2px #000}
.g h4{margin:0 0 5px;font-size:11px;font-weight:600;color:#aef}.g img{width:100%;border-radius:5px;display:block;cursor:pointer}
.g svg{display:block;margin:auto;width:110px}
.album-live{display:inline-block;max-width:100%;margin-top:4px;padding:3px 6px;border:1px solid #49789d;border-radius:5px;background:#fff;color:#173d61;font-weight:700;text-shadow:none}
.sl{display:flex;align-items:center;gap:8px;padding:5px 6px;margin-top:4px;border-radius:6px;color:#fff;background:var(--gl),var(--c);border:1px solid #fff8;cursor:pointer;width:100%;text-align:left}
@media(max-width:760px){#sb{display:none}}
@media(min-width:761px) and (max-width:1000px){#sb{width:158px;gap:6px}.g{padding:7px}.g svg{width:94px}.g img{max-height:124px;object-fit:cover}.sl{gap:6px;padding:4px;font-size:11px}}
.win{position:absolute;display:flex;flex-direction:column;border-radius:8px 8px 4px 4px;border:1px solid #000b;background:linear-gradient(120deg,#a9d6f5e6,#4a8cc2cc 32%,#8fc8eed9 58%,#3c7cb6d9);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #fff7,0 8px 30px #000b;resize:both;overflow:hidden;min-width:280px;min-height:180px}
.win[hidden]{display:none}.win.mx{inset:0!important;width:auto!important;height:auto!important;border-radius:0}
.rh{position:absolute;right:0;bottom:0;width:18px;height:18px;z-index:3;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 46%,#41677e 48% 55%,transparent 57% 67%,#41677e 69% 76%,transparent 78%)}
.win.mx .rh{display:none}
.tb{height:30px;flex:none;display:flex;gap:6px;padding:7px 0 0 8px;cursor:default;touch-action:none;font-size:12px;color:#000;text-shadow:0 0 9px #fff,0 0 4px #fff,0 0 2px #fff}
.tt{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb{display:flex;align-self:flex-start;margin:-1px 5px 0 0;text-shadow:none}
.cb i{height:19px;width:27px;border:1px solid #0009;border-top:0;font-style:normal;background:linear-gradient(#e9f3fc,#b9d4ea 48%,#7ea8ce 52%,#bbddf4);color:#123;font-size:11px;line-height:17px;text-align:center;cursor:pointer}
.cb i:first-child{border-radius:0 0 0 5px}.cb i.cl{width:46px;border-radius:0 0 5px 0;background:linear-gradient(#f5bcab,#d9573b 48%,#b92a12 52%,#e4765c);color:#fff;font-weight:700}.cb i:hover{filter:brightness(1.15)}
.bd{margin:0 7px 7px;flex:1;min-height:0;overflow:auto;background:#fff;border:1px solid #0007;box-shadow:0 0 0 1px #fff6}
.pl{background:linear-gradient(#2c6a8f,#0c2438 55%,#071722)!important;color:#bfe;padding:8px;display:flex;flex-direction:column;gap:7px}
.lcd{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:8px 10px;background:linear-gradient(#000,#07140a);border:1px solid #5ad;border-radius:5px;box-shadow:inset 0 0 8px #0f06}
.tm{font:700 34px/1 "Courier New",monospace;color:#7dff5a;text-shadow:0 0 8px #3f3;grid-row:span 2;align-self:center}
.vz{width:100%;height:26px;display:block}
.mq{grid-column:1/3;overflow:hidden;white-space:nowrap;color:#9f9;font:12px "Courier New",monospace}.mq span{display:inline-block;padding-left:100%;animation:mq 14s linear infinite}@keyframes mq{to{transform:translateX(-100%)}}
.ki{grid-column:1/3;font-size:10px;color:#5b8}
.wc{display:flex;gap:4px;align-items:center}.wc button,.lk button{height:26px;min-width:34px;border-radius:13px;border:1px solid #9df9;color:#fff;background:linear-gradient(#7cf,#27a 48%,#05a 52%,#3bf);cursor:pointer;box-shadow:0 1px 3px #000a}
.wc button.sm{min-width:30px;font-size:10px;border-radius:5px}.wc button.on{background:linear-gradient(#8f8,#2a2 48%,#080 52%,#4d4)}
.wc input{flex:1;min-width:40px}input[type=range]{accent-color:#4df;width:100%}
.we{display:none;justify-content:space-between;padding:6px;background:#031018;border:1px solid #356;border-radius:5px}.we.on{display:flex}
.we input{writing-mode:vertical-lr;direction:rtl;width:18px;height:70px}
.wpl{background:#000;border:1px solid #356;border-radius:5px;padding:2px;font:12px "Courier New",monospace}
.tr{display:flex;justify-content:space-between;gap:8px;padding:3px 6px;color:#6f6;cursor:pointer}.tr.on{color:#fff;background:#1a5}.tr.lo{color:#587;cursor:default}
.lk{display:flex;gap:5px}.lk button{flex:1;min-width:0;font-size:11px}
.xt{display:flex;gap:6px;align-items:center;padding:5px 6px;background:linear-gradient(#f3f8fd,#dbe8f4);border-bottom:1px solid #9ab}
.gb{width:26px;height:26px;border-radius:50%;border:1px solid #2a6a2a;color:#fff;background:radial-gradient(circle at 50% 20%,#c6f5b0,#3aa83a 55%,#157a15);cursor:pointer;font-size:10px}
.ad{flex:1;min-width:0;white-space:nowrap;overflow:hidden;background:#fff;border:1px solid #8ab;padding:3px 8px}
.sr{width:110px;border:1px solid #8ab;padding:3px 6px;font-style:italic}
.xc{padding:4px 8px;background:linear-gradient(#fafcfe,#e2edf7);border-bottom:1px solid #bcd;display:flex;gap:14px}.xc b{font-weight:400;cursor:pointer}
.xm{flex:1;display:flex;min-height:0}.xn{width:150px;flex:none;padding:8px;background:#eef4fb;border-right:1px solid #cde}.xn p{margin:0 0 4px;color:#15518f;font-weight:600}.xn a{display:block;padding:3px 4px;cursor:pointer;border-radius:3px}.xn a:hover{background:#d4e9fb}
.xl{flex:1;overflow:auto;min-width:0}
.xr{display:grid;grid-template-columns:36px 24px minmax(120px,1fr) 120px 90px 100px;gap:6px;align-items:center;padding:3px 6px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.xr img{width:30px;height:30px;border-radius:3px}
.xr.h{color:#456;background:linear-gradient(#fff,#e9f1f9);cursor:default;border-bottom:1px solid #cde}.xr.s,.xp.s{background:linear-gradient(#e8f4ff,#c9e4fb);border-color:#7cb4e8}
.xp{display:inline-block;width:120px;margin:8px;text-align:center;padding:5px;border:1px solid transparent;cursor:pointer;vertical-align:top}.xp img{width:100px;height:100px;box-shadow:0 1px 5px #0006}
.lo img{filter:blur(6px) grayscale(.5)}
.xd{flex:none;display:flex;gap:10px;align-items:center;padding:6px 10px;background:linear-gradient(#f0f6fc,#d9e7f4);border-top:1px solid #9bc}.xd img{width:44px;height:44px;border-radius:3px}
.vi{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.vi img{max-width:100%;max-height:100%;object-fit:contain;cursor:ew-resize;touch-action:none;-webkit-user-drag:none;user-select:none;transform-origin:center;will-change:transform}.vi img:active{cursor:grabbing}
.va{position:absolute;top:50%;z-index:1;width:38px;height:48px;transform:translateY(-50%);border:1px solid #d6f2ff99;border-radius:6px;background:#123b58b8;color:white;font:32px/1 "Segoe UI",sans-serif;cursor:pointer}.va:hover{background:#168fcaaa}.va.prev{left:8px}.va.next{right:8px}
.vb{display:flex;gap:8px;justify-content:center;align-items:center;padding:6px;background:linear-gradient(#5b86ad,#1c3c5c 50%,#0a2540 52%,#2a5a88);color:#fff}.vb button{width:34px;height:28px;border-radius:14px;border:1px solid #9df9;color:#fff;background:linear-gradient(#7cf,#27a 48%,#05a 52%,#3bf);cursor:pointer}
.nb{display:flex;gap:4px;padding:5px;background:linear-gradient(#e9f2fa,#cfe0f1);border-bottom:1px solid #9ab}
.nb input{flex:1;min-width:0;border:1px solid #7aa;padding:3px 8px}.nb button{border:1px solid #8ab;border-radius:4px;background:linear-gradient(#fff,#cde);cursor:pointer}
.fv{display:flex;gap:6px;padding:3px 6px;background:#eef4fb;border-bottom:1px solid #bcd;overflow:auto}.fv a{cursor:pointer;white-space:nowrap;padding:1px 8px;border-radius:3px}.fv a:hover{background:#cfe6fb}
.wp{padding:16px 20px;user-select:text;-webkit-user-select:text}.wp h1{margin:0 0 8px;font-size:22px;font-weight:400;color:#0b5fae}.wp a{color:#0a6fd0;text-decoration:underline;cursor:pointer}.wp img{width:150px;float:left;margin:0 14px 8px 0;box-shadow:0 2px 8px #0006}
.pb{display:inline-block;margin:4px 6px 0 0;padding:6px 14px;border-radius:5px;color:#fff!important;text-decoration:none!important;background:var(--gl),var(--c);border:1px solid #0005}
.sc{display:flex;gap:10px;align-items:center;margin:8px 0;clear:both}.sc img{width:50px;height:50px;float:none;margin:0;box-shadow:none}
.ch{display:flex;justify-content:space-between;align-items:center;padding:8px;background:linear-gradient(#e6f2fb,#b6d6ef)}.ch button{border:1px solid #8ab;border-radius:4px;background:linear-gradient(#fff,#cde);cursor:pointer}
.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:6px;text-align:center}.cg i{font-style:normal;color:#15518f;font-weight:600}
.d{padding:8px 0;border-radius:3px;cursor:pointer}.d:hover{background:#def}.ev{background:linear-gradient(#e6ffd0,#9be070);font-weight:700}.td{box-shadow:inset 0 0 0 2px #f90}.sel2{outline:2px solid #1b6fd9}.ci{padding:6px 12px;margin:0}
#bar{position:fixed;left:0;right:0;bottom:0;height:calc(40px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px) 70px;display:flex;align-items:center;gap:6px;background:linear-gradient(#5d7385d9,#1c2a36e6 48%,#000 52%,#0b1d2cf0);border-top:1px solid #fff9;backdrop-filter:blur(8px);z-index:9999}
#orb{position:fixed;left:5px;bottom:calc(-5px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;border:2px solid #fff8;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#fff9 0 12%,#fff0 45%),radial-gradient(circle at 50% 110%,#5fd0ff,#1a74d0 50%,#06306e);box-shadow:0 0 14px #4af,inset 0 -5px 10px #02f6;z-index:10001;cursor:pointer}
#orb i{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:24px;height:22px;transform:skewY(-8deg) rotate(-4deg)}#orb u{border-radius:3px 6px 3px 6px}
#tasks{display:flex;gap:4px;flex:1;overflow:hidden}
.tk{height:30px;width:150px;flex:none;padding:0 10px;border-radius:4px;color:#fff;text-align:left;background:linear-gradient(#fff4,#fff1 48%,#0004 52%,#fff1);border:1px solid #fff6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.tk.on{background:linear-gradient(#9fd8ff99,#3d8fd877 48%,#0c4d9288 52%,#5fb0ee88);border-color:#bff}
#tray{color:#fff;font-size:11px;display:flex;gap:8px;align-items:center;text-shadow:0 1px 2px #000}#clock{text-align:center;line-height:1.1;cursor:pointer}#clock:hover{text-shadow:0 0 7px #aee7ff}
.calc-display{display:flex;min-height:76px;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:5px;padding:10px;border:1px solid #8aa4b9;border-radius:5px;background:linear-gradient(#f7fbfe,#dce8f0);color:#17354a}
.calc-expression{min-height:15px;color:#678195;font-size:11px}
.calc-value{max-width:100%;overflow:hidden;font:30px/1.1 "Segoe UI",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.calc-keys{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(42px,1fr));gap:6px;padding:8px;background:linear-gradient(#edf5fa,#d5e3ed)}
.calc-keys button{border:1px solid #8ba3b5;border-radius:4px;background:linear-gradient(#fff,#d8e5ed 48%,#bfd0dc 52%,#e7f0f5);color:#24455d;font:600 16px "Segoe UI",sans-serif;cursor:pointer;box-shadow:inset 0 1px #fff}
.calc-keys button:active{background:linear-gradient(#b6d9ee,#e5f2f9)}
.calc-keys button.calc-action{background:linear-gradient(#e5f1f7,#bfd4e2 48%,#a9c3d3 52%,#dceaf1)}
.calc-keys button[data-key="="]{background:linear-gradient(#c8f1e4,#53b99c 48%,#31977d 52%,#8edbc4);color:#103e38}
.visitor-stats{padding:18px;color:#23435d}.visitor-stats h2{margin:0 0 12px;font-size:20px;font-weight:500}.visitor-stats p{line-height:1.6}
.melis-message-book{margin-top:20px;padding-top:12px;border-top:1px solid #b4cbd8}.melis-message-book h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:#205678;font-size:15px;font-weight:600}.melis-message-count{display:grid;min-width:20px;height:20px;place-items:center;border-radius:10px;background:#d8edf8;color:#245d7c;font-size:11px}.melis-message-note{margin:0 0 10px;color:#687f8f;font-size:11px}.melis-message-list{display:grid;max-height:240px;gap:8px;overflow:auto}.melis-message-list article{padding:9px 10px;border:1px solid #c1d7e4;border-radius:5px;background:linear-gradient(#fff,#f0f7fb);overflow-wrap:anywhere}.melis-message-list article header{display:flex;justify-content:space-between;gap:10px;color:#2a5874}.melis-message-list article time{flex:none;color:#71899a;font-size:10px}.melis-message-list article p,.melis-message-empty{margin:6px 0 0;color:#354f61;line-height:1.5}.melis-message-empty{font-style:italic}
.bd:has(.paint-toolbar){display:flex;flex-direction:column;overflow:hidden;background:#cbd6de}
.paint-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px;background:linear-gradient(#f6f9fc,#dce8f0);border-bottom:1px solid #9db3c3}
.paint-toolbar label{display:flex;align-items:center;gap:5px;padding:3px 5px;color:#29495e;font-size:11px}
.paint-toolbar input[type=color]{width:30px;height:26px;padding:1px;border:1px solid #91a8b8;border-radius:3px;background:#fff}
.paint-toolbar input[type=range]{width:86px}
.paint-toolbar output{min-width:16px;color:#23435d}
.paint-toolbar button{padding:5px 9px;border:1px solid #91a8b8;border-radius:4px;background:linear-gradient(#fff,#d7e4ec);color:#23435d;cursor:pointer}
.paint-toolbar button.active{background:linear-gradient(#c5e6f8,#91bfd8);border-color:#5486a2}
.paint-stage{display:flex;min-width:0;min-height:0;flex:1;overflow:auto;padding:8px;background:linear-gradient(45deg,#e5e9ed 25%,transparent 25%,transparent 75%,#e5e9ed 75%),linear-gradient(45deg,#e5e9ed 25%,#f6f8fa 25%,#f6f8fa 75%,#e5e9ed 75%);background-position:0 0,8px 8px;background-size:16px 16px}
.paint-canvas{display:block;width:100%;height:100%;min-height:240px;background:#fff;box-shadow:0 1px 5px #263b4b55;touch-action:none;cursor:crosshair}
#sm{position:fixed;left:6px;bottom:calc(40px + env(safe-area-inset-bottom,0px));width:min(420px,calc(100% - 12px));display:none;grid-template-columns:1fr 150px;border-radius:9px;background:linear-gradient(#1d3a54e6,#08192ae6);backdrop-filter:blur(14px);border:1px solid #fffa;box-shadow:inset 0 0 0 1px #fff3,0 10px 40px #000a;z-index:10000;overflow:hidden;color:#fff}
#sm .l{margin:6px;background:#fff;color:#123;border-radius:5px;padding:4px;min-height:300px;display:flex;flex-direction:column}#sm .l div{padding:6px 8px;border-radius:3px;cursor:pointer}#sm .l div:hover,#sm .r div:hover{background:linear-gradient(#e4f3ff,#b8dcf7);outline:1px solid #7cb4e8}#sm .r div:hover{color:#123}
#sm .l input{margin-top:auto;border:1px solid #8ab;border-radius:10px;padding:3px 8px}
#sm .r{padding:10px 6px;display:flex;flex-direction:column}#sm .r div{padding:6px 8px;border-radius:3px;cursor:pointer}
#sm .so{grid-column:1/3;padding:6px;text-align:right;background:#0007}#sm .so button{padding:4px 14px;border-radius:4px;border:1px solid #fff8;color:#fff;background:linear-gradient(#e86,#b21 50%,#900 52%,#d54);cursor:pointer}
#toast{position:fixed;right:12px;bottom:calc(52px + env(safe-area-inset-bottom,0px));max-width:250px;padding:12px 16px;border-radius:8px;background:linear-gradient(#fff,#d4ebff);border:1px solid #6bb8ee;box-shadow:0 6px 24px #0358;z-index:9998;transform:translateY(200%);transition:transform .5s;cursor:pointer}#toast.on{transform:none}
#msn-toast{position:fixed;right:12px;bottom:calc(52px + env(safe-area-inset-bottom,0px));z-index:10001;display:flex;max-width:min(340px,calc(100vw - 24px));align-items:center;gap:11px;padding:10px 12px;border:1px solid #8bb9d8;border-radius:8px;background:linear-gradient(#fff,#e1f1fc);box-shadow:0 6px 24px #1237;color:#173b53;transform:translateY(180%);opacity:0;pointer-events:none;transition:transform .35s,opacity .35s}
#msn-toast.on{transform:none;opacity:1;pointer-events:auto}.msn-toast-avatar,.msn-toast-initial{width:44px;height:44px;flex:none;object-fit:cover;border:1px solid #88a9c0;border-radius:6px;background:#dcebf5}.msn-toast-initial{display:grid;place-items:center;color:#1e5e82;font-size:18px;font-weight:700}.msn-toast-copy{flex:1;line-height:1.4}.msn-toast-copy strong{font-weight:700}.msn-toast-copy strong:after{content:" "}.msn-toast button{width:25px;height:25px;align-self:flex-start;border:1px solid #a4bfd2;border-radius:4px;background:#fff;color:#416077;font-size:17px;line-height:1;cursor:pointer}
#login{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center;text-shadow:0 2px 8px #000;background:radial-gradient(ellipse 60% 25% at 50% 85%,#7ff4ff77,transparent),var(--b) 15% 20%/130px 130px no-repeat,var(--b) 80% 65%/210px 210px no-repeat,linear-gradient(150deg,transparent 45%,#9ff4 52%,transparent 60%),linear-gradient(135deg,#02131f,#0a4a5e 50%,#04202e)}
#login .av{width:130px;height:130px;border-radius:12px;border:3px solid #fffd;box-shadow:0 0 30px #7ef,inset 0 0 0 2px #0006;background:url(../assets/covers/orijinal.jpg) 62% 30%/260% no-repeat}
#login h1{margin:6px 0 0;font-size:30px;font-weight:300}#login p{margin:0;opacity:.9}
#login form{display:grid;width:min(260px,calc(100vw - 40px));grid-template-columns:minmax(0,1fr) 42px;gap:7px;align-items:center;margin-top:8px;text-align:left}
#login form label{grid-column:1/-1;font-size:12px}
#login-password{min-width:0;height:38px;padding:7px 10px;border:1px solid #d7f4ff;border-radius:5px;background:#f5fcff;color:#14344a;font:16px "Segoe UI",sans-serif}
#login-error{grid-column:1/-1;min-height:18px;font-size:12px;text-align:center}
#go{margin-top:6px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:20px;background:radial-gradient(circle at 50% 20%,#c6f5b0,#3aa83a 55%,#157a15);cursor:pointer;box-shadow:0 0 14px #3f3}
#login form #go{width:38px;height:38px;margin:0}
#login em{position:absolute;left:18px;bottom:14px;font-size:20px;font-style:normal;font-weight:300}
#icons{position:absolute;inset:0;z-index:1;pointer-events:none}
.ic{position:absolute;width:86px;padding:4px 2px;text-align:center;border:1px solid transparent;border-radius:3px;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;cursor:default;pointer-events:auto;font-size:12px}
.ic.sel{background:linear-gradient(#9fd4ff66,#4a9ae855);border-color:#cfeaff;box-shadow:inset 0 0 4px #fff7}
.ic svg{width:46px;height:46px;display:block;margin:0 auto 3px;filter:drop-shadow(0 2px 3px #000a)}
.ic span{display:block;overflow:hidden;max-height:2.8em;word-break:break-word}
.ic input{width:80px;font:inherit;text-align:center;border:1px solid #5a8;padding:0}
.ic[data-t=ext]:after{content:"";position:absolute;left:19px;top:34px;width:13px;height:13px;border-radius:2px;border:1px solid #6a8aa8;background:linear-gradient(#fff,#cfe0f0);box-shadow:0 1px 2px #0006}
.ic[data-t=ext]:before{content:"↗";position:absolute;left:19px;top:34px;width:13px;height:13px;line-height:12px;font-size:10px;font-weight:700;color:#1566c0;z-index:1}
.ic.in{position:relative;width:86px;color:#123;text-shadow:none;display:inline-block;vertical-align:top}.ic.in.sel{background:linear-gradient(#e8f4ff,#bcdcf6);border-color:#7cb4e8}
.ic.in svg{filter:drop-shadow(0 1px 2px #0005)}
.gh{position:fixed!important;pointer-events:none!important;opacity:.75;z-index:30000;width:86px}
.dt{background:#7cf6!important;border-color:#bff!important}
#rb{position:absolute;display:none;z-index:2;pointer-events:none;border:1px solid #5aa8f0;background:#5aa8f044}
.fl{flex:1;overflow:auto;padding:8px;background:#fff;align-content:flex-start;min-height:0}.em{color:#789;padding:10px;margin:0}
#cm{position:fixed;display:none;min-width:200px;padding:3px;background:linear-gradient(#fff,#eef4fb);border:1px solid #7a8fa6;border-radius:3px;box-shadow:2px 3px 8px #0006;z-index:40000;color:#111}
#cm div{padding:4px 24px;cursor:default}#cm div:hover{background:linear-gradient(#e7f4ff,#bcdcf6);outline:1px solid #7cb4e8}#cm hr{border:0;border-top:1px solid #cdd;margin:3px 2px}
.i{width:16px;height:16px;vertical-align:-3px;flex:none}.tk .i{margin-right:4px}.sl .i{width:22px;height:22px}.pb .i{width:18px;height:18px}.xn .i{margin-right:4px}
.wb{background:radial-gradient(ellipse 70% 30% at 25% 78%,#7ff4ff66,transparent),radial-gradient(ellipse 50% 20% at 70% 30%,#fff3,transparent),linear-gradient(158deg,transparent 38%,#fff5 46%,transparent 52%),linear-gradient(150deg,transparent 52%,#fff4 58%,transparent 66%),linear-gradient(135deg,var(--w1,#02131f),var(--w2,#0a4a5e) 45%,var(--w3,#0b7f8f) 62%,var(--w4,#04202e))}
.wg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.wt{text-align:center;padding:5px;border:1px solid transparent;cursor:pointer}.wt.on{background:#cfe8fb;border-color:#7cb4e8}.wt .wb{height:64px;border-radius:5px;margin-bottom:4px;box-shadow:0 0 0 1px #0006}
.wp.social-page{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:linear-gradient(145deg,#f5fbff,#dcebf5);color:#194d6e}.profile-head{display:flex;width:min(100%,560px);align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border:1px solid #b4ccdc;border-radius:6px;background:linear-gradient(#fff,#e5f1f8);box-shadow:0 2px 7px #17375222}.profile-head span{font-size:11px;color:#4e7189}.ft{display:flex;width:min(100%,560px);align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 16px;border:1px solid #b4ccdc;border-radius:6px;background:#ffffffdf;font-size:12px;color:#435e72}.social-open{flex:none;padding:8px 12px;border:1px solid #789ab3;border-radius:4px;background:linear-gradient(#fff,#d5e6f2);color:#194d6e;font:inherit;cursor:pointer}.social-open:hover{background:linear-gradient(#fff,#c3e2f2)}
.nb,.fv{flex:none}.wp{flex:1;min-height:0;overflow:auto}
@media(prefers-reduced-motion){*{transition:none!important;animation:none!important}}

:root{--b:radial-gradient(circle closest-side at 50% 50%,#efffff33 0,#e9ffff55 68%,#fff 94%,#efffff00 100%);--gl:linear-gradient(#effffff2,#7de6ed77 48%,#0879a455 52%,#d9fff4dd);--sky:#14a9e0;--ocean:#0878b5;--deep:#073c5c;--aqua:#39c8db;--mint:#55c991;--foam:#e8fbff;--coral:#ed7185}
html,body{background:linear-gradient(145deg,var(--sky),#72ded1 72%,#53bd86);color:var(--deep)}
.g{background:linear-gradient(#087eb9d9,var(--deep));border-color:#d9ffffaa;box-shadow:inset 0 1px #fff9,0 4px 14px #07506b88;text-shadow:0 1px 2px #03405b}
.g h4{color:#bafff0}
.win{border-color:#497ba8aa;background:linear-gradient(120deg,#e8f6ffef,#91bfe0e8 32%,#f1f9ffed 58%,#588db9e6);box-shadow:inset 0 0 0 1px #fff9,0 8px 30px #12385e88}
.cb i.cl{background:linear-gradient(#ffb9bd,var(--coral) 48%,#c74c69 52%,#f19aaa)}
.bd{background:var(--foam);border-color:#368fa9;box-shadow:0 0 0 1px #efffff99}
.pl{background:linear-gradient(#347ba5,#183e61 55%,#0c2747)!important;color:#d9efff}
.lcd{background:linear-gradient(#052a3e,#064457);border-color:#6cdae2;box-shadow:inset 0 0 8px #31c4cb44}
.tm{color:#b8ffe0;text-shadow:0 0 8px var(--mint)}
.mq{color:#75e7dc}.ki{color:#a9ead8}
.wc button,.lk button{border-color:var(--foam);background:linear-gradient(#91eff2,var(--aqua) 48%,var(--ocean) 52%,#4ac8dc);box-shadow:0 1px 3px #06415c99}
.wc button.on{background:linear-gradient(#c7ffe3,var(--mint) 48%,#258e72 52%,#9ce8b9)}
.we{background:#063149;border-color:#369aaa}
input[type=range]{accent-color:var(--aqua)}
.wpl{background:#042c42;border-color:#4ab8c5}
.tr{color:#89e4bc}.tr.on{background:linear-gradient(90deg,var(--aqua),var(--mint))}.tr.lo{color:#82b9b9}
.xt{background:linear-gradient(#f3fdff,#c8f0f2);border-color:#6bbcc4}
.xc{background:linear-gradient(#f5feff,#d4f5f3);border-color:#a6dddd}
.xn{background:#e5f8fb;border-color:#a7dfe3}.xn p{color:#0878a5}.xn a:hover{background:#c9f0ed}
.xr.s,.xp.s{background:linear-gradient(#e1fbfc,#b9eceb);border-color:#50b9c0}
.xd{background:linear-gradient(#efffff,#d3f3f2);border-color:#a0d9dc}
.wp h1{color:#087caf}.wp a{color:#078cac}
#bar{background:linear-gradient(#6f9fc2e8,#315c82e8 48%,#173959f2 52%,#0d2745f5);border-color:#e5f4ff;box-shadow:0 -1px 12px #8fcaff77;backdrop-filter:blur(12px)}
#orb{background:radial-gradient(ellipse at 50% 15%,#fff9 0 12%,#fff0 45%),radial-gradient(circle at 50% 110%,#74f0e0,var(--sky) 50%,var(--ocean));box-shadow:0 0 14px #63e6df,inset 0 -5px 10px #0879a455}
.tk{background:linear-gradient(#e5f5ff55,#b1d5ef33 48%,#173d6355 52%,#d8f1ff44);border-color:#e5f4ff99}
.tk.on{background:linear-gradient(#c8eaff99,#65a4d277 48%,#234f7e99 52%,#aed8f088);border-color:#e7f5ff}
#sm{background:linear-gradient(#527da4ed,#1a3c61ef);border-color:#e7f5ff;box-shadow:inset 0 0 0 1px #fff5,0 10px 40px #102c4f99}
#sm .l div:hover,#sm .r div:hover{background:linear-gradient(#e6ffff,#b7f0eb);outline-color:#64cbd0}#sm .r div:hover{color:#083b55}
#login{background:radial-gradient(ellipse 60% 25% at 50% 85%,#c8fff477,transparent),var(--b) 15% 20%/130px 130px no-repeat,var(--b) 80% 65%/210px 210px no-repeat,linear-gradient(150deg,transparent 45%,#e9ffff88 52%,transparent 60%),linear-gradient(135deg,var(--ocean),var(--sky) 50%,#4bcdb2);text-shadow:0 2px 8px #06425c}
#go{background:radial-gradient(circle at 50% 20%,#dcfff0,var(--mint) 55%,#168b75);box-shadow:0 0 14px #7fffd0}
#toast{background:linear-gradient(#f4ffff,#c8f3ee);border-color:#54bec5;box-shadow:0 6px 24px #0879a455}
.ic svg{padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 2px 3px #000a)}
.ic.sel{background:linear-gradient(#9fd4ff66,#4a9ae855);border-color:#cfeaff;box-shadow:inset 0 0 4px #fff7}
.ic[data-t=ext]:after{border-color:#6a8aa8;background:linear-gradient(#fff,#cfe0f0);box-shadow:0 1px 2px #0006}
.ic[data-t=ext]:before{color:#1566c0}
#orb{background:radial-gradient(ellipse at 50% 15%,#fff 0 12%,#fff0 45%),radial-gradient(circle at 50% 110%,#b8d7f0,#5487b4 48%,#173c67);box-shadow:0 0 16px #81caff,inset 0 -5px 10px #102d5888}
#orb b{display:grid;width:auto;height:auto;place-items:center;border:0;border-radius:0;background:none;color:#f3e8ff;font:700 28px/1 "Segoe UI",sans-serif;text-shadow:0 1px 1px #153460,0 0 6px #fff;box-shadow:none}
#osname{flex:none;padding-right:4px;color:#eff8ff;font-size:12px;font-weight:700;text-shadow:0 1px 3px #0b2440;white-space:nowrap}

.msn{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;padding:9px;background:linear-gradient(135deg,#effbff,#d8f0ef);color:#17445b;font:12px/1.35 "Segoe UI",Frutiger,Tahoma,Verdana,sans-serif}
.msn-head{display:flex;align-items:center;gap:9px;padding:8px;background:linear-gradient(#fff,#d8f5f5);border:1px solid #a3d8dc;border-radius:5px;box-shadow:inset 0 1px #fff}
.msn-avatar{width:38px;height:38px;flex:none;object-fit:cover;border:1px solid #78bbc8;border-radius:4px}
.msn-identity{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.msn-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#07577d;font-size:13px}.msn-identity small{color:#568195}
.msn-my-status{display:flex;align-items:center;gap:5px}.msn-my-status select{max-width:116px;border:1px solid #9acbd1;border-radius:3px;padding:4px;background:#f8ffff;color:#16495e;font:inherit}
.msn-presence{width:9px;height:9px;flex:none;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #5679}.msn-presence.online{background:#48bd78}.msn-presence.away{background:#e8b84c}.msn-presence.busy{background:#e87579}.msn-presence.offline{background:#a5b4bd}
.msn-toolbar{display:flex;align-items:center;gap:7px}.msn-toolbar button,.msn-add-form button,.msn-compose button{flex:none;border:1px solid #73bac7;border-radius:4px;padding:5px 9px;background:linear-gradient(#fff,#c8edf1);color:#125473;font:inherit;cursor:pointer}.msn-toolbar button:hover,.msn-add-form button:hover,.msn-compose button:hover{background:linear-gradient(#f1ffff,#a9e5e7)}
.msn-search,.msn-add-form input,.msn-compose input{min-width:0;border:1px solid #a3cbd0;border-radius:3px;padding:6px 8px;background:#fff;color:#153e50;font:inherit}.msn-search{flex:1}
.msn-add-form{display:flex;gap:6px}.msn-add-form[hidden]{display:none}.msn-add-form input{flex:1}
.msn-melis-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px;border:1px solid #a3cbd0;border-radius:4px;background:linear-gradient(#f9ffff,#e8f6f6)}.msn-melis-form[hidden]{display:none}.msn-melis-form input,.msn-melis-form textarea{grid-column:1/-1;min-width:0;border:1px solid #a3cbd0;border-radius:3px;padding:6px 8px;background:#fff;color:#153e50;font:inherit}.msn-melis-form textarea{min-height:54px;max-height:100px;resize:vertical}.msn-melis-form button{justify-self:start;border:1px solid #73bac7;border-radius:4px;padding:5px 9px;background:linear-gradient(#fff,#c8edf1);color:#125473;font:inherit;cursor:pointer}.msn-melis-form [role=status]{align-self:center;color:#287d62;font-size:10px}
.msn-main{display:grid;grid-template-columns:minmax(175px,34%) minmax(0,1fr);gap:8px;flex:1;min-height:0}
.msn-roster{min-height:0;overflow:auto;padding:5px;background:#f9feff;border:1px solid #add6dc;border-radius:4px}
.msn-group{padding:5px 6px;color:#318094;font-size:10px;font-weight:700}
.msn-contact{display:flex;width:100%;align-items:center;gap:7px;padding:6px 5px;border:1px solid transparent;border-radius:3px;background:transparent;color:#17445b;text-align:left;font:inherit;cursor:pointer}
.msn-contact:hover{background:#e7f8f8}.msn-contact.selected{background:#d4f0ef;border-color:#8dcdd0}
.msn-contact-avatar{display:grid;width:30px;height:30px;flex:none;place-items:center;border:1px solid #a6d4d7;border-radius:4px;background:linear-gradient(145deg,#dff8ff,#a6e1dd);color:#0878a5;font-weight:700}
.msn-contact-avatar img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.msn-band-group{margin-top:6px;border:1px solid #9dcbd0;border-radius:4px;background:linear-gradient(#f4ffff,#e1f2f2)}
.msn-band-group summary{display:flex;align-items:center;gap:7px;padding:5px;list-style:none;cursor:pointer}
.msn-band-group summary::-webkit-details-marker{display:none}
.msn-band-logo{width:30px;height:30px;object-fit:cover;border:1px solid #9bbdc2;border-radius:4px}
.msn-band-group summary>span{display:grid;min-width:0;flex:1;gap:2px}
.msn-band-group summary strong{color:#07577d;font-size:11px}
.msn-band-group summary small{color:#72909b;font-size:9px}
.msn-band-group summary>b{color:#318094;font-size:16px}
.msn-band-group:not([open]) summary>b{transform:rotate(-90deg)}
.msn-band-contacts{padding:0 3px 3px}
.msn-contact-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.msn-contact-copy strong,.msn-contact-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msn-contact-copy strong{font-size:12px}.msn-contact-copy small{color:#72909b;font-size:10px}
.msn-chat{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid #add6dc;border-radius:4px;background:#fbfeff}
.msn-conversation-head{display:flex;align-items:center;gap:7px;padding:7px 9px;border-bottom:1px solid #c4e2e4;background:linear-gradient(#f3ffff,#e0f4f3)}.msn-conversation-head strong{color:#07577d}.msn-conversation-head small{margin-left:auto;color:#718e99}
.msn-thread{display:flex;min-height:0;flex:1;flex-direction:column;gap:7px;overflow:auto;padding:10px;background:linear-gradient(#fbfeff,#f1f9fa)}
.msn-empty-chat{display:grid;flex:1;place-items:center;color:#6f929d;text-align:center}.msn-empty-chat span{display:grid;gap:5px}.msn-empty-chat strong{color:#287d95;font-size:13px}
.msn-message{max-width:84%;padding:6px 8px;border:1px solid #c4dfe2;border-radius:6px;background:#fff;color:#244f60;overflow-wrap:anywhere}.msn-message.mine{align-self:flex-end;border-color:#a8dfd3;background:#dff6ef}.msn-message p{margin:0}.msn-message time{display:block;margin-top:3px;color:#78949c;font-size:9px;text-align:right}
.msn-compose{display:flex;gap:6px;padding:7px;border-top:1px solid #c4e2e4;background:#edf8f8}.msn-compose input{flex:1}.msn-compose button{background:linear-gradient(#d6fff0,#75d4a5);border-color:#89cfae;color:#135d55}
.msn-footer{display:flex;justify-content:space-between;color:#6c8d98;font-size:10px}
@media(max-width:540px){.msn{gap:6px;padding:6px}.msn-main{grid-template-columns:minmax(112px,34%) minmax(0,1fr);gap:5px}.msn-contact{gap:4px;padding:5px 2px}.msn-contact-avatar{width:25px;height:25px}.msn-contact-copy strong{font-size:10px}.msn-contact-copy small{display:none}.msn-my-status select{max-width:98px}.msn-toolbar{gap:4px}.msn-toolbar button{padding:5px 6px}}

.artist-site,.artist-page,.games-home,.game-page{max-width:850px;margin:0 auto;padding:8px 12px;color:#23435d}
.artist-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:20px;align-items:center;padding:18px 12px;border-top:1px solid #fff;border-bottom:1px solid #9dbbd0;background:linear-gradient(115deg,#f9fdff,#dcecf7 55%,#eef8fc)}
.artist-kicker{margin:0 0 5px;color:#557d9d;font-size:10px;font-weight:700}
.artist-intro h1,.artist-page h1,.games-home h1,.game-heading h1{margin:0 0 8px;color:#154b78;font-size:26px;font-weight:400}
.artist-intro>p:not(.artist-kicker),.artist-page>p:not(.artist-kicker),.games-intro{max-width:54ch;color:#435f73;line-height:1.7}
.artist-cover{margin:0;padding:5px;background:linear-gradient(#fff,#d5e7f4);border:1px solid #8eabc2;box-shadow:0 2px 8px #17375255}
.artist-cover img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.artist-cover figcaption{padding:4px 2px 0;color:#638097;font-size:10px}
.artist-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.artist-nav a,.artist-page>a{display:inline-block;padding:5px 10px;border:1px solid #8daec6;border-radius:3px;background:linear-gradient(#fff,#d6e6f2);color:#194e78;text-decoration:none;cursor:pointer}
.artist-nav a:hover,.artist-page>a:hover{background:linear-gradient(#fff,#bdd8eb)}
.artist-note{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;border-top:1px solid #c5d9e7;border-bottom:1px solid #c5d9e7;background:linear-gradient(90deg,#f8fcff,#e7f1f8)}
.artist-note h2{margin:0;color:#1b5986;font-size:17px;font-weight:600}.artist-note p:last-child{margin:4px 0 0;color:#526d80}
.artist-arrow{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #88abc6;border-radius:50%;background:linear-gradient(#fff,#c6deef);color:#1b5d91;text-decoration:none;font-size:23px}
.artist-page{max-width:700px;padding:18px}.artist-inline-photo{width:min(220px,55%);margin:16px 0;padding:5px;border:1px solid #9bb7cb;background:linear-gradient(#fff,#d7e7f2)}.artist-inline-photo img{display:block;width:100%;height:auto}.artist-inline-photo figcaption{padding-top:5px;color:#668196;font-size:10px}
.games-home{max-width:700px;padding:18px}.games-list{display:grid;gap:7px;margin-top:18px;border-top:1px solid #a9bfd0}.games-list a{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #afc5d5;background:linear-gradient(90deg,#f9fcff,#e4eff7);color:#244c6b;text-decoration:none}.games-list a:hover{background:linear-gradient(90deg,#fff,#cfdfec)}.games-list a>span:nth-child(2){display:grid;gap:3px}.games-list strong{color:#174e7a;font-size:14px}.games-list small{color:#647f93}.games-list b{color:#3875a1;font-size:22px;text-align:center}
.games-symbol{display:grid;width:40px;height:40px;place-items:center;border:1px solid #a1b9ca;border-radius:7px;background:radial-gradient(circle at 35% 25%,#fff,#dcebf5 58%,#aac8dc);box-shadow:inset 0 1px #fff,0 1px 3px #23435b55;color:#258557;font-size:21px;font-weight:700}.mine-symbol{color:#bd5344}
.game-page{padding:10px 12px}.game-heading{display:flex;align-items:center;gap:13px;padding:8px 10px;border:1px solid #91adc4;background:linear-gradient(#f8fcff,#d6e6f2);box-shadow:inset 0 1px #fff}.game-heading>a{flex:none;color:#216292;text-decoration:none}.game-heading>div{min-width:0;flex:1}.game-heading .artist-kicker{margin:0}.game-heading h1{margin:0;font-size:20px}.game-heading>strong{color:#244f70;font-size:12px;white-space:nowrap}
.converse-game{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:center;padding:12px;border:1px solid #9ab2c7;background:linear-gradient(135deg,#f5fafc,#dfeef5);box-shadow:inset 0 1px #fff}.converse-logo-box{display:grid;place-items:center;gap:8px;padding:8px;border:1px solid #b9cad8;background:linear-gradient(#fff,#e4edf6);text-align:center}.converse-logo-box img{display:block;width:100%;max-width:220px;aspect-ratio:2.2;object-fit:contain}.converse-logo-box span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#475d73;text-transform:uppercase}.converse-panel{display:grid;gap:10px;padding:8px;border:1px solid #b8cfe0;background:linear-gradient(#fff,#ebf5fa)}.converse-panel p{margin:0;color:#35566d;line-height:1.5}.converse-panel button{padding:8px 12px;border:1px solid #869db4;border-radius:4px;background:linear-gradient(#fefefe,#dceaf6);color:#1b4a72;font:inherit;cursor:pointer}.converse-meter{width:100%;height:16px;border-radius:999px;background:#d9edf6;border:1px solid #a9cbe1;overflow:hidden}.converse-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#d51f27,#ef7b3e,#f0c94d);border-radius:999px}.snake-layout,.mines-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:start;justify-items:center;margin:12px auto;max-width:540px}
.snake-stage{padding:7px;border:1px solid #879fb6;border-radius:4px;background:linear-gradient(135deg,#f7fbff,#b9cede);box-shadow:inset 0 1px #fff,0 2px 6px #1a344b55}
#snake-board{display:block;width:min(288px,100%);height:auto;border:1px solid #607f9b;background:#f4f9ff;image-rendering:pixelated;outline:none}
.game-controls{display:grid;width:100%;gap:7px;align-content:start;padding:10px;border:1px solid #9ab2c7;background:linear-gradient(#f8fcff,#d8e6f0);box-shadow:inset 0 1px #fff}.game-controls p{margin:0 0 3px;color:#40617a}.game-controls button{min-height:30px;border:1px solid #829fb8;border-radius:3px;background:linear-gradient(#fff,#d6e5f0 48%,#bbd0df 52%,#e6f1f7);color:#214e71;font:inherit;cursor:pointer}.game-controls button:hover{filter:brightness(1.04)}.game-controls button.active{background:linear-gradient(#dff2ff,#a9cce4 48%,#87afd0 52%,#cbe2f3)}
.snake-pad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,30px);justify-content:center;gap:3px;margin-top:3px}.snake-pad button[data-direction=up]{grid-column:2;grid-row:1}.snake-pad button[data-direction=left]{grid-column:1;grid-row:2}.snake-pad button[data-direction=down]{grid-column:2;grid-row:2}.snake-pad button[data-direction=right]{grid-column:3;grid-row:2}
.mines-layout{grid-template-columns:minmax(0,1fr) 160px;align-items:center;max-width:480px}
.mine-board{display:grid;grid-template-columns:repeat(9,30px);gap:2px;padding:6px;border:1px solid #8199ad;background:#b8c6d3;box-shadow:inset 1px 1px #fff,0 2px 6px #23435b55}
.mine-cell{width:30px;height:30px;min-width:0;padding:0;border:2px outset #f2f6fa;background:linear-gradient(145deg,#e8f0f6,#bdcbd7);color:#174e7a;font-weight:700;cursor:pointer}.mine-cell:hover:not(.open){filter:brightness(1.07)}.mine-cell.open{border:1px solid #9dabb8;background:#e9f0f5;cursor:default}.mine-cell.flagged{color:#d14535}.mine-cell.bomb{background:#efa19b;color:#6b1616}
.mine-help{font-size:10px;line-height:1.5}
.converse-maze{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px;align-items:center;justify-items:center;margin:8px auto;max-width:510px}
.converse-board{width:100%;max-width:420px;padding:5px;border:1px solid #8ba7bc;border-radius:5px;background:linear-gradient(135deg,#f8fcff,#bfd4e4);box-shadow:inset 0 1px #fff,0 2px 6px #1a344b55}
.converse-board canvas{display:block;width:100%;height:auto;outline:none;touch-action:none}
.converse-controls{display:grid;width:100%;gap:7px;align-content:center;padding:9px;border:1px solid #9ab2c7;background:linear-gradient(#f8fcff,#d8e6f0);box-shadow:inset 0 1px #fff}
.converse-controls p{margin:0;color:#35566d;line-height:1.5}
.converse-controls button{min-height:30px;border:1px solid #829fb8;border-radius:3px;background:linear-gradient(#fff,#d6e5f0 48%,#bbd0df 52%,#e6f1f7);color:#214e71;font:inherit;cursor:pointer}
.converse-controls button:hover{filter:brightness(1.05)}
.converse-pad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,30px);justify-content:center;gap:3px;margin-top:2px}
.converse-pad button[data-direction=up]{grid-column:2;grid-row:1}.converse-pad button[data-direction=left]{grid-column:1;grid-row:2}.converse-pad button[data-direction=down]{grid-column:2;grid-row:2}.converse-pad button[data-direction=right]{grid-column:3;grid-row:2}
.converse-hint{font-size:10px}
.maze-chase{display:grid;width:min(700px,100%);height:100%;grid-template-columns:minmax(0,1fr) 142px;gap:10px;align-items:center;margin:auto}
.maze-chase-board{display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;overflow:hidden;border:1px solid #285c91;border-radius:7px;background:radial-gradient(ellipse at 50% 45%,#102a45,#061321 75%);box-shadow:inset 0 0 24px #030b15,0 4px 18px #0008}
.maze-chase-board canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:4px;touch-action:none;outline:none}
.maze-chase-controls{display:grid;gap:9px;align-content:center;padding:10px;border:1px solid #2b5d8b;border-radius:7px;background:linear-gradient(145deg,#123456,#091b2c);color:#e6f4ff;box-shadow:inset 0 1px #ffffff20,0 4px 14px #0006}
.maze-chase-status{min-height:34px;margin:0;color:#c5e4ff;font-size:11px;line-height:1.4;text-align:center}
.maze-chase-pad{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,34px);justify-content:center;gap:4px}
.maze-chase-pad button{border:1px solid #68a8df;border-radius:7px;background:linear-gradient(#3478b6,#164a7d);box-shadow:inset 0 1px #ffffff40,0 2px 4px #0008;color:white;font-size:19px;cursor:pointer;touch-action:manipulation}
.maze-chase-pad button:active{background:linear-gradient(#5899d2,#2363a1);transform:translateY(1px)}
.maze-chase-pad button[data-direction=up]{grid-column:2;grid-row:1}.maze-chase-pad button[data-direction=left]{grid-column:1;grid-row:2}.maze-chase-pad button[data-direction=down]{grid-column:2;grid-row:2}.maze-chase-pad button[data-direction=right]{grid-column:3;grid-row:2}
.maze-chase-restart{min-height:32px;border:1px solid #6ea4d2;border-radius:5px;background:linear-gradient(#2c70aa,#16436f);color:white;font:inherit;cursor:pointer}
.maze-chase-hint{margin:0;color:#a9c9e3;font-size:10px;line-height:1.5}
.modun-game{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;align-items:center;justify-items:center;margin:10px auto;max-width:500px}
.modun-stage{width:100%;max-width:360px;overflow:hidden;border:1px solid #bf9a42;border-radius:5px;background:linear-gradient(#f7cf65,#fff0c2);box-shadow:inset 0 1px #fff9,0 2px 8px #78602b55}
.modun-stage canvas{display:block;width:100%;height:auto;touch-action:none;outline:none}
.modun-controls{display:grid;width:100%;gap:8px;align-content:center;padding:10px;border:1px solid #9ab2c7;background:linear-gradient(#f8fcff,#d8e6f0);box-shadow:inset 0 1px #fff}
.modun-controls p{margin:0;color:#35566d;line-height:1.5}
.modun-controls button{min-height:32px;border:1px solid #829fb8;border-radius:3px;background:linear-gradient(#fff,#d6e5f0 48%,#bbd0df 52%,#e6f1f7);color:#214e71;font:inherit;cursor:pointer}
.modun-hint{font-size:10px}
:root[data-theme] .modun-game{background:linear-gradient(135deg,#fff6db,#f2dc9a);color:#684c18}
:root[data-theme] .modun-stage{border-color:#bf9a42;background:linear-gradient(#f7cf65,#fff0c2)}
@media(max-width:640px){.artist-hero{grid-template-columns:minmax(0,1fr) 120px;gap:10px;padding:12px 7px}.artist-intro h1{font-size:21px}.artist-cover{padding:3px}.artist-nav{gap:4px}.artist-nav a{padding:4px 6px;font-size:11px}.artist-note{padding:9px}.game-page{padding:7px}.snake-layout,.mines-layout{grid-template-columns:1fr;gap:8px}.game-controls{grid-template-columns:1fr 1fr;max-width:320px}.game-controls p,.snake-pad,.mine-help{grid-column:1/-1}.game-controls .snake-pad{justify-self:center}.mine-board{grid-template-columns:repeat(9,min(30px,8vw));gap:1px;padding:4px}.mine-cell{width:min(30px,8vw);height:min(30px,8vw);font-size:12px}}
@media(max-width:640px){.converse-maze{grid-template-columns:1fr;gap:7px;max-width:420px}.converse-board{max-width:420px}.converse-controls{grid-template-columns:1fr 1fr;gap:5px;padding:7px}.converse-controls>p:first-child,.converse-controls .converse-hint,.converse-controls #conv-status{grid-column:1/-1}.converse-pad{grid-column:1/-1;grid-row:3;justify-self:center}}
@media(max-width:640px){.maze-chase{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:6px}.maze-chase-controls{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:5px 7px}.maze-chase-status{grid-column:1/-1;min-height:0}.maze-chase-pad{grid-column:1;grid-row:2;grid-template-columns:repeat(3,31px);grid-template-rows:repeat(2,27px);gap:2px}.maze-chase-pad button{font-size:16px}.maze-chase-restart{grid-column:2;grid-row:2;padding:0 7px;font-size:10px}.maze-chase-hint{grid-column:3;grid-row:2;max-width:95px;font-size:9px}}
@media(max-width:640px){.modun-game{grid-template-columns:1fr;gap:7px;max-width:420px}.modun-stage{max-width:420px}.modun-controls{grid-template-columns:1fr 1fr;gap:5px;padding:7px}.modun-controls>p{grid-column:1/-1}}

/* Retro MelOS audio player */
.pl.retro-player{gap:6px;padding:7px;background:linear-gradient(135deg,#d9edf0,#84b6c0 48%,#c4e0e3)!important;color:#173843;font:11px Tahoma,Arial,sans-serif}
.wa-title{display:flex;align-items:center;gap:6px;min-height:26px;padding:3px 5px;background:linear-gradient(#176078,#0b3449);border:1px solid #4a9aaa;color:#f1ffff}
.wa-mark{display:grid;width:21px;height:19px;place-items:center;background:linear-gradient(135deg,#d8fff4,#53cbbb);color:#073e4b;font:bold 15px Georgia;border:1px solid #b8fff0;border-radius:4px}
.wa-title strong{font-size:11px;letter-spacing:1px}.wa-version{flex:1;color:#aeb5ba;font:10px "Courier New",monospace}
.wa-title button{height:20px;min-width:28px;padding:0 4px;border:1px solid #777;border-radius:2px;background:linear-gradient(#e1e3e5,#8e9599);color:#172027;font:bold 10px Tahoma;cursor:pointer}
.pl.retro-player .lcd{display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px;padding:7px;background:linear-gradient(#08252b,#031519);border:2px solid #39848a;border-radius:6px;box-shadow:inset 0 0 0 1px #000,inset 0 0 12px #000}
.pl.retro-player .tm{grid-row:auto;font-size:30px;color:#83f2d0;text-shadow:0 0 7px #36c9a5}
.wa-display{display:grid;grid-template-rows:1fr auto auto;gap:2px;min-width:0}
.pl.retro-player .mq{grid-column:auto;color:#71e0b8;font-size:10px}.pl.retro-player .mq span{animation-duration:18s}
.pl.retro-player .ki{grid-column:auto;color:#bde8d9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl.retro-player .vz{height:24px;border:1px solid #20534d;background:#041411}
.pl.retro-player #sk{height:12px;margin:0;accent-color:#f0a849}
.wa-transport{display:flex;justify-content:center;gap:5px;padding:3px 0}
.wa-transport button{width:38px;height:29px;border:1px solid #70777b;border-radius:3px;background:linear-gradient(#fff,#c7cbce 46%,#8a9195 52%,#e8e9e9);box-shadow:inset 0 1px #fff;color:#20272c;font-weight:700;cursor:pointer}
.wa-transport button:hover,.wa-title button:hover,.wa-volume button:hover{filter:brightness(1.08)}
.wa-volume{display:flex;align-items:center;gap:8px;padding:3px 5px;background:linear-gradient(#c5c9cb,#a0a6a9);border:1px solid #858b8e;color:#3d4448;font:bold 9px Tahoma;letter-spacing:.4px}
.pl.retro-player .wa-volume input{flex:1;width:auto;min-width:40px;height:13px;accent-color:#21b8a0}
.wa-volume span{font-size:15px;color:#51585c}
.pl.retro-player .we{justify-content:space-around;padding:7px;background:linear-gradient(#103a3e,#092528);border:1px solid #357779;border-radius:5px}
.pl.retro-player .we input{height:72px;accent-color:#71dfb2}
.pl.retro-player .wpl{max-height:96px;overflow:auto;background:#071c19;border:1px solid #357779;border-radius:4px;font:10px "Courier New",monospace}
.pl.retro-player .tr{padding:4px 5px;color:#8de5bd}.pl.retro-player .tr.on{background:#175c56;color:#ecfff3}
.pl.retro-player .tr.lo{color:#667e74}
.bd:has(.pl.retro-player){padding:0;background:#8fb8bb;border:1px solid #286c76;overflow:auto}
.pl.nature-skin{gap:5px;padding:7px;font:11px Tahoma,Arial,sans-serif}
.nature-skin .wa-title{min-height:27px;padding:3px 5px;border-radius:2px;box-shadow:inset 0 1px #ffffff66}
.nature-skin .wa-mark{width:21px;height:19px;border-radius:2px}
.nature-skin .wa-transport{gap:4px;padding:2px 0}
.nature-skin .wa-transport button{height:29px;border-radius:2px;box-shadow:inset 0 1px #ffffff88}
.nature-skin .wa-volume{padding:3px 5px}
.pl.nature-skin .we{padding:6px;border-radius:2px}
.pl.nature-skin .wpl{max-height:96px;border-radius:2px;font:10px "Courier New",monospace}
.pl.nature-skin .tr{padding:4px 5px;border-bottom:1px solid color-mix(in srgb,var(--th-edge) 28%,transparent)}
.wa-skin-credit{padding:2px 3px;font:9px/1.35 Tahoma,Arial,sans-serif;text-align:center}
.wa-skin-credit a{text-decoration:underline}
.bd:has(.pl.nature-skin){padding:0;overflow:auto}

/* Games keep all game controls and status inside the play area. */
.bd:has(.game-page){margin:0;overflow:hidden;background:#081522;border:0;box-shadow:none}
.game-page{display:flex;width:100%;height:100%;max-width:none;flex:1;align-items:center;justify-content:center;overflow:hidden;padding:8px;background:radial-gradient(ellipse at center,#173149,#081522 78%);color:#fff}
.game-page .game-heading,.game-page aside{display:none}
.converse-board,.modun-stage,.snake-stage{display:flex;width:100%;height:100%;max-width:none;align-items:center;justify-content:center;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
.converse-board canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #42647b;box-shadow:0 5px 24px #0008;touch-action:none;outline:none}
.modun-stage canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;outline:none}
.snake-stage canvas{display:block;width:min(288px,max(144px,calc(90vh - 95px)));height:auto;max-width:100%;max-height:100%;border:1px solid #718495;box-shadow:0 5px 24px #0008;touch-action:none;outline:none}
.mine-game{display:flex;max-width:100%;max-height:100%;flex-direction:column;align-items:center;gap:8px;padding:10px;border:1px solid #6d8496;border-radius:5px;background:linear-gradient(#dce2e6,#aeb8be);box-shadow:0 5px 24px #0008;color:#273440}
.mine-hud{display:flex;width:100%;align-items:center;gap:8px;padding:5px 7px;border:1px solid #7f8b91;background:linear-gradient(#eef2f3,#c5ccd0);box-shadow:inset 0 1px #fff;font:10px Tahoma,sans-serif}
.mine-hud>strong{flex:1;font-size:11px;letter-spacing:.4px}.mine-hud>span{white-space:nowrap}.mine-hud #mine-status{overflow:hidden;max-width:120px;text-overflow:ellipsis}
.mine-hud button{width:26px;height:25px;border:1px solid #7c898f;border-radius:2px;background:linear-gradient(#fafcfc,#bcc5c9);color:#26343b;font:bold 16px Tahoma;cursor:pointer}
.mine-hud #mine-flag-mode.active{background:#f7e295}.mine-board{display:grid;grid-template-columns:repeat(9,32px);gap:2px;padding:5px;border:2px inset #bac1c5;background:#929da3}
.mine-cell{width:32px;height:32px;padding:0;border:2px outset #f5f7f8;border-radius:0;background:linear-gradient(#e9edef,#bbc3c7);color:#1852a0;font:bold 15px Tahoma;cursor:pointer}
.mine-cell.open{border:1px solid #9da5a9;background:#d7dcde;cursor:default}.mine-cell.flagged{color:#d43c32}.mine-cell.bomb{background:#ec8e7b;color:#5c1414}
.mine-help{margin:0;color:#45545b;font:10px Tahoma,sans-serif}
.agithe-gallery{flex:1;overflow:auto;padding:14px;background:linear-gradient(#f6f9fc,#e2eaf1)}
.agithe-intro{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#334e65;font-weight:600}.agithe-intro img{width:58px;height:58px;object-fit:contain;border:1px solid #b8c6d2;background:white}
.agithe-art{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.agithe-art figure{margin:0;padding:5px;border:1px solid #b8c6d2;background:linear-gradient(#fff,#edf2f6);box-shadow:0 1px 3px #34495a33}
.agithe-art figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.agithe-art figcaption{padding-top:4px;color:#52697c;font-size:10px}
.agithe-browser{display:flex;align-items:center;gap:9px;margin-top:14px;padding:7px 10px;border:1px solid #9bb2c5;border-radius:4px;background:linear-gradient(#fff,#dce9f3);color:#254c6a;text-align:left;cursor:pointer}
.agithe-browser svg{width:34px;height:34px;flex:none}.agithe-browser span{display:grid;gap:2px}.agithe-browser small{color:#688196;font-size:10px}
.win.agithe-window{border-color:#717078;background:linear-gradient(135deg,#48474d,#19191d 40%,#36343b);box-shadow:inset 0 0 0 1px #ffffff29,0 12px 38px #000b}
.win.agithe-window .tb{color:#f2edf4;text-shadow:0 1px 3px #000;background:linear-gradient(#53515a,#29282e 55%,#17171b);border-bottom:1px solid #85808c}
.win.agithe-window .cb i{border-color:#77717c;background:linear-gradient(#77727c,#48454c 48%,#302e34 52%,#615d66);color:#f3edf4;text-shadow:0 1px 2px #000}
.win.agithe-window .cb i.cl{background:linear-gradient(#bc727a,#873d48 48%,#602b35 52%,#a9525c);color:#fff}
.agithe-window .bd{margin:0;overflow:hidden;background:#17171b;border:1px solid #69656f;box-shadow:inset 0 0 0 1px #ffffff12}
.agithe-window .xt{padding:6px 9px;background:linear-gradient(#343239,#242328);border-bottom:1px solid #57535d}
.agithe-window .gb{border-color:#88828f;background:radial-gradient(circle at 50% 20%,#8d8994,#4d4a53 55%,#29282d);box-shadow:0 1px 4px #0009}
.agithe-window .ad{padding:5px 10px;border-color:#5d5964;border-radius:4px;background:#1c1b20;color:#e5dfe9}
.agithe-gallery{padding:16px;background:radial-gradient(ellipse at 50% -10%,#52434c 0,transparent 50%),linear-gradient(145deg,#242328,#111114 72%);color:#eee9ef}
.agithe-intro{gap:12px;padding:11px 13px;margin-bottom:14px;border:1px solid #554d58;border-radius:7px;background:linear-gradient(115deg,#302d34,#211f25);color:#f5edf4;box-shadow:inset 0 1px #ffffff12,0 5px 18px #0005}
.agithe-intro img{width:48px;height:48px;padding:3px;object-fit:contain;border:1px solid #847987;border-radius:5px;background:#f7f5f6}
.agithe-intro span{display:grid;gap:2px}.agithe-intro strong{font-size:15px;letter-spacing:2px}.agithe-intro small{color:#b7adb9;font-size:10px}.agithe-intro i{margin-left:auto;padding:5px 8px;border:1px solid #655a66;border-radius:4px;color:#d3a7bd;font:600 9px "Segoe UI",sans-serif;letter-spacing:.7px;white-space:nowrap}
.agithe-art{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px}
.agithe-art figure{overflow:hidden;padding:6px;border:1px solid #514d55;border-radius:6px;background:linear-gradient(145deg,#302e34,#1d1c20);box-shadow:0 7px 18px #0006;transition:transform .18s,border-color .18s,box-shadow .18s}
.agithe-art figure:hover{transform:translateY(-2px);border-color:#bd829e;box-shadow:0 10px 24px #0009,0 0 12px #bb71952b}
.agithe-art figure img{aspect-ratio:3/4;object-fit:contain;border-radius:3px;background:#111;cursor:zoom-in}
.agithe-art figcaption{display:flex;justify-content:space-between;align-items:center;padding:7px 3px 2px;color:#ad9eae;font-size:9px;letter-spacing:1px}.agithe-art figcaption b{color:#e8c2d4;font-size:11px}
.agithe-browser{gap:10px;margin-top:14px;padding:8px 11px;border-color:#685967;border-radius:5px;background:linear-gradient(#42343e,#302630);color:#f4eaf1;box-shadow:inset 0 1px #ffffff1c,0 3px 10px #0005}
.agithe-browser:hover{border-color:#bd829e;background:linear-gradient(#51404c,#352a35)}
.agithe-intro{gap:9px}.agithe-intro>span{min-width:0}.agithe-intro>span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agithe-intro .agithe-browser{flex:none;gap:6px;margin:0 0 0 auto;padding:4px 9px;font-size:11px}
.agithe-intro .agithe-browser strong{font-size:11px;letter-spacing:0;font-weight:600;white-space:nowrap}
.agithe-intro .agithe-browser small{display:none}
.agithe-intro .agithe-browser svg{width:18px;height:18px}
.agithe-intro .agithe-browser>b{font-size:13px}
.agithe-intro .agithe-browser+i{margin-left:0}
.agithe-browser svg{filter:drop-shadow(0 1px 3px #000)}.agithe-browser span{flex:1}.agithe-browser small{color:#c0aebc}.agithe-browser>b{font-size:16px;color:#e5bdd1}
.text-file-editor{display:block;width:100%;height:100%;min-height:0;padding:12px;border:0;resize:none;outline:0;background:#fff;color:#17212a;font:13px/1.5 Consolas,"Courier New",monospace;user-select:text;-webkit-user-select:text}

:root[data-theme=original]{--th-dark:#103c60;--th-main:#168fbd;--th-bright:#43bed6;--th-soft:#b9e7ee;--th-pale:#e6f5f8;--th-edge:#73b9ca;--th-ink:#173f59;--th-hover:#c9edf3;--th-glow:#8be1ef;--wallpaper:url("../assets/wallpapers/orijinal.jpg");--wallpaper-tint:rgba(10,54,88,.1)}
:root[data-theme=yellow]{--th-dark:#62410d;--th-main:#b77912;--th-bright:#e6aa24;--th-soft:#f4d98b;--th-pale:#fbf2d9;--th-edge:#c9a34f;--th-ink:#554018;--th-hover:#f7e5ae;--th-glow:#f4cf6e;--wallpaper:url("../assets/wallpapers/sar%C4%B1.jpg");--wallpaper-tint:rgba(154,103,19,.2)}
:root[data-theme=green]{--th-dark:#174528;--th-main:#358d4b;--th-bright:#60b86c;--th-soft:#b6dda0;--th-pale:#eaf4df;--th-edge:#83b673;--th-ink:#27462d;--th-hover:#d5edc3;--th-glow:#a5db8e;--wallpaper:url("../assets/wallpapers/yes%CC%A7il.jpg.webp");--wallpaper-tint:rgba(25,95,53,.18)}
:root[data-theme=pink]{--th-dark:#4d2349;--th-main:#a34782;--th-bright:#cb6da3;--th-soft:#edc1d9;--th-pale:#f8e9f1;--th-edge:#c184a9;--th-ink:#512d4a;--th-hover:#f1d4e5;--th-glow:#eab1d0;--wallpaper:url("../assets/wallpapers/pembe.jpg");--wallpaper-tint:rgba(126,45,94,.2)}
:root[data-theme] body{background:linear-gradient(145deg,var(--th-dark),var(--th-main) 48%,var(--th-soft));color:var(--th-ink)}
:root[data-theme] #login{background:radial-gradient(ellipse 60% 25% at 50% 85%,color-mix(in srgb,var(--th-glow) 48%,transparent),transparent),var(--b) 15% 20%/130px 130px no-repeat,var(--b) 80% 65%/210px 210px no-repeat,linear-gradient(150deg,var(--th-dark),var(--th-main) 52%,var(--th-soft));text-shadow:0 2px 8px color-mix(in srgb,var(--th-dark) 75%,transparent)}
:root[data-theme] #bar{background:linear-gradient(color-mix(in srgb,var(--th-soft) 82%,white),color-mix(in srgb,var(--th-main) 78%,transparent) 22%,color-mix(in srgb,var(--th-dark) 91%,transparent) 58%,color-mix(in srgb,var(--th-dark) 98%,black));border-color:color-mix(in srgb,var(--th-soft) 80%,white);box-shadow:0 -2px 14px color-mix(in srgb,var(--th-glow) 60%,transparent)}
:root[data-theme] #orb{background:radial-gradient(ellipse at 34% 22%,white 0,color-mix(in srgb,var(--th-soft) 85%,white) 20%,var(--th-bright) 53%,var(--th-dark));box-shadow:inset 0 2px 5px white,inset 0 -5px 9px var(--th-dark),0 0 0 1px var(--th-edge),0 0 16px var(--th-glow)}
:root[data-theme] #orb:hover{box-shadow:inset 0 2px 6px white,0 0 0 1px var(--th-edge),0 0 22px var(--th-glow)}
:root[data-theme] #sm{background:linear-gradient(145deg,color-mix(in srgb,var(--th-soft) 94%,white),color-mix(in srgb,var(--th-main) 86%,var(--th-dark)) 35%,color-mix(in srgb,var(--th-dark) 96%,black));border-color:color-mix(in srgb,var(--th-soft) 72%,white);box-shadow:inset 0 0 0 1px #fff8,0 12px 36px color-mix(in srgb,var(--th-dark) 60%,transparent)}
:root[data-theme] #sm .l{background:linear-gradient(white,var(--th-pale));border-color:var(--th-edge)}
:root[data-theme] #sm .r{color:#fff}
:root[data-theme] #sm .l div:hover,:root[data-theme] #sm .r div:hover{background:linear-gradient(white,var(--th-hover));outline-color:var(--th-bright);color:var(--th-ink)}
:root[data-theme] .win:not(.agithe-window){border-color:color-mix(in srgb,var(--th-dark) 46%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--th-pale) 94%,white),color-mix(in srgb,var(--th-main) 54%,white) 35%,color-mix(in srgb,var(--th-pale) 85%,var(--th-soft)) 64%,color-mix(in srgb,var(--th-dark) 45%,var(--th-soft)));box-shadow:inset 0 0 0 1px #ffffffc7,0 9px 30px color-mix(in srgb,var(--th-dark) 42%,transparent)}
:root[data-theme] .win:not(.agithe-window) .tb{color:var(--th-ink);text-shadow:0 1px 4px white;background:linear-gradient(color-mix(in srgb,var(--th-pale) 88%,white),color-mix(in srgb,var(--th-soft) 74%,white) 53%,color-mix(in srgb,var(--th-main) 55%,var(--th-soft)));border-bottom-color:color-mix(in srgb,var(--th-edge) 60%,white)}
:root[data-theme] .win:not(.agithe-window) .cb i{border-color:color-mix(in srgb,var(--th-dark) 35%,white);background:linear-gradient(white,var(--th-pale) 48%,var(--th-soft) 53%,color-mix(in srgb,var(--th-main) 30%,white));color:var(--th-ink)}
:root[data-theme] .win:not(.agithe-window) .cb i.cl{background:linear-gradient(#ffd6d0,#ed8c7c 48%,#c95046 53%,#f1b0a6);color:white}
:root[data-theme] .win:not(.agithe-window) .bd{background:color-mix(in srgb,var(--th-pale) 62%,white);border-color:color-mix(in srgb,var(--th-edge) 50%,white)}
:root[data-theme] #sb .g{background:linear-gradient(color-mix(in srgb,var(--th-main) 90%,white),color-mix(in srgb,var(--th-dark) 95%,black));border-color:color-mix(in srgb,var(--th-soft) 72%,white);box-shadow:inset 0 1px #fff9,0 5px 16px color-mix(in srgb,var(--th-dark) 48%,transparent)}
:root[data-theme] #sb .g h4{color:color-mix(in srgb,var(--th-soft) 65%,white)}
:root[data-theme] #sb .g .sl:not([data-e]){background:linear-gradient(color-mix(in srgb,var(--th-soft) 75%,white),var(--th-main) 49%,var(--th-dark) 53%,var(--th-bright));border-color:color-mix(in srgb,var(--th-soft) 78%,white)}
:root[data-theme] .tk{background:linear-gradient(color-mix(in srgb,var(--th-pale) 34%,transparent),color-mix(in srgb,var(--th-main) 24%,transparent) 48%,color-mix(in srgb,var(--th-dark) 52%,transparent) 53%,color-mix(in srgb,var(--th-soft) 32%,transparent));border-color:color-mix(in srgb,var(--th-soft) 72%,white);box-shadow:inset 0 1px #fff8,0 1px 3px color-mix(in srgb,var(--th-dark) 45%,transparent)}
:root[data-theme] .tk.on{background:linear-gradient(color-mix(in srgb,var(--th-pale) 82%,white),color-mix(in srgb,var(--th-bright) 64%,white) 48%,var(--th-main) 53%,color-mix(in srgb,var(--th-soft) 72%,white));border-color:white}
:root[data-theme] #osname,:root[data-theme] #tray{color:white;text-shadow:0 1px 3px var(--th-dark)}
:root[data-theme] #cm{background:linear-gradient(white,var(--th-pale));border-color:var(--th-edge);color:var(--th-ink)}
:root[data-theme] #cm div:hover{background:linear-gradient(white,var(--th-hover));outline-color:var(--th-bright)}
:root[data-theme] .xt,:root[data-theme] .nb{background:linear-gradient(white,var(--th-soft));border-color:var(--th-edge)}
:root[data-theme] .gb{border-color:color-mix(in srgb,var(--th-dark) 44%,white);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--th-soft) 40%,white),var(--th-main) 55%,var(--th-dark))}
:root[data-theme] .ad,:root[data-theme] .sr{border-color:var(--th-edge);background:color-mix(in srgb,var(--th-pale) 62%,white);color:var(--th-ink)}
:root[data-theme] .xc,:root[data-theme] .xd{background:linear-gradient(white,var(--th-pale));border-color:var(--th-edge)}
:root[data-theme] .xn,:root[data-theme] .ch{background:linear-gradient(white,var(--th-pale));border-color:var(--th-edge)}
:root[data-theme] .xn p,:root[data-theme] .wp h1{color:var(--th-dark)}
:root[data-theme] .xn a:hover,:root[data-theme] .xr.s,:root[data-theme] .xp.s{background:linear-gradient(white,var(--th-hover));border-color:var(--th-edge)}
:root[data-theme] .xr.h{background:linear-gradient(white,var(--th-pale));color:var(--th-dark);border-color:var(--th-edge)}
:root[data-theme] .vb{background:linear-gradient(var(--th-bright),var(--th-main) 50%,var(--th-dark))}
:root[data-theme] .vb button,:root[data-theme] .va{background:linear-gradient(color-mix(in srgb,var(--th-soft) 64%,white),var(--th-main) 54%,var(--th-dark));border-color:color-mix(in srgb,var(--th-soft) 80%,white);color:white}
:root[data-theme] .calc-keys,:root[data-theme] .paint-toolbar{background:linear-gradient(white,var(--th-pale));border-color:var(--th-edge)}
:root[data-theme] .calc-keys button,:root[data-theme] .paint-toolbar button{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale) 48%,var(--th-soft) 53%,color-mix(in srgb,var(--th-main) 20%,white));color:var(--th-ink)}
:root[data-theme] .calc-keys button.calc-action{background:linear-gradient(color-mix(in srgb,var(--th-soft) 60%,white),var(--th-main));color:white}
:root[data-theme] .calc-display{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale));color:var(--th-ink)}
:root[data-theme] .ch button,:root[data-theme] .wc button,:root[data-theme] .lk button,:root[data-theme] .nb button{border-color:color-mix(in srgb,var(--th-dark) 36%,white);background:linear-gradient(color-mix(in srgb,var(--th-soft) 66%,white),var(--th-main) 52%,var(--th-dark));color:white}
:root[data-theme] .games-list a,:root[data-theme] .game-heading,:root[data-theme] .game-controls,:root[data-theme] .converse-game,:root[data-theme] .converse-logo-box,:root[data-theme] .converse-panel{background:linear-gradient(135deg,white,var(--th-pale));border-color:var(--th-edge);color:var(--th-ink)}
:root[data-theme] .games-list a:hover,:root[data-theme] .game-controls button:hover{background:linear-gradient(white,var(--th-hover))}
:root[data-theme] .game-controls button,:root[data-theme] .converse-panel button{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale) 48%,var(--th-soft));color:var(--th-ink)}
:root[data-theme] .snake-stage,:root[data-theme] .converse-board{border-color:var(--th-edge);background:linear-gradient(135deg,white,var(--th-soft))}
:root[data-theme] .paint-toolbar{border-bottom:1px solid var(--th-edge)}
:root[data-theme] .msn{background:linear-gradient(135deg,var(--th-pale),color-mix(in srgb,var(--th-soft) 60%,white));color:var(--th-ink)}
:root[data-theme] .msn-head,:root[data-theme] .msn-contact.selected,:root[data-theme] .msn-conversation-head{background:linear-gradient(white,var(--th-pale));border-color:var(--th-edge)}
:root[data-theme] .msn-roster{background:color-mix(in srgb,var(--th-pale) 56%,white);border-color:var(--th-edge)}
:root[data-theme] .msn-toolbar button,:root[data-theme] .msn-add-form button,:root[data-theme] .msn-compose button{border-color:var(--th-edge);background:linear-gradient(white,var(--th-soft));color:var(--th-dark)}
:root[data-theme] .msn-toolbar button:hover,:root[data-theme] .msn-add-form button:hover,:root[data-theme] .msn-compose button:hover{background:linear-gradient(white,var(--th-hover))}
:root[data-theme] .msn-search,:root[data-theme] .msn-add-form input,:root[data-theme] .msn-compose input{border-color:var(--th-edge);background:white;color:var(--th-ink)}
:root[data-theme] .msn-message.mine{background:linear-gradient(white,var(--th-hover));border-color:var(--th-edge);color:var(--th-ink)}
:root[data-theme] .msn-contact:hover{background:var(--th-hover)}
:root[data-theme] #toast,:root[data-theme] #msn-toast{border-color:var(--th-edge);box-shadow:0 6px 24px color-mix(in srgb,var(--th-dark) 35%,transparent)}
:root[data-theme] input[type=range]{accent-color:var(--th-main)}
:root[data-theme] :focus-visible{outline-color:var(--th-bright)}
:root[data-theme] #go{background:radial-gradient(circle at 50% 20%,white,var(--th-bright) 55%,var(--th-dark));box-shadow:0 0 14px var(--th-glow)}
:root[data-theme] #login-password{border-color:var(--th-soft)}
:root[data-theme] .ic.sel{background:linear-gradient(color-mix(in srgb,var(--th-soft) 60%,transparent),color-mix(in srgb,var(--th-main) 42%,transparent));border-color:var(--th-bright);box-shadow:inset 0 0 5px var(--th-pale),0 0 8px color-mix(in srgb,var(--th-glow) 55%,transparent)}
:root[data-theme] .fv{background:linear-gradient(white,var(--th-pale));border-color:var(--th-edge)}
:root[data-theme] .fv a:hover{background:var(--th-hover)}
:root[data-theme] .artist-site,:root[data-theme] .artist-page,:root[data-theme] .games-home,:root[data-theme] .game-page{color:var(--th-ink)}
:root[data-theme] .artist-hero,:root[data-theme] .artist-note,:root[data-theme] .profile-head,:root[data-theme] .ft{background:linear-gradient(115deg,white,var(--th-pale));border-color:var(--th-edge);color:var(--th-ink)}
:root[data-theme] .artist-intro h1,:root[data-theme] .artist-page h1,:root[data-theme] .games-home h1,:root[data-theme] .game-heading h1,:root[data-theme] .artist-note h2{color:var(--th-dark)}
:root[data-theme] .artist-kicker,:root[data-theme] .artist-intro>p:not(.artist-kicker),:root[data-theme] .artist-page>p:not(.artist-kicker),:root[data-theme] .games-intro,:root[data-theme] .artist-note p:last-child{color:var(--th-ink)}
:root[data-theme] .artist-cover,:root[data-theme] .artist-inline-photo,:root[data-theme] .artist-arrow,:root[data-theme] .social-open{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale));color:var(--th-dark)}
:root[data-theme] .artist-nav a,:root[data-theme] .artist-page>a{border-color:var(--th-edge);background:linear-gradient(white,var(--th-soft));color:var(--th-dark)}
:root[data-theme] .artist-nav a:hover,:root[data-theme] .artist-page>a:hover,:root[data-theme] .social-open:hover{background:linear-gradient(white,var(--th-hover))}
:root[data-theme] .games-list{border-color:var(--th-edge)}
:root[data-theme] .games-list a{border-color:var(--th-edge);background:linear-gradient(90deg,white,var(--th-pale));color:var(--th-ink)}
:root[data-theme] .games-list strong,:root[data-theme] .game-heading>a,:root[data-theme] .game-heading>strong{color:var(--th-dark)}
:root[data-theme] .game-heading,:root[data-theme] .converse-game,:root[data-theme] .converse-logo-box,:root[data-theme] .converse-panel,:root[data-theme] .game-controls{background:linear-gradient(135deg,white,var(--th-pale));border-color:var(--th-edge);color:var(--th-ink)}
:root[data-theme] .converse-panel p,:root[data-theme] .game-controls p{color:var(--th-ink)}
:root[data-theme] .mine-game,:root[data-theme] .mine-hud{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale));color:var(--th-ink)}
:root[data-theme] .mine-hud button,:root[data-theme] .mine-cell{border-color:var(--th-edge);background:linear-gradient(white,var(--th-soft));color:var(--th-dark)}
:root[data-theme] .mine-cell.open{background:var(--th-pale)}
:root[data-theme] .mine-board{border-color:var(--th-edge);background:var(--th-soft)}
:root[data-theme] .mine-help{color:var(--th-ink)}
:root[data-theme] .game-page{background:linear-gradient(135deg,var(--th-pale),color-mix(in srgb,var(--th-soft) 54%,white));}
:root[data-theme] .msn-identity strong,:root[data-theme] .msn-conversation-head strong,:root[data-theme] .msn-band-group summary strong{color:var(--th-dark)}
:root[data-theme] .msn-band-group{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale))}
:root[data-theme] .msn-band-group summary>b,:root[data-theme] .msn-group{color:var(--th-main)}
:root[data-theme] .msn-chat,:root[data-theme] .msn-thread{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale))}
:root[data-theme] .msn-message{border-color:var(--th-edge);color:var(--th-ink)}
:root[data-theme] .msn-compose{border-color:var(--th-edge);background:var(--th-pale)}
:root[data-theme] .calc-expression{color:color-mix(in srgb,var(--th-ink) 72%,white)}
:root[data-theme] .paint-toolbar label,:root[data-theme] .paint-toolbar output{color:var(--th-ink)}
:root[data-theme] .paint-toolbar input[type=color]{border-color:var(--th-edge)}
:root[data-theme] .paint-stage{background-color:var(--th-pale)}
:root[data-theme] .text-file-editor{border-color:var(--th-edge)}
:root[data-theme] .pl{background:linear-gradient(color-mix(in srgb,var(--th-main) 70%,var(--th-dark)),var(--th-dark) 55%,color-mix(in srgb,var(--th-dark) 80%,black))!important;color:var(--th-pale)}
:root[data-theme] .pl .lcd{border-color:var(--th-bright);box-shadow:inset 0 0 0 1px black,inset 0 0 12px color-mix(in srgb,var(--th-bright) 26%,transparent)}
:root[data-theme] .pl .tm,:root[data-theme] .pl .mq,:root[data-theme] .pl .ki{color:var(--th-glow);text-shadow:0 0 7px color-mix(in srgb,var(--th-bright) 62%,transparent)}
:root[data-theme] .pl .wc button,:root[data-theme] .pl .lk button{border-color:var(--th-soft);background:linear-gradient(color-mix(in srgb,var(--th-soft) 75%,white),var(--th-main) 48%,var(--th-dark) 53%,var(--th-bright))}
:root[data-theme] .pl .wc button.on,:root[data-theme] .pl .tr.on{background:linear-gradient(color-mix(in srgb,var(--th-soft) 65%,white),var(--th-main));color:white}
:root[data-theme] .pl .wa-transport button{border-color:var(--th-edge);background:linear-gradient(white,var(--th-soft) 46%,var(--th-main) 53%,color-mix(in srgb,var(--th-main) 58%,white));color:var(--th-dark)}
:root[data-theme] .pl .wa-volume{border-color:var(--th-edge);background:linear-gradient(var(--th-pale),var(--th-soft));color:var(--th-ink)}
:root[data-theme] .pl .wa-volume span{color:var(--th-dark)}
:root[data-theme] .pl .we,:root[data-theme] .pl .wpl{border-color:var(--th-edge);box-shadow:inset 0 0 8px color-mix(in srgb,var(--th-bright) 26%,transparent)}
:root[data-theme] .pl input[type=range]{accent-color:var(--th-bright)}
:root[data-theme] .pl.nature-skin{background:linear-gradient(145deg,color-mix(in srgb,var(--th-main) 70%,var(--th-soft)),var(--th-dark) 78%)!important;color:var(--th-pale)}
:root[data-theme] .nature-skin .wa-title{background:linear-gradient(var(--th-soft),var(--th-main) 48%,var(--th-dark) 52%,var(--th-main));border:1px solid var(--th-edge);color:var(--th-pale)}
:root[data-theme] .nature-skin .wa-mark{background:linear-gradient(135deg,var(--th-soft),var(--th-bright));border:1px solid var(--th-pale);color:var(--th-dark)}
:root[data-theme] .nature-skin .wa-version{color:var(--th-pale)}
:root[data-theme] .nature-skin .wa-title button{border-color:var(--th-edge);background:linear-gradient(var(--th-pale),var(--th-soft) 48%,var(--th-main) 52%,var(--th-soft));color:var(--th-dark)}
:root[data-theme] .pl.nature-skin .lcd{background:linear-gradient(color-mix(in srgb,var(--th-dark) 78%,black),color-mix(in srgb,var(--th-dark) 94%,black));border-color:var(--th-bright);box-shadow:inset 0 0 0 1px black,inset 0 0 13px color-mix(in srgb,var(--th-bright) 20%,transparent)}
:root[data-theme] .pl.nature-skin .tm,:root[data-theme] .pl.nature-skin .mq,:root[data-theme] .pl.nature-skin .ki{color:var(--th-glow);text-shadow:0 0 7px color-mix(in srgb,var(--th-bright) 62%,transparent)}
:root[data-theme] .pl.nature-skin .vz{border:1px solid var(--th-edge);background:color-mix(in srgb,var(--th-dark) 90%,black)}
:root[data-theme] .pl.nature-skin #sk,:root[data-theme] .pl.nature-skin .wa-volume input,:root[data-theme] .pl.nature-skin .we input{accent-color:var(--th-bright)}
:root[data-theme] .nature-skin .wa-transport button{border:1px solid var(--th-edge);background:linear-gradient(var(--th-pale),var(--th-soft) 46%,var(--th-main) 52%,color-mix(in srgb,var(--th-soft) 72%,white));color:var(--th-dark)}
:root[data-theme] .nature-skin .wa-transport button:active{background:linear-gradient(var(--th-main),var(--th-soft))}
:root[data-theme] .nature-skin .wa-volume{border:1px solid var(--th-edge);background:linear-gradient(var(--th-pale),var(--th-soft) 48%,var(--th-main) 52%,var(--th-soft));color:var(--th-dark)}
:root[data-theme] .nature-skin .wa-volume span{color:var(--th-dark)}
:root[data-theme] .pl.nature-skin .we,:root[data-theme] .pl.nature-skin .wpl{border:1px solid var(--th-edge);box-shadow:inset 0 0 8px color-mix(in srgb,var(--th-bright) 26%,transparent)}
:root[data-theme] .pl.nature-skin .wpl{background:color-mix(in srgb,var(--th-dark) 94%,black)}
:root[data-theme] .pl.nature-skin .tr{color:var(--th-pale)}
:root[data-theme] .pl.nature-skin .tr.on{background:linear-gradient(90deg,var(--th-main),var(--th-dark));color:white}
:root[data-theme] .pl.nature-skin .tr.lo{color:color-mix(in srgb,var(--th-pale) 55%,var(--th-dark))}
:root[data-theme] .nature-skin .wa-skin-credit{color:var(--th-pale)}
:root[data-theme] .nature-skin .wa-skin-credit a{color:var(--th-glow)}
:root[data-theme] .bd:has(.pl.nature-skin){background:linear-gradient(145deg,var(--th-main),var(--th-dark));border-color:var(--th-edge)}
@media(max-width:700px){.win{min-width:220px;min-height:160px;resize:none}.rh{width:24px;height:24px}.tb{height:34px;touch-action:none}.cb i{width:31px;height:23px;line-height:21px}.cb i.cl{width:38px}}
@media(max-width:540px){.calc-keys{gap:4px;padding:6px;grid-template-rows:repeat(5,minmax(38px,1fr))}.calc-keys button{font-size:15px}}
@media(max-width:540px){.pl.retro-player{padding:5px}.wa-transport button{width:34px}.mine-game{gap:5px;padding:5px}.mine-board{grid-template-columns:repeat(9,min(32px,8vw));gap:1px;padding:3px}.mine-cell{width:min(32px,8vw);height:min(32px,8vw);font-size:12px}.mine-hud{gap:5px;padding:4px}.mine-hud>strong{font-size:9px}.mine-hud #mine-status{max-width:70px}}
@media(max-width:540px){.wp.social-page{padding:10px;gap:10px}.ft{align-items:stretch;flex-direction:column}.social-open{align-self:flex-start}}
@media(max-height:520px){
  .converse-board canvas{height:min(302px,max(160px,calc(100vh - 105px)));width:auto;max-width:100%}
  .mine-board{grid-template-columns:repeat(9,min(32px,max(10px,calc((100vh - 210px)/9))));gap:1px;padding:3px}
  .mine-cell{width:min(32px,max(10px,calc((100vh - 210px)/9)));height:min(32px,max(10px,calc((100vh - 210px)/9)));font-size:11px}
}
@media(max-height:520px) and (max-width:640px){
  .mine-game .mine-board{grid-template-columns:repeat(9,min(32px,max(10px,calc((100vh - 210px)/9))))}
  .mine-game .mine-cell{width:min(32px,max(10px,calc((100vh - 210px)/9)));height:min(32px,max(10px,calc((100vh - 210px)/9)))}
}

/* Vista Aero finish */
:root{--sky:#7fb9e8;--ocean:#286da8;--deep:#173d61;--aqua:#69c7ed;--mint:#8edbd2;--foam:#f4f9fd;--coral:#e98583}
html,body{background:linear-gradient(145deg,#4d91c4 0%,#a9d3ef 46%,#e4f3fc 100%);color:#20384d}
.wb{background:radial-gradient(ellipse 68% 38% at 52% 89%,#f3fbffc9 0,transparent 70%),radial-gradient(ellipse 42% 25% at 76% 16%,#ffffffa6 0,transparent 74%),linear-gradient(158deg,transparent 35%,#ffffff38 43%,transparent 50%),linear-gradient(135deg,var(--w1,#174f7e),var(--w2,#398bc3) 44%,var(--w3,#9bcfe8) 72%,var(--w4,#427aa6))}
.g{background:linear-gradient(145deg,#f4fbffe8,#a9cde8c9);border:1px solid #fff9;border-radius:10px;box-shadow:inset 0 1px #fff,0 3px 14px #173d6150;color:#173d61;text-shadow:0 1px 1px #fff}
.g h4{color:#174e7a}
.win{border:1px solid #547b9aa8;border-radius:8px 8px 5px 5px;background:linear-gradient(135deg,#d9efffcf,#73a9d2b8 34%,#eaf7ffd9 62%,#8bb7d9c9);box-shadow:inset 0 0 0 1px #ffffffb8,0 9px 28px #102e4c66}
.tb{height:32px;padding-top:6px;color:#183c5b;text-shadow:0 1px 3px #fff,0 0 8px #fff;background:linear-gradient(#f7fcffb8,#b6daf1a0 53%,#73a6c899);border-bottom:1px solid #ffffffa8}
.cb i{border-color:#517b9a;color:#173d61;background:linear-gradient(#f8fdff,#d4e8f6 47%,#a9cce5 53%,#e5f3fc)}
.cb i.cl{background:linear-gradient(#ffd4d0,#ee8c80 48%,#ce5d59 52%,#f6b3a8);color:#fff;text-shadow:0 1px 2px #8e3535}
.bd{background:#f7fbfe;border-color:#7598b2;box-shadow:0 0 0 1px #fff}
#bar{height:calc(44px + env(safe-area-inset-bottom,0px));padding-left:74px;background:linear-gradient(#d8edfacf 0%,#71a6d4db 18%,#28577edb 55%,#163958f2 100%);border-top:1px solid #ffffffd9;box-shadow:0 -2px 12px #123a5d55;backdrop-filter:blur(14px) saturate(1.3)}
#orb{left:7px;bottom:calc(-4px + env(safe-area-inset-bottom,0px));width:58px;height:58px;overflow:hidden;border:2px solid #f8fdff;background:radial-gradient(ellipse at 34% 22%,#fff 0,#e8fbff 20%,#83c9e9 48%,#286da8 78%,#164b7a 100%);box-shadow:inset 0 2px 5px #fff, inset 0 -5px 9px #174772aa,0 0 0 1px #497da4,0 0 14px #d7f5ff}
#orb img{position:absolute;left:50%;top:50%;display:block;width:140px;height:auto;max-width:none;border-radius:0;transform:translate(calc(-50% + 12px),calc(-50% + 11px));mix-blend-mode:multiply;filter:hue-rotate(275deg) saturate(1.25) brightness(1.2);pointer-events:none}
#sb .slide-show{display:flex;align-items:center;gap:4px}
#sb .slide-show img{flex:1;width:0;height:112px;max-height:none;min-width:0;object-fit:cover;border:1px solid #fff8;border-radius:5px;cursor:pointer}
#sb .slide-nav{display:grid;place-items:center;flex:none;width:25px;height:30px;padding:0;border:1px solid #fff9;border-radius:5px;background:linear-gradient(#f5fbff,#b4d4eb 48%,#78a8ce 52%,#e4f4ff);color:#174b75;font-size:21px;line-height:1;cursor:pointer;box-shadow:inset 0 1px #fff9,0 1px 3px #143b5b55}
#sb .slide-nav:hover{filter:brightness(1.08)}
#sb .slide-nav:active{filter:brightness(.94)}
#sb .g .sl{justify-content:flex-start;gap:9px;padding:5px 9px;color:#fff;text-shadow:0 1px 2px #0008}
#sb .g .sl .i{display:block;flex:none;width:20px;height:20px;margin:0;vertical-align:middle;filter:drop-shadow(0 1px 1px #0005)}
#sb .g .sl[data-e=spotify]{background:linear-gradient(#63d77c,#1db954 48%,#12853b 52%,#21c45a);border-color:#c4f3cc}
#sb .g .sl[data-e=youtube]{background:linear-gradient(#ff7a70,#ed1c24 48%,#b90d17 52%,#f04348);border-color:#ffd4d1}
#sb .g .sl[data-e=instagram]{background:linear-gradient(125deg,#ffd76a,#fa7e1e 35%,#d62976 68%,#8134af);border-color:#ffd5e8}
#sb .g .sl[data-e]:hover{filter:brightness(1.08)}
#sb .g .sl[data-e]:active{filter:brightness(.94)}
#orb:hover{filter:brightness(1.1);box-shadow:inset 0 2px 6px #fff,0 0 0 1px #497da4,0 0 21px #e6fbff}
#orb:active{transform:translateY(1px);filter:brightness(.95)}
#osname{color:#fff;text-shadow:0 1px 3px #153653}
.tk{border:1px solid #d8edfaa6;border-radius:5px;background:linear-gradient(#f1faff38,#b6d8f433 48%,#12395b88 53%,#d7ecfa35);box-shadow:inset 0 1px #fff7,0 1px 3px #08213b66}
.tk.on{border-color:#f4fcff;background:linear-gradient(#eaf8ff85,#89c5eb66 48%,#28699b99 53%,#d7f1ff77);box-shadow:inset 0 1px #fff,0 0 7px #c9edff88}
#sm{border:1px solid #dff3ff;background:linear-gradient(145deg,#dceffcfa,#5889b2f5 35%,#183f60f5);box-shadow:inset 0 0 0 1px #fff8,0 12px 34px #0c2d4b99}
#sm .l{box-shadow:inset 0 1px #fff;background:linear-gradient(#fff,#edf6fc);border:1px solid #b3cde0}
#sm .r{color:#f7fbff;text-shadow:0 1px 2px #173550}
#sm .l div:hover,#sm .r div:hover{background:linear-gradient(#fff,#cce6f6);outline-color:#75a9d0}
#sm .r div:hover{color:#173d61}
.ic.sel{background:linear-gradient(#e6f6ff88,#8ec8ee6b);border-color:#e9f8ff;box-shadow:inset 0 1px 4px #fff9,0 0 8px #c4ebff55}
.g .sl{background:linear-gradient(#fff,#d9eaf7 48%,#bed7eb 53%,#f6fbff);border:1px solid #aac7dc;color:#214b6d;text-shadow:none;box-shadow:inset 0 1px #fff,0 1px 3px #34587533}
.g .sl:hover{filter:brightness(1.04);box-shadow:inset 0 1px #fff,0 0 5px #82bde2}
.ch,.nb,.fv{background:linear-gradient(#f7fbff,#dbeaf5);border-color:#b2c8d9}

#quick-btn{width:29px;height:29px;border:1px solid #fff8;border-radius:5px;background:linear-gradient(#ffffff35,#173c5c88);color:#fff;font-size:17px;cursor:pointer}
#quick-btn:hover{background:linear-gradient(#ffffff68,#3273a3aa)}
#tray-panel{position:fixed;right:8px;bottom:calc(50px + env(safe-area-inset-bottom,0px));z-index:10002;width:min(350px,calc(100vw - 16px));max-height:min(76vh,620px);overflow:auto;padding:14px;border:1px solid var(--th-edge,#a9cde4);border-radius:10px;background:linear-gradient(145deg,#f7fcfff5,#d4e7f5f5);box-shadow:0 12px 36px #08223c66;color:var(--th-ink,#173d61);backdrop-filter:blur(16px)}
#tray-panel[hidden]{display:none}
.tray-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}
.tray-panel-head button,.quick-themes button,.quick-toggle,.tm-row button{border:1px solid var(--th-edge,#9bbbd1);border-radius:5px;background:linear-gradient(#fff,var(--th-pale,#e4f1f9));color:var(--th-ink,#173d61);cursor:pointer}
.tray-panel-head button{padding:4px 8px}
.quick-themes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.quick-themes button{display:grid;justify-items:center;gap:4px;padding:6px 2px;font-size:10px}
.quick-themes button.active{outline:2px solid var(--th-bright,#22a9c3)}
.quick-themes i{width:24px;height:18px;border:1px solid #0004;border-radius:4px}
.quick-toggle{width:100%;margin:8px 0;padding:8px;text-align:left}
#tray-panel h3{margin:12px 0 6px;font-size:12px}
.notification-list{display:grid;gap:6px}
.notification-list article{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:8px;border:1px solid #fff;background:#fff9;border-radius:6px}
.notification-list article>span{font-size:20px}
.notification-list strong{font-size:12px}
.notification-list p{margin:2px 0;font-size:11px}
.notification-list small{color:#657d91}
.tm-tabs{display:flex;gap:4px;padding:7px;border-bottom:1px solid var(--th-edge,#bdd0df);background:var(--th-pale,#edf5fb)}
.tm-tabs button{padding:5px 12px;border:1px solid var(--th-edge,#9bbbd1);border-radius:4px;background:#fff;color:var(--th-ink,#173d61);cursor:pointer}
.tm-content{padding:8px}
.tm-list{display:grid;gap:5px}
.tm-row{display:grid;grid-template-columns:85px minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:6px;border:1px solid #d7e3ec;border-radius:5px;background:#fff}
.tm-state{color:#59748b;font-size:10px}
.tm-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-row button{padding:4px 6px;font-size:10px}
.tm-system,.item-properties dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px}
.tm-system dt,.item-properties dt{font-weight:600;color:#567188}
.tm-system dd,.item-properties dd{margin:0;overflow-wrap:anywhere}
.about-melos{padding:20px;text-align:center}
.about-melos h2{margin:4px 0;color:var(--th-ink,#173d61)}
.about-melos p{max-width:360px;margin:8px auto}
.about-mark{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:linear-gradient(145deg,var(--th-bright,#9be6e5),var(--th-main,#1686ad));color:#fff;font-size:32px;font-weight:700;box-shadow:0 3px 10px #1235}
.about-melos kbd{padding:1px 4px;border:1px solid #9ab;border-radius:3px;background:#fff}
.item-properties{display:grid;grid-template-columns:66px 1fr;gap:12px;padding:14px}
.property-icon .i{width:58px;height:58px}
.item-properties dl{grid-template-columns:70px minmax(0,1fr);align-content:start}
.win.snap-left,.win.snap-right{border-radius:5px;resize:none}
@media(max-width:560px){#tray-panel{right:5px;bottom:calc(48px + env(safe-area-inset-bottom,0px));width:min(350px,calc(100vw - 10px));padding:11px}.tm-row{grid-template-columns:minmax(0,1fr) auto auto}.tm-state{display:none}.item-properties{grid-template-columns:44px 1fr;gap:8px}.property-icon .i{width:42px;height:42px}}
:root[data-theme] #tray-panel{border-color:var(--th-edge);background:linear-gradient(145deg,color-mix(in srgb,var(--th-pale) 96%,white),color-mix(in srgb,var(--th-soft) 84%,var(--th-main)));color:var(--th-ink)}
:root[data-theme] .tray-panel-head button,:root[data-theme] .quick-themes button,:root[data-theme] .quick-toggle,:root[data-theme] .tm-row button,:root[data-theme] .tm-tabs button{border-color:var(--th-edge);background:linear-gradient(white,var(--th-pale));color:var(--th-ink)}
:root[data-theme] .notification-list article{border-color:color-mix(in srgb,var(--th-edge) 75%,white);background:color-mix(in srgb,var(--th-pale) 78%,white)}
:root[data-theme] .tm-tabs{border-color:var(--th-edge);background:var(--th-pale)}
:root[data-theme] #quick-btn,:root[data-theme] #show-desktop{border-color:color-mix(in srgb,var(--th-soft) 72%,white);background:linear-gradient(color-mix(in srgb,var(--th-soft) 70%,white),color-mix(in srgb,var(--th-dark) 85%,var(--th-main)));color:#fff}
#show-desktop{flex:none;width:23px;height:27px;padding:0;border:1px solid #fff8;border-radius:3px;background:linear-gradient(#ffffff35,#173c5c88);color:#fff;font-size:21px;line-height:20px;cursor:pointer}
#show-desktop:hover{background:linear-gradient(#ffffff68,#3273a3aa)}
@media(max-width:480px){#osname{display:none}#bar{padding-left:68px;gap:4px}#show-desktop{width:20px}}

.clippy{position:absolute;z-index:4;left:18px;bottom:18px;width:92px;height:150px;display:flex;align-items:flex-end;justify-content:center;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 5px 4px #18344b55);animation:clippy-float 3.8s ease-in-out infinite}
.clippy:focus-visible{outline:2px solid #fff;border-radius:12px}
.clippy-character{width:76px;height:108px;margin-bottom:20px;overflow:visible;pointer-events:none}
.clippy-mouth{transform-origin:100px 112px;animation:clippy-talk 3.5s ease-in-out infinite}
.clippy-eyes{transform-origin:center;transition:transform .12s}
.clippy-lid{fill:#8ba1b2;stroke:#607789;stroke-width:1;transform-box:fill-box;transform-origin:center;transform:scaleY(0)}
.clippy-blink .clippy-lid{transform:scaleY(1)}
.clippy-pupil{animation:clippy-look 6s ease-in-out infinite}
.clippy-arm-left{transform-origin:34px 112px;animation:clippy-wave 3.6s ease-in-out infinite}
.clippy-arm-right{transform-origin:103px 111px;animation:clippy-wave 3.6s ease-in-out infinite reverse}
.clippy-legs{transform-origin:88px 158px;animation:clippy-step .7s ease-in-out infinite alternate}
.clippy-hint{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);padding:2px 6px;border:1px solid #fff9;border-radius:9px;background:#173d61c9;color:#fff;font-size:9px;white-space:nowrap;opacity:.82;pointer-events:none}
.clippy-score{position:absolute;bottom:0;left:50%;display:flex;align-items:center;gap:4px;min-width:29px;height:15px;justify-content:center;padding:0 6px;border:1px solid #ffffffc7;border-radius:9px;background:linear-gradient(#ffffffed,#d9f3ffdf);box-shadow:0 1px 5px #12394b66;color:#174564;font-size:9px;font-weight:700;line-height:1;transform:translateX(-50%);pointer-events:none}
.clippy-score-icon{color:#53c7e4;font-size:10px}
.clippy-message{position:absolute;left:84px;bottom:58px;z-index:1;width:min(245px,calc(100vw - 150px));min-height:54px;padding:10px 24px 10px 12px;border:1px solid #87b9d9;border-radius:12px;background:linear-gradient(#fff,#e7f5ff);box-shadow:0 4px 16px #1238;color:#183b56;font-size:12px;line-height:1.45;animation:clippy-pop .18s ease-out}
.clippy-message[hidden]{display:none}
.clippy-message:before{content:"";position:absolute;left:-7px;bottom:13px;width:12px;height:12px;transform:rotate(45deg);border-left:1px solid #87b9d9;border-bottom:1px solid #87b9d9;background:#f7fcff}
.clippy-dismiss{position:absolute;right:4px;top:3px;width:19px;height:19px;border:0;border-radius:50%;background:transparent;color:#355970;font-size:16px;line-height:16px;cursor:pointer}
.clippy-dismiss:hover{background:#d2e9f9}
.clippy-bubble-left .clippy-message{left:auto;right:84px}
.clippy-bubble-left .clippy-message:before{left:auto;right:-7px;border:0;border-top:1px solid #87b9d9;border-right:1px solid #87b9d9}
.clippy-dragging{cursor:grabbing;animation:none}
.clippy-dragging .clippy-character{animation:clippy-carry .3s ease-in-out infinite alternate}
.clippy-pop .clippy-character{animation:clippy-pop .25s ease-out}
@keyframes clippy-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes clippy-pop{from{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes clippy-wave{0%,80%,100%{transform:rotate(0)}86%{transform:rotate(-14deg)}92%{transform:rotate(10deg)}}
@keyframes clippy-step{from{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-2px)}}
@keyframes clippy-talk{0%,91%,100%{transform:scaleY(.65)}94%,97%{transform:scaleY(1.2)}}
@keyframes clippy-look{0%,35%,100%{transform:translateX(0)}42%,52%{transform:translateX(2px)}60%,70%{transform:translateX(-2px)}}
@keyframes clippy-carry{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media(max-width:600px){.clippy{width:76px;height:124px;left:8px;bottom:8px}.clippy-character{width:62px;height:88px;margin-bottom:16px}.clippy-hint{bottom:17px}.clippy-message{left:70px;bottom:48px;width:min(235px,calc(100vw - 100px));font-size:11px}.clippy-bubble-left .clippy-message{right:70px}}
@media(prefers-reduced-motion:reduce){.clippy,.clippy *{animation:none!important;transition:none!important}}
:root[data-theme] #desk.wb{background-image:linear-gradient(180deg,var(--wallpaper-tint),transparent 42%,var(--wallpaper-tint)),var(--wallpaper);background-position:center;background-size:cover;background-repeat:no-repeat}
#bubbles{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.aero-bubble{position:absolute;width:var(--bubble-size);height:var(--bubble-size);border:1px solid #ffffffbb;border-radius:50%;background:radial-gradient(ellipse at 32% 24%,#ffffffd9 0 3%,#ffffff6a 10%,transparent 29%),radial-gradient(circle at 70% 78%,color-mix(in srgb,var(--th-bright,#75d9ed) 30%,transparent),transparent 53%),linear-gradient(145deg,#ffffff24,#dbfaff0a 55%,#eaffff50);box-shadow:inset -3px -5px 11px #a8edff2b,inset 2px 2px 6px #fff9,0 0 12px #d7faff36;opacity:.68;translate:var(--bubble-push-x,0px) var(--bubble-push-y,0px);animation:aero-bubble-float calc(5.8s + var(--bubble-delay)) ease-in-out infinite alternate;transition:translate .82s cubic-bezier(.18,.8,.25,1),scale .45s ease,opacity .45s ease;will-change:translate}
.aero-bubble:before{content:"";position:absolute;left:21%;top:16%;width:24%;height:11%;border-radius:50%;background:#fffbdc;filter:blur(1px);transform:rotate(-34deg);opacity:.86}
.aero-bubble:after{content:"";position:absolute;left:17%;top:30%;width:8%;height:8%;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 5px #fff8}
.aero-bubble-nudged{scale:1.13;opacity:.9}
.aero-bubble-ground{animation:none;opacity:.82;background:radial-gradient(ellipse at 31% 22%,#ffffffef 0 4%,#ffffff75 12%,transparent 32%),radial-gradient(circle at 70% 78%,color-mix(in srgb,var(--th-bright,#75d9ed) 38%,transparent),transparent 55%),linear-gradient(145deg,#ffffff32,#dbfaff13 55%,#eaffff64);box-shadow:inset -4px -6px 13px #a8edff38,inset 3px 2px 7px #fff,0 5px 7px #0736504a,0 0 12px #d7faff42}
.aero-bubble-ground:after{width:28%;height:28%;left:auto;right:13%;top:auto;bottom:10%;border-color:#fff7;box-shadow:0 0 9px #fff8}
.aero-bubble-ground.aero-bubble-nudged{animation:aero-bubble-ground-wobble .42s ease-in-out infinite alternate}
.aero-bubble-popping{z-index:5;pointer-events:none;animation:aero-bubble-pop .38s cubic-bezier(.2,.75,.25,1) forwards!important}
.aero-bubble-popping:before,.aero-bubble-popping:after{animation:aero-bubble-spark .38s ease-out forwards}
.aero-bubble-respawning{animation:aero-bubble-arrive .42s ease-out both!important}
@keyframes aero-bubble-float{from{transform:translate3d(0,0,0) rotate(-7deg)}to{transform:translate3d(7px,-13px,0) rotate(8deg)}}
@keyframes aero-bubble-ground-wobble{from{rotate:-7deg}to{rotate:7deg}}
@keyframes aero-bubble-pop{0%{scale:1;opacity:.9;filter:brightness(1)}42%{scale:1.4;opacity:1;filter:brightness(1.9)}100%{scale:.08;opacity:0;filter:brightness(2.5)}}
@keyframes aero-bubble-spark{0%{opacity:.9;scale:1}100%{opacity:0;scale:2.6;translate:0 -8px}}
@keyframes aero-bubble-arrive{from{scale:.15;opacity:0}to{scale:1;opacity:.82}}
@media(max-width:600px){.aero-bubble{opacity:.57}.aero-bubble:nth-child(3n){--bubble-size:calc(var(--bubble-size)*.76)}}
@media(prefers-reduced-motion:reduce){.aero-bubble{animation:none;transition:none}.aero-bubble-popping{animation:none!important;scale:0;opacity:0}.aero-bubble-respawning{animation:none!important;opacity:.82}}
.ms{height:100%;display:flex;flex-direction:column;background:#eaf1fb;color:#1c2b45;font:12px Tahoma,Verdana,sans-serif}
.ms>header{display:flex;align-items:baseline;gap:10px;padding:8px 14px;background:linear-gradient(#2a64c4,#173f85);color:#fff}
.ms>header b{font-size:22px;letter-spacing:-1px}.ms>header b i{font-style:normal;color:#ffd24a}.ms>header small{opacity:.85}
.ms-body{flex:1;min-height:0;display:flex}
.ms aside{width:200px;flex:none;padding:12px;background:#fff;border-right:1px solid #b9cbe8;overflow:auto}
.ms-me img{width:100%;aspect-ratio:1;object-fit:cover;border:3px solid #cfdcf3;display:block}
.ms-me strong{display:block;margin-top:6px;font-size:15px;color:#173f85}.ms-me small{color:#5a6b88}
.ms-mood,.ms-count{margin:8px 0 0}.ms-mood em{color:#173f85}
.ms-detail{margin-top:12px;padding:10px;background:#f3f7fd;border:1px solid #cfdcf3;border-radius:6px}
.ms-detail strong{display:block;margin-top:6px;color:#173f85}.ms-detail em{display:block;color:#5a6b88;font-style:normal}
.ms-detail p{margin:6px 0}.ms-detail q{display:block;color:#173f85;font-style:italic}
.ms main{flex:1;min-width:0;padding:10px 14px;overflow:auto}
.ms section h4{margin:6px 0;padding:3px 8px;background:#d7e4f8;color:#173f85;border-radius:4px}
.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-bottom:10px}
.ms-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid #cfdcf3;border-radius:6px;background:#fff;color:inherit;font:inherit;cursor:pointer;text-align:center}
.ms-grid button:hover,.ms-grid button.on{border-color:#2a64c4;background:#eef4ff}
.ms-grid button span:not(.ms-av){font-weight:700;color:#173f85}.ms-grid button small{color:#5a6b88}
.ms-av{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,hsl(var(--h) 70% 62%),hsl(calc(var(--h) + 40) 70% 42%));color:#fff;font-weight:700;font-size:15px}
.ms-av.big{width:64px;height:64px;font-size:22px}