.kks-g-hero{background-size:cover;background-position:center;color:#fff;padding:22px 0 46px}
.kks-g-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:400;color:#f1d38a;text-align:center;margin:6px 0 8px;letter-spacing:1px;text-shadow:0 2px 18px rgba(241,211,138,.25)}
.kks-g-sub{text-align:center;max-width:820px;margin:0 auto 20px;font-size:17px;color:#dfeaee}
.kks-g-sub b{color:#f1d38a}
.kks-g-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.kks-g-main{min-width:0}
.kks-g-bar{display:flex;gap:10px;align-items:stretch;margin-bottom:10px;flex-wrap:wrap}
.kks-g-bar>div{background:rgba(6,22,32,.7);border:1px solid rgba(241,211,138,.35);border-radius:12px;padding:5px 14px;text-align:center;min-width:84px}
.kks-g-bar span{display:block;font-size:11px;color:#b9c9cf;text-transform:uppercase;letter-spacing:1px}
.kks-g-bar b{font-size:24px;color:#fff;font-variant-numeric:tabular-nums}
.kks-g-bar>div.hot b{color:#ff8b7d}
.kks-g-bar .kks-g-pow{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#f6de9e;min-width:0;border-style:dashed}
.kks-g-bar .kks-g-pow:empty{visibility:hidden}
.kks-g-hallbox b{font-size:15px!important;display:flex;align-items:center;gap:6px;justify-content:center;padding-top:4px}
.kks-g-hallbox em{font-style:normal}
.kks-g-dot{width:8px;height:8px;border-radius:50%;background:#5fd38a;box-shadow:0 0 0 3px rgba(95,211,138,.25);animation:kksDot 1.6s infinite}
@keyframes kksDot{50%{opacity:.4}}
.kks-g-mute{width:42px;border-radius:12px;border:1px solid rgba(241,211,138,.35);background:rgba(6,22,32,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f1d38a'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.5 4.5 0 0 0 2.5-4z'/%3E%3C/svg%3E") center/22px no-repeat;cursor:pointer}
.kks-g-mute.off{opacity:.45}
.kks-g-stage{position:relative;max-width:100%;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(241,211,138,.5),0 24px 60px rgba(0,0,0,.5);background:#06151f;line-height:0}
.kks-g-stage canvas{display:block;width:100%;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
.kks-g-over{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(6,22,32,.72),rgba(6,22,32,.9));display:flex;align-items:center;justify-content:center;padding:16px;z-index:5;line-height:1.4;overflow:auto}
.kks-g-over[hidden]{display:none}
.kks-g-over-in{text-align:center;max-width:560px;margin:auto}
.kks-g-over-in h2{font-family:Georgia,"Times New Roman",serif;color:#f1d38a;font-size:34px;margin:0 0 8px}
.kks-g-over-in p{color:#dfeaee;font-size:15px;margin:6px 0}
.kks-g-over-in p b{color:#f6de9e}
.kks-g-over-in .kks-g-gain{font-size:54px;font-weight:700;color:#f1d38a;line-height:1;margin:2px 0}
.kks-g-over-in ul{list-style:none;padding:0;margin:8px 0;color:#f6de9e}
.kks-g-over-in .btn{margin:6px 4px;white-space:normal}
.kks-g-over-in .btn small{display:block;font-size:12px;font-weight:400;opacity:.85;margin-top:2px}
.kks-g-over-in .btn-primary{background:linear-gradient(#f6de9e,#c9a052);border:0;color:#0b2230;font-weight:700;box-shadow:0 8px 24px rgba(201,160,82,.35)}
.kks-g-over-in .btn-default{background:rgba(255,255,255,.08);border:1px solid rgba(241,211,138,.6);color:#f6de9e}
.kks-g-note{font-size:13px!important;color:#9fb3ba!important}
.kks-g-note a,.kks-g-over-in a:not(.btn){color:#f1d38a;text-decoration:underline}
.kks-g-skins{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:10px 0 4px;font-size:13px;color:#b9c9cf}
.kks-g-skin{width:44px;height:44px;border-radius:50%;border:2px solid rgba(241,211,138,.3);background:rgba(255,255,255,.06);padding:0;cursor:pointer;position:relative;overflow:hidden}
.kks-g-skin img{width:100%;height:100%}
.kks-g-skin.on{border-color:#f1d38a;box-shadow:0 0 0 3px rgba(241,211,138,.3)}
.kks-g-skin.locked img{filter:grayscale(1) brightness(.5)}
.kks-g-skin.locked:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f1d38a'%3E%3Cpath d='M12 2a5 5 0 0 0-5 5v3H6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1h-1V7a5 5 0 0 0-5-5zm-3 8V7a3 3 0 0 1 6 0v3H9z'/%3E%3C/svg%3E") center/16px no-repeat}
.kks-g-side{display:flex;flex-direction:column;gap:14px}
.kks-g-card{background:rgba(6,22,32,.74);border:1px solid rgba(241,211,138,.4);border-radius:16px;padding:14px 16px}
.kks-g-pts{font-size:15px;color:#dfeaee}
.kks-g-pts b{font-size:34px;color:#f1d38a}
.kks-g-pct{font-size:16px;margin:2px 0 8px}
.kks-g-pct b{color:#f6de9e;font-size:22px}
.kks-g-prog{height:8px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.kks-g-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f6de9e,#c9a052);transition:width .6s}
.kks-g-small{font-size:12px;color:#b9c9cf;margin:6px 0;font-weight:400}
.kks-g-small b{color:#f6de9e}
.kks-g-row{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.12)}
.kks-g-row b{color:#fff}
.kks-g-safe{margin-top:12px;display:grid;grid-template-columns:44px 1fr;gap:4px 10px;align-items:center;background:rgba(201,160,82,.12);border:1px solid rgba(241,211,138,.5);border-radius:12px;padding:10px}
.kks-g-safe[hidden]{display:none}
.kks-g-safe p{margin:0;font-size:13px;color:#f3ead2}
.kks-g-safe p b{color:#f6de9e}
.kks-g-safe .btn{grid-column:1/-1}
.kks-g-safe-ico{width:44px;height:44px;border-radius:10px;background:linear-gradient(145deg,#d9dde0,#8d969c);position:relative;box-shadow:inset 0 0 0 3px rgba(0,0,0,.15)}
.kks-g-safe-ico:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;border:3px solid #4a5258;background:radial-gradient(circle,#4a5258 2px,transparent 3px)}
.kks-g-safe-ico.big{width:64px;height:64px;margin:0 auto 6px}
.kks-g-btn-gold,.kks-g-side .btn-primary{background:linear-gradient(#f6de9e,#c9a052);border:0;color:#0b2230;font-weight:700}
.kks-g-claim{width:100%;margin-top:12px}
.kks-g-claim[hidden]{display:none}
.kks-g-cpbtn{margin-top:8px;background:rgba(255,255,255,.06)!important;border:1px dashed #f1d38a!important;color:#f6de9e!important;white-space:normal}
.kks-g-cpbtn small{display:block;font-size:11px;opacity:.8}
.kks-g-cp{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;margin:4px 0;border-radius:8px;background:#fffaf0;color:#1d3540}
.kks-g-cp b{font-size:15px;letter-spacing:1px;cursor:pointer}
.kks-g-cp span{font-size:12px}
.kks-g-h{font-weight:700;color:#f1d38a;margin-bottom:4px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.kks-g-top{margin:0;padding:0;list-style:none;font-size:14px}
.kks-g-top li{display:flex;justify-content:space-between;padding:2px 0;color:#dfeaee}
.kks-g-top li b{color:#fff}
.kks-g-top li.me{color:#f1d38a;font-weight:700}
.kks-g-ref{display:flex;gap:6px;margin:8px 0}
.kks-g-ref input{flex:1;min-width:0;border-radius:8px;border:1px solid rgba(241,211,138,.5);background:rgba(255,255,255,.08);color:#fff;padding:6px 8px;font-size:12px}
.kks-g-share{display:flex;gap:6px}
.kks-g-share a{flex:1;text-align:center;padding:6px 4px;border-radius:8px;background:rgba(255,255,255,.08);color:#f1d38a!important;font-size:12px;text-decoration:none!important}
.kks-g-share a:hover{background:rgba(241,211,138,.2)}
.kks-g-text{max-width:860px}
.kks-g-text ul{padding-left:20px;font-size:16px;line-height:1.6}
.kks-g-text details{border-bottom:1px solid #e3e8ea;padding:6px 0}
.kks-g-text summary{cursor:pointer;font-weight:700;font-size:17px;color:#1d3540;padding:6px 0}
.kks-g-modal{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:14px}
.kks-g-modal[hidden]{display:none}
.kks-g-modal-in{position:relative;background:linear-gradient(#fffdf6,#fff);border:2px solid #e2c27a;border-radius:18px;padding:22px 24px;max-width:420px;width:100%;color:#1d3540;text-align:center}
.kks-g-modal-in h3{margin:0 0 6px;font-weight:700;font-family:Georgia,serif}
.kks-g-modal-in p{font-size:14px}
.kks-g-modal-in input[name]{display:block;width:100%;margin:8px 0;padding:10px 12px;border:1px solid #cdd6da;border-radius:10px;font-size:16px}
.kks-g-modal-in .btn-primary{background:linear-gradient(#f6de9e,#c9a052);border:0;color:#0b2230;font-weight:700;width:100%}
.kks-g-agree{display:block;font-size:12px;font-weight:400;margin:8px 0;color:#5b6b72;text-align:left}
.kks-g-err{color:#d8323c;font-size:13px;min-height:18px}
.kks-g-x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer;color:#5b6b72}
.kks-g-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:100002;background:#0b2230;color:#f1d38a;border:1px solid #f1d38a;border-radius:14px;padding:10px 18px;font-size:15px;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:90vw;text-align:center}
.kks-g-toast[hidden]{display:none}
/* level, spells, the round race above the hall */
.kks-g-lvlbox{position:relative;min-width:76px!important}
.kks-g-xp{position:absolute;left:8px;right:8px;bottom:4px;height:3px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.kks-g-xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6ec8ff,#c58bff);transition:width .25s}
.kks-g-act{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1}
.kks-g-act .kks-g-dashbtn{position:relative;right:auto;bottom:auto}
.kks-g-spells{display:flex;flex-direction:column;gap:8px}
.kks-g-spells:empty{display:none!important}
.kks-g-spells button{position:relative;width:54px;height:54px;border-radius:50%;border:2px solid #f1d38a;background:rgba(6,22,32,.85);padding:7px;cursor:pointer;touch-action:none;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.kks-g-spells button img{width:100%;display:block}
.kks-g-spells button:disabled{opacity:.3;cursor:default}
.kks-g-spells kbd,.kks-g-perks kbd{position:absolute;right:2px;bottom:1px;font-size:10px;padding:0 3px;background:#0b2230;color:#f6de9e;border-radius:4px;box-shadow:none}
.kks-g-spells kbd{right:auto;left:50%;bottom:-8px;transform:translateX(-50%);white-space:nowrap;font-size:9px}
.kks-g-perks kbd{right:6px;top:6px;bottom:auto;font-size:15px;font-weight:700;padding:1px 7px;border:1px solid #f1d38a;border-radius:6px}
.kks-g-key{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);font-size:10px;padding:1px 5px;background:#0b2230;color:#f6de9e;border:1px solid #f1d38a;border-radius:5px;white-space:nowrap;box-shadow:none}
@media(pointer:coarse){.kks-g-key{display:none}}
/* the control panel under the hall (a phone held upright) */
.kks-g-pad{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:14px;background:rgba(6,22,32,.78);border:1px solid rgba(241,211,138,.35);height:152px}
.kks-g-pad[hidden]{display:none}
.kks-g-pad.left{flex-direction:row-reverse}
.kks-g-joy{flex:none;position:relative;width:98px;height:98px;border-radius:50%;border:2px solid rgba(241,211,138,.55);background:radial-gradient(circle,rgba(246,222,158,.16),rgba(246,222,158,.03) 70%);display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}
.kks-g-joy:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(241,211,138,.3)}
.kks-g-joy i{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3cf,#c9a052 65%,#8c6424);box-shadow:0 5px 12px rgba(0,0,0,.45);transition:transform .12s;pointer-events:none}
.kks-g-joy.on{border-color:#f6de9e}
.kks-g-joy.on i{transition:none}
.kks-g-padmid{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.kks-g-pad-hint{display:none;text-align:center;font-size:11px;line-height:1.3;color:#6f8790;padding:0 4px}
.kks-g-padmid .kks-g-perks[hidden]~.kks-g-pad-hint{display:block}
.kks-g-pad .kks-g-perks{position:static;transform:none;width:auto;max-width:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;animation:kksPerk .2s ease-out}
.kks-g-pad .kks-g-perks-h{display:none}
.kks-g-pad .kks-g-perks button{flex:none;min-width:0;max-width:none;display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 6px;align-items:center;text-align:left;padding:4px 6px;border-radius:10px}
.kks-g-pad .kks-g-perks img{width:26px;grid-row:span 2}
.kks-g-pad .kks-g-perks b{display:block;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kks-g-pad .kks-g-perks b i{display:none}
.kks-g-pad .kks-g-perks span{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9.5px;line-height:1.2;color:#b9c9cf}
.kks-g-pad .kks-g-act{position:static;flex:none;flex-direction:row;align-items:center;gap:6px}
.kks-g-pad.left .kks-g-act{flex-direction:row-reverse}
.kks-g-pad .kks-g-spells{flex-direction:column;gap:5px}
.kks-g-pad .kks-g-spells button{width:40px;height:40px;padding:5px}
.kks-g-pad .kks-g-dashbtn{width:66px;height:66px}
.kks-g-pad{gap:6px;padding:8px 6px}
.kks-g-spells button.empty{border-style:dashed;opacity:.5;color:#f6de9e;font-size:20px;line-height:1;padding:0}
/* the shooting gallery */
.kks-g-tir{position:relative;height:250px;width:min(440px,94%);margin:10px auto;border-radius:14px;border:1px solid #f1d38a;background:radial-gradient(circle,#1d5a2c,#0f3517);overflow:hidden;touch-action:none}
.kks-g-tg{position:absolute;width:58px;height:58px;padding:0;border:0;background:none;cursor:crosshair;animation:kksTg .18s ease-out;touch-action:none}
.kks-g-tg img{width:100%;pointer-events:none}
.kks-g-tg.hit{animation:kksHit .22s ease-out forwards}
.kks-g-tg.boom{animation:kksBoom .22s ease-out forwards}
@keyframes kksTg{from{transform:scale(.2)}to{transform:scale(1)}}
@keyframes kksHit{to{transform:scale(1.6);opacity:0;filter:brightness(2)}}
@keyframes kksBoom{to{transform:scale(.4) rotate(40deg);opacity:0}}
.kks-g-race span.t0{border-color:rgba(226,184,92,.7)}
.kks-g-race span.t1{border-color:rgba(110,168,255,.8)}
.kks-g-race span.out{opacity:.45;text-decoration:line-through}
.kks-g-race span u{text-decoration:none;font-size:10px;font-weight:700;background:#c9a052;color:#0b2230;border-radius:7px;padding:0 4px}
.kks-g-fs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1d38a' stroke-width='2.2'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E")!important}
.kks-g-fs[hidden]{display:none}
.kks-g-main{position:relative}
@media(orientation:landscape) and (max-height:520px){
	.kks-g-hero{padding-top:4px}
	.kks-g-bar{gap:5px;margin-bottom:6px}
	.kks-g-bar>div{padding:2px 10px;min-width:64px}
	.kks-g-bar span{font-size:9px}
	.kks-g-bar b{font-size:16px}
	.kks-g-bar .kks-g-pow{font-size:12px}
	.kks-g-mute{width:36px}
	.kks-g-race{position:absolute;left:4px;top:58px;z-index:4;flex-direction:column;flex-wrap:nowrap;width:128px;gap:3px;pointer-events:none;opacity:.92}
	.kks-g-race span{font-size:10px;padding:1px 5px 1px 2px;background:rgba(6,22,32,.8)}
	.kks-g-race span i{width:15px;height:15px;font-size:9px}
	.kks-g-stage{border-radius:12px}
}
.kks-g-main:fullscreen{background:#06151f;padding:6px 8px;overflow:auto}
.kks-g-main:fullscreen .kks-g-bar{margin-bottom:4px}
.kks-g-main:fullscreen .kks-g-mtabs,.kks-g-main:fullscreen .kks-g-pow:empty{display:none}
.kks-g-main:fullscreen .kks-g-race{margin-bottom:4px;max-height:64px;overflow:hidden}
.kks-g-main:fullscreen .kks-g-team{padding:2px 4px;gap:2px}
.kks-g-main:fullscreen .kks-g-race span{font-size:10px;padding:1px 6px 1px 2px}
.kks-g-outcard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:min(90%,340px);padding:14px 16px;border-radius:16px;border:1px solid #ff8b7d;background:rgba(40,8,14,.92);color:#f3ead2;text-align:center;line-height:1.35;box-shadow:0 14px 34px rgba(0,0,0,.55)}
.kks-g-outcard[hidden]{display:none}
.kks-g-outcard b{display:block;font-family:Georgia,serif;font-size:22px;color:#ff8b7d}
.kks-g-outcard p{font-size:13px;margin:6px 0 10px}
.kks-g-outcard .btn{margin:3px;font-size:14px}
.kks-g-outcard .btn-primary{background:linear-gradient(#f6de9e,#c9a052);border:0;color:#0b2230;font-weight:700}
.kks-g-outcard .btn-default{background:rgba(255,255,255,.08);border:1px solid rgba(241,211,138,.6);color:#f6de9e}
.kks-g-punch{display:block;width:34px;height:34px;background:center/contain no-repeat}
.kks-g-dashbtn b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;text-shadow:0 2px 6px #000}
.kks-g-dashbtn b:empty{display:none}
.kks-g-dashbtn small{margin-top:0!important}
@media(pointer:coarse){
	.kks-g-stage .kks-g-perks{left:50%;right:auto;top:46px;bottom:auto;transform:translateX(-50%);flex-direction:row;align-items:stretch;flex-wrap:nowrap;width:min(96%,560px);max-width:96%;gap:4px;animation:none}
	.kks-g-stage .kks-g-perks-h{display:none}
	.kks-g-stage .kks-g-perks button{flex:1 1 0;min-width:0;max-width:none;grid-template-columns:26px minmax(0,1fr);padding:5px 6px;border-radius:10px}
	.kks-g-stage .kks-g-perks img{width:26px}
	.kks-g-stage .kks-g-perks b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.kks-g-stage .kks-g-perks b i{display:none}
	.kks-g-stage .kks-g-perks span{font-size:9.5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.kks-g-stage .kks-g-perks kbd{display:none}
}
/* touch: the joystick over the hall in the lower corner, the punch and spells in the other one */
.kks-g-stage>.kks-g-joy{display:none}
.kks-g-stage.tc>.kks-g-joy{display:flex;position:absolute;left:12px;bottom:12px;z-index:4;width:104px;height:104px;background:radial-gradient(circle,rgba(6,22,32,.35),rgba(6,22,32,.15) 70%);opacity:.85}
.kks-g-stage.tc.left>.kks-g-joy{left:auto;right:12px}
body:not(.kks-g-playing) .kks-g-stage>.kks-g-joy{display:none!important}
.kks-g-stage.tc.left>.kks-g-act{right:auto;left:12px}
.kks-g-stage.tc .kks-g-act{flex-direction:row;align-items:flex-end;gap:8px}
.kks-g-stage.tc .kks-g-spells{flex-direction:column;gap:6px}
.kks-g-stage.tc .kks-g-spells button{width:44px;height:44px;padding:5px}
.kks-g-stage.tc .kks-g-dashbtn{width:76px;height:76px}
.kks-g-stage.tc .kks-g-tut{top:auto;bottom:128px;left:12px}
.kks-g-race{display:flex;flex-wrap:wrap;gap:4px;min-height:28px;margin:0 0 8px}
.kks-g-race span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 4px;border-radius:14px;background:rgba(6,22,32,.72);border:1px solid rgba(241,211,138,.25);font-size:12px;color:#dfeaee;line-height:1.4;transition:all .3s}
.kks-g-race span i{font-style:normal;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.kks-g-race span:first-child i{background:linear-gradient(#f6de9e,#c9a052);color:#0b2230}
.kks-g-race span b{color:#fff}
.kks-g-race span.me{border-color:#f1d38a;background:rgba(201,160,82,.25);color:#f6de9e;font-weight:700}
.kks-g-perks{position:absolute;left:12px;right:90px;bottom:12px;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;line-height:1.3;animation:kksPerk .25s ease-out}
.kks-g-perks[hidden]{display:none}
.kks-g-perks-h{width:100%;text-align:center;font-weight:700;color:#f6de9e;text-shadow:0 2px 6px #000}
.kks-g-perks button{position:relative;flex:1;min-width:150px;max-width:230px;display:grid;grid-template-columns:40px 1fr;gap:0 8px;align-items:center;text-align:left;padding:8px 10px;border-radius:14px;border:1px solid #f1d38a;background:linear-gradient(rgba(11,34,48,.96),rgba(6,22,32,.96));color:#dfeaee;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.kks-g-perks button:hover{border-color:#fff3cf;transform:translateY(-2px)}
.kks-g-perks img{width:40px;grid-row:span 2}
.kks-g-perks b{color:#f6de9e;font-size:14px}
.kks-g-perks b i{font-style:normal;font-weight:400;font-size:11px;color:#9fb3ba}
.kks-g-perks span{font-size:12px}
@keyframes kksPerk{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes kksPerkTop{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translateX(-50%)}}
.kks-g-on{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5fd38a;box-shadow:0 0 0 2px rgba(95,211,138,.3);margin-right:2px}
.kks-g-dashbtn{position:absolute;right:14px;bottom:14px;z-index:3;width:74px;height:74px;border-radius:50%;border:2px solid #f1d38a;background:radial-gradient(circle at 35% 30%,#fff3cf,#c9a052 60%,#8c6424);color:#0b2230;box-shadow:0 8px 20px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.kks-g-dashbtn[hidden]{display:none}
.kks-g-dashbtn b{font-size:26px}
.kks-g-dashbtn small{font-size:11px;font-weight:700;margin-top:2px}
.kks-g-dashbtn.cool{filter:grayscale(.85) brightness(.7)}
.kks-g-dashbtn.glove{border-color:#ff6b6b;box-shadow:0 0 0 5px rgba(255,107,107,.35),0 8px 20px rgba(0,0,0,.45)}
.kks-g-alt{font-size:13px;margin:10px 0 0}
.kks-g-alt a{color:#9c7029;font-weight:700}
@media(max-width:767px){body.kks-g-page .chaty,body.kks-g-page .chaty-widget,body.kks-g-page jdiv,body.kks-g-page .grecaptcha-badge{display:none!important}}
body.kks-g-playing .chaty,body.kks-g-playing .chaty-widget,body.kks-g-playing jdiv,body.kks-g-playing .grecaptcha-badge,body.kks-g-playing .fixed-feedback{display:none!important}
@media(hover:hover) and (pointer:fine){
	.kks-g-dashbtn{width:60px;height:60px}.kks-g-dashbtn b{font-size:20px}
	/* the computer: perks on offer in a column at the top right, the spells and the punch in a row at the bottom right */
	.kks-g-stage .kks-g-perks{left:50%;right:auto;top:8px;bottom:auto;transform:translateX(-50%);width:min(96%,720px);flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:6px;padding:5px;border-radius:14px;background:rgba(6,22,32,.72);border:1px solid rgba(241,211,138,.45);animation:kksPerkTop .25s ease-out}
	.kks-g-stage .kks-g-perks-h{width:auto;flex:none;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:10.5px;line-height:1.2;font-weight:400;padding:0 6px;text-shadow:none;color:#b9c9cf;cursor:help}
	.kks-g-stage .kks-g-perks-h b{display:block;font-size:14px;color:#f6de9e}
	.kks-g-stage .kks-g-perks button{flex:1 1 0;min-width:0;max-width:none;grid-template-columns:30px minmax(0,1fr);padding:5px 28px 5px 7px;border-radius:10px;box-shadow:none}
	.kks-g-stage .kks-g-perks img{width:30px}
	.kks-g-stage .kks-g-perks b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.kks-g-stage .kks-g-perks span{font-size:11px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.kks-g-stage .kks-g-perks kbd{top:50%;right:5px;transform:translateY(-50%);font-size:13px;padding:0 5px}
	.kks-g-stage .kks-g-act{flex-direction:row;align-items:flex-end;gap:10px}
	.kks-g-stage .kks-g-spells{flex-direction:row;gap:8px;margin-bottom:4px}
	.kks-g-stage .kks-g-spells button{width:48px;height:48px;padding:6px}
}
/* lobby and results */
.kks-g-lobby{display:flex;gap:16px;align-items:center;text-align:left}
.kks-g-me{width:110px;height:110px;flex:none;border-radius:50%;background:radial-gradient(circle,rgba(246,222,158,.3),rgba(246,222,158,0) 70%)}
.kks-g-lobby .btn{margin:6px 4px 0 0!important}
.kks-g-got{display:flex;justify-content:center;align-items:center;gap:10px;color:#dfeaee;font-size:14px;margin:4px 0}
.kks-g-got span{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:#f6de9e}
.kks-g-got img{width:26px}
.kks-g-share2{margin:8px 0 2px;font-size:13px;color:#b9c9cf}
.kks-g-share2 a{display:inline-block;margin:3px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.08);color:#f1d38a!important;text-decoration:none!important}
/* mini games */
.kks-g-shells{position:relative;height:130px;width:min(330px,90%);margin:12px auto}
.kks-g-shell{position:absolute;top:30px;width:32%;height:100px;border:0;background:none;padding:0;transition:left .32s ease-in-out;cursor:pointer}
.kks-g-shell:disabled{cursor:default}
.kks-g-shell img{position:absolute;left:50%;transform:translateX(-50%);transition:transform .35s}
.kks-g-shell .cap{width:96px;bottom:0;z-index:2}
.kks-g-shell .gem{width:44px;bottom:6px;z-index:1}
.kks-g-shell.up .cap{transform:translate(-50%,-52px)}
.kks-g-shell:not(:disabled):hover .cap{transform:translate(-50%,-6px)}
.kks-g-wheel{position:relative;width:min(260px,70vw);margin:8px auto}
.kks-g-wheel canvas{width:100%;display:block;border-radius:50%;box-shadow:0 0 0 4px #f1d38a,0 12px 30px rgba(0,0,0,.5)}
.kks-g-wheel i{position:absolute;left:50%;top:-10px;margin-left:-12px;border:12px solid transparent;border-top:22px solid #f6de9e;filter:drop-shadow(0 2px 3px #000)}
.kks-g-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(340px,92%);margin:10px auto}
.kks-g-mem button{aspect-ratio:1;border-radius:12px;border:1px solid #f1d38a;background:linear-gradient(145deg,#7a1428,#3a0913);padding:6px;cursor:pointer}
.kks-g-mem button img{width:100%;opacity:0;transition:opacity .2s}
.kks-g-mem button.on{background:#f3ead2}
.kks-g-mem button.on img{opacity:1}
.kks-g-mem button.ok{box-shadow:0 0 0 3px #5be37a}
.kks-g-memt{color:#f6de9e;font-size:15px}
/* workshop, trophies, records */
.kks-g-mats{display:flex;gap:8px;font-weight:700;color:#fff}
.kks-g-mats span{display:inline-flex;align-items:center;gap:1px}
.kks-g-mats img{width:22px}
.kks-g-sub2{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9fb3ba;margin:10px 0 4px}
.kks-g-rc{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:5px 6px;border-radius:10px;border:1px solid transparent}
.kks-g-rc.on{border-color:rgba(241,211,138,.5);background:rgba(201,160,82,.1)}
.kks-g-rc-i{position:relative;width:40px;height:40px}
.kks-g-rc-i img{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06)}
.kks-g-lv{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-style:normal;font-size:9px;font-weight:700;line-height:13px;padding:0 4px;border-radius:6px;background:var(--c);color:#0b2230;white-space:nowrap}
.kks-g-rc.lv2{border-color:rgba(91,227,122,.45)}.kks-g-rc.lv3{border-color:rgba(110,200,255,.5)}.kks-g-rc.lv4{border-color:rgba(197,139,255,.55)}.kks-g-rc.lv5{border-color:rgba(255,179,71,.7);box-shadow:0 0 10px rgba(255,179,71,.25)}
.kks-g-rc[data-prev]{cursor:default}
.kks-g-rc[data-prev]:hover{background:rgba(255,255,255,.04)}
.kks-g-max{font-style:normal;font-size:10px;color:#ffb347;text-align:center}
.kks-g-prev{display:grid;grid-template-columns:68px 1fr;gap:8px;align-items:center;margin-bottom:2px}
.kks-g-prev .kks-g-small{margin:2px 0;font-size:11px;line-height:1.3}
.kks-g-prev>img{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,rgba(246,222,158,.28),rgba(246,222,158,0) 70%)}
.kks-g-prev.pop>img{animation:kksPrev .9s ease-out}
@keyframes kksPrev{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.15);filter:brightness(1.8) drop-shadow(0 0 10px #ffe08a)}100%{transform:scale(1);filter:brightness(1)}}
.kks-g-prev .kks-g-mats{flex-wrap:wrap;gap:4px 10px;margin:2px 0}
.kks-g-mats small{font-weight:400;font-size:10px;color:#9fb3ba}
.kks-g-swap{display:flex;gap:6px;flex-wrap:wrap}
.kks-g-swap button{display:inline-flex;align-items:center;gap:3px;font-size:12px;padding:3px 8px;border-radius:8px;border:1px solid rgba(241,211,138,.6);background:rgba(255,255,255,.05);color:#f3ead2;cursor:pointer}
.kks-g-swap button:disabled{opacity:.35;cursor:default}
.kks-g-swap img{width:18px}
.kks-g-herotop{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center}
.kks-g-herotop>img{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(246,222,158,.3),rgba(246,222,158,0) 70%)}
.kks-g-hname{display:block;font-size:16px;color:#f6de9e}
.kks-g-rank{font-size:12px;color:#b9c9cf;margin:2px 0}
.kks-g-rank em{font-style:normal;font-weight:700;color:#0b2230;background:linear-gradient(#f6de9e,#c9a052);border-radius:8px;padding:1px 7px}
.kks-g-rbar,.kks-g-trbar,.kks-g-stat i{display:block;height:6px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden;margin:3px 0}
.kks-g-rbar u,.kks-g-trbar u,.kks-g-stat u{display:block;height:100%;background:linear-gradient(90deg,#6ec8ff,#c58bff)}
.kks-g-trbar u{background:linear-gradient(90deg,#c9a052,#f6de9e)}
.kks-g-herotop small{display:block;font-size:10.5px;color:#8fa4ab;line-height:1.3}
.kks-g-stat{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:3px 0}
.kks-g-stat span{font-size:12.5px;color:#dfeaee}
.kks-g-stat b{font-size:13px;color:#f6de9e}
.kks-g-stat i,.kks-g-stat small{grid-column:1/-1}
.kks-g-stat u{background:linear-gradient(90deg,#c9a052,#f6de9e)}
.kks-g-stat small{font-size:10.5px;color:#8fa4ab}
.kks-g-gears{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.kks-g-gear{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 4px 10px;border-radius:10px;background:rgba(255,255,255,.05);font-size:11.5px;text-align:center}
.kks-g-gear img{width:48px}
.kks-g-gear b{color:#f3ead2}
.kks-g-gear i{font-style:normal;color:#7f959c;padding:16px 0}
.kks-g-gear .kks-g-lv{bottom:-4px}
.kks-g-skinlist{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.kks-g-skinlist button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#dfeaee;cursor:pointer;line-height:1.15}
.kks-g-skinlist button.on{border-color:#f1d38a;background:rgba(201,160,82,.18)}
.kks-g-skinlist button.locked img{filter:grayscale(1) brightness(.5)}
.kks-g-skinlist img{width:44px}
.kks-g-skinlist b{font-size:10px}
.kks-g-skinlist small{font-size:9px;color:#9fb3ba}
.kks-g-matlist{display:flex;flex-direction:column;gap:3px}
.kks-g-matlist span{display:flex;align-items:center;gap:6px;font-size:12px;color:#b9c9cf}
.kks-g-matlist img{width:24px}
.kks-g-matlist b{min-width:26px;color:#fff;font-size:14px}
.kks-g-tr em{font-style:normal;font-size:10px;font-weight:700;padding:0 5px;border-radius:6px;background:#c9a052;color:#0b2230;margin-left:4px}
.kks-g-tr.t0 b{color:#9fb3ba}
.kks-g-tr>div:first-child{flex:1;min-width:0}
.kks-g-ach em{grid-column:2;font-style:normal;font-size:10px;color:#7f959c}
.kks-g-ach.on em{color:#5be37a;font-weight:700}
.kks-g-ach:not(.on){position:relative;opacity:.8}
.kks-g-ach:not(.on) img{opacity:.6}
.kks-g-ach img{grid-row:span 3}
/* the shooting gallery: a party cannon, a confetti trail, bursts */
.kks-g-cannon{position:absolute;left:50%;bottom:-6px;width:34px;height:58px;transform:translateX(-50%);transform-origin:50% 85%;transition:transform .08s;z-index:2;pointer-events:none}
.kks-g-cannon i{position:absolute;inset:0;border-radius:8px 8px 14px 14px;background:repeating-linear-gradient(135deg,#ff6b6b 0 8px,#ffe08a 8px 16px,#6ec8ff 16px 24px);border:2px solid #fff3cf;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.kks-g-cannon:before{content:"";position:absolute;left:-4px;right:-4px;top:-4px;height:8px;border-radius:4px;background:#c9a052;z-index:1}
.kks-g-cannon.fire i{animation:kksFire .16s ease-out}
@keyframes kksFire{50%{transform:translateY(6px) scaleY(.9)}}
.kks-g-trail{position:absolute;height:4px;margin-top:-2px;transform-origin:0 50%;background:repeating-linear-gradient(90deg,#ffe08a 0 6px,#ff6b6b 6px 12px,#6ec8ff 12px 18px);border-radius:2px;pointer-events:none;animation:kksTrail .26s ease-out forwards;z-index:1}
@keyframes kksTrail{to{opacity:0}}
.kks-g-conf{position:absolute;width:7px;height:7px;margin:-3px;border-radius:2px;pointer-events:none;animation:kksConf .6s ease-out forwards;z-index:3}
@keyframes kksConf{to{transform:translate(var(--dx),var(--dy)) rotate(260deg);opacity:0}}
.kks-g-tirf{position:absolute;transform:translate(-50%,-50%);font-size:22px;font-weight:800;color:#ffe08a;text-shadow:0 2px 4px #000;pointer-events:none;animation:kksTirf .8s ease-out forwards;z-index:4}
.kks-g-tirf.no{font-size:14px;color:#cfd8dc}
@keyframes kksTirf{to{transform:translate(-50%,-160%);opacity:0}}
.kks-g-skins2{display:flex;flex-direction:column;gap:4px}
.kks-g-skins2 button{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;text-align:left;padding:5px 7px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#dfeaee;cursor:pointer;line-height:1.25}
.kks-g-skins2 button.on{border-color:#f1d38a;background:rgba(201,160,82,.16)}
.kks-g-skins2 button.locked>img{filter:grayscale(1) brightness(.5)}
.kks-g-skins2 img{width:48px}
.kks-g-skins2 b{display:block;font-size:12.5px;color:#f3ead2}
.kks-g-skins2 em{display:block;font-style:normal;font-size:11px;color:#f6de9e}
.kks-g-skins2 small{display:block;font-size:10.5px;color:#9fb3ba}
.kks-g-set{display:flex;gap:2px;margin:2px 0;font-style:normal;font-size:10px;color:#7f959c;align-items:center}
.kks-g-set img{width:20px!important}
.kks-g-mtabs{display:flex;gap:4px;margin:0 0 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kks-g-mtabs::-webkit-scrollbar{display:none}
.kks-g-mtabs button{flex:none;padding:6px 12px;border-radius:10px;border:1px solid rgba(241,211,138,.35);background:rgba(6,22,32,.6);color:#dfeaee;font-size:13px;cursor:pointer;white-space:nowrap}
.kks-g-mtabs button.on{background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700;border-color:#f1d38a}
.kks-g-main.mv>.kks-g-bar,.kks-g-main.mv>.kks-g-race,.kks-g-main.mv>.kks-g-stage,.kks-g-main.mv>.kks-g-pad{display:none!important}
.kks-g-mview[hidden]{display:none}
.kks-g-mview .kks-g-tabbed{margin:0}
.kks-g-mview .kks-g-tabbar{display:none}
.kks-g-mview .kks-g-pane{max-height:none;padding:14px 18px}
.kks-g-mview .kks-g-achs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.kks-g-mview .kks-g-skinlist{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
.kks-g-how{margin:0 0 4px;padding-left:18px;font-size:12px;color:#dfeaee;line-height:1.5}
.kks-g-link{border:0;background:none;padding:0;color:#f6de9e;text-decoration:underline;cursor:pointer;font:inherit}
.kks-g-friends{display:flex;flex-direction:column;gap:4px}
.kks-g-fr{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.05);font-size:12px}
.kks-g-fr b{color:#f3ead2}
.kks-g-fr span{grid-column:1;color:#9fb3ba;font-size:11px}
.kks-g-fr em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:11px;color:#9fb3ba}
.kks-g-fr em.ok{color:#5be37a}
.kks-g-next{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 4px}
.kks-g-next .btn{margin:0!important}
.kks-g-next .btn small{display:block;font-size:11px;opacity:.8}
/* round results: a card that fits the field, only the tab content scrolls */
.kks-g-over.res{align-items:stretch;overflow:hidden;padding:12px}
.kks-g-over.res .kks-g-over-in{width:100%;max-width:640px;margin:0 auto;display:flex;min-height:0}
.kks-g-res{display:flex;flex-direction:column;width:100%;min-height:0;max-height:100%;margin:auto 0;background:linear-gradient(180deg,rgba(14,42,56,.96),rgba(8,26,36,.96));border:1px solid rgba(241,211,138,.45);border-radius:18px;padding:12px 14px 8px;box-shadow:0 20px 50px rgba(0,0,0,.45);animation:kksgResIn .35s ease-out}
@keyframes kksgResIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.kks-g-rhead{display:flex;align-items:center;gap:14px;justify-content:center;text-align:left}
.kks-g-rplace{flex:none;width:74px;height:74px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:2px solid rgba(241,211,138,.5);color:#dfeaee;font-size:11px;line-height:1.1}
.kks-g-rplace b{font-size:30px;color:#f6de9e;line-height:1}
.kks-g-rplace small{font-size:10px;opacity:.75}
.kks-g-rplace.top{background:radial-gradient(circle at 50% 35%,#fff3cf,#e2b85c 55%,#9c7425);border-color:#fff3cf;color:#0b2230}
.kks-g-rplace.top b{color:#0b2230}
.kks-g-rmain{min-width:0}
.kks-g-over-in .kks-g-rmain h2{font-size:26px;margin:0}
.kks-g-over-in .kks-g-res .kks-g-gain{font-size:40px;margin:0}
.kks-g-res .kks-g-gain small{font-size:14px;font-weight:400;color:#dfeaee}
.kks-g-over-in .kks-g-rmain p{margin:2px 0 0;font-size:13px}
.kks-g-res .kks-g-next{margin:10px 0 8px}
.kks-g-rtabs{display:flex;gap:4px;border-bottom:1px solid rgba(241,211,138,.25)}
.kks-g-rtabs button{flex:1;border:0;background:none;color:#9fb3ba;font-size:13px;font-weight:700;padding:7px 4px;border-bottom:2px solid transparent;cursor:pointer}
.kks-g-rtabs button.on{color:#f6de9e;border-bottom-color:#f1d38a}
.kks-g-rpane{flex:1 1 auto;min-height:60px;overflow:auto;overscroll-behavior:contain;padding:8px 2px;text-align:left;scrollbar-width:thin;scrollbar-color:rgba(241,211,138,.5) transparent}
.kks-g-rpane[hidden]{display:none}
.kks-g-over-in .kks-g-rnews{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:5px;margin:4px 0 0}
.kks-g-rnews li{background:rgba(255,255,255,.05);border-radius:9px;padding:5px 9px;font-size:12.5px;line-height:1.3;color:#f3ead2}
.kks-g-res .kks-g-got{text-align:center}
.kks-g-res .kks-g-share2{text-align:center}
.kks-g-res>.kks-g-note{margin:6px 0 0;text-align:center;font-size:12px}
@media(max-width:767px){
	.kks-g-over.res{padding:6px}
	.kks-g-res{padding:10px 10px 6px;border-radius:14px}
	.kks-g-rplace{width:58px;height:58px}
	.kks-g-rplace b{font-size:24px}
	.kks-g-over-in .kks-g-rmain h2{font-size:20px}
	.kks-g-over-in .kks-g-res .kks-g-gain{font-size:30px}
	.kks-g-res .kks-g-next .btn-lg{padding:8px 12px;font-size:15px}
	.kks-g-over-in .kks-g-rnews{grid-template-columns:1fr}
}
.kks-g-dg{margin:6px 0 0}
.kks-g-pager{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.kks-g-pager button{border-radius:8px;border:1px solid rgba(241,211,138,.4);background:none;color:#dfeaee;font-size:11px;padding:2px 7px;cursor:pointer}
.kks-g-pager button.on{background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700}
.kks-g-halls button.near{border-color:#5be37a;box-shadow:0 0 0 2px rgba(91,227,122,.3)}
.kks-g-rankm{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.kks-g-rankm span{font-size:11px;color:#7f959c;padding:3px 6px;border-radius:8px;background:rgba(255,255,255,.04)}
.kks-g-rankm span b{color:#9fb3ba;margin-right:4px}
.kks-g-rankm span.on{color:#dfeaee;background:rgba(91,227,122,.12)}
.kks-g-rankm span.on b{color:#5be37a}
.kks-g-legend{color:#ffd86b;text-shadow:0 0 6px rgba(255,216,107,.6)}
.kks-g-rc{grid-template-columns:40px minmax(0,1fr) auto}
.kks-g-rc-a{min-width:0}
.kks-g-rc-a button{padding:3px 7px;font-size:10.5px}
.kks-g-pane{overflow-x:hidden}
.kks-g-dl{overflow-wrap:anywhere}
.kks-g-tabs.hsub{flex-wrap:wrap}
.kks-g-tabs.hsub button{flex:1 1 30%}
.kks-g-rankm span em{display:block;font-style:normal;font-size:10px;color:#f6de9e}
.kks-g-prizes{display:flex;flex-direction:column;gap:5px;margin:6px 0}
.kks-g-prz{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center;padding:7px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.kks-g-prz>b{font-size:15px;color:#9fb3ba;text-align:center}
.kks-g-prz span{font-size:12.5px;color:#f3ead2;font-weight:700}
.kks-g-prz small{display:block;font-weight:400;font-size:11px;color:#9fb3ba;margin-top:2px}
.kks-g-prz small button{border-radius:8px;border:0;background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700;font-size:11.5px;padding:3px 10px;cursor:pointer}
.kks-g-prz small a{color:#f6de9e}
.kks-g-prz.ok{border-color:#5be37a;background:rgba(91,227,122,.1)}.kks-g-prz.ok>b{color:#5be37a}
.kks-g-prz.got{border-color:rgba(241,211,138,.5)}.kks-g-prz.got>b{color:#f6de9e}
.kks-g-prz.mo>b{font-size:12px;color:#f6de9e}
.kks-g-rkbox{display:block;font-size:9.5px;color:#9fb3ba;margin-top:-2px;line-height:1}
.kks-g-race span s{text-decoration:none;font-size:10px;color:#c58bff;margin-left:2px}
.kks-g-chips{display:flex;flex-wrap:wrap;gap:3px;margin:6px 0}
.kks-g-chips span{font-size:11px;padding:2px 7px;border-radius:9px;background:rgba(255,255,255,.06);color:#b9c9cf;transition:background .15s}
.kks-g-chips b{color:#f3ead2}
.kks-g-chips span.up{background:rgba(91,227,122,.18);color:#bff5cc}.kks-g-chips span.up b{color:#5be37a}
.kks-g-chips span.dn{background:rgba(255,139,125,.18);color:#ffd1ca}.kks-g-chips span.dn b{color:#ff8b7d}
.kks-g-gear{position:relative}
.kks-g-up{position:absolute;top:2px;right:3px;width:16px;height:16px;border-radius:50%;background:#5be37a;color:#0b2230!important;font-size:12px;line-height:16px;text-align:center}
.kks-g-gotos{display:flex;gap:6px;margin:10px 0 4px}
.kks-g-gotos button{flex:1;border-radius:9px;border:1px solid rgba(241,211,138,.5);background:rgba(255,255,255,.05);color:#f6de9e;padding:6px;font-size:12px;cursor:pointer}
.kks-g-lsp{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:8px 0 2px}
.kks-g-lsp>span{font-size:12.5px;color:#b9c9cf;margin-right:2px}
.kks-g-lsp>span b{color:#f6de9e}
.kks-g-lsp button{position:relative;width:44px;padding:3px 1px 2px;border-radius:10px;border:1px solid rgba(241,211,138,.3);background:rgba(255,255,255,.04);color:#dfeaee;cursor:pointer;line-height:1.1}
.kks-g-lsp button img{width:24px;display:block;margin:0 auto}
.kks-g-lsp button small{display:block;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kks-g-lsp button i{position:absolute;top:-5px;right:-4px;font-style:normal;font-size:10px;font-weight:700;padding:0 4px;border-radius:7px;background:#c9a052;color:#0b2230}
.kks-g-lsp button i.mk{background:#5be37a}
.kks-g-lsp button.on{border-color:#f1d38a;background:rgba(201,160,82,.25);box-shadow:0 0 0 2px rgba(241,211,138,.35)}
.kks-g-lsp button.none img{filter:grayscale(.8) brightness(.7)}
.kks-g-lsp button:disabled{opacity:.4;cursor:default}
.kks-g-snake{display:block;width:min(480px,94%);margin:10px auto;border-radius:12px;border:1px solid #f1d38a;touch-action:none;image-rendering:auto}
.kks-g-snake.hurt{animation:kksHurt .3s}
@keyframes kksHurt{30%{box-shadow:0 0 0 4px rgba(255,107,107,.8)}}
.kks-g-snpad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,44px);gap:6px;justify-content:center;margin:6px auto}
.kks-g-snpad button{border-radius:10px;border:1px solid #f1d38a;background:rgba(255,255,255,.08);color:#f6de9e;font-size:18px;touch-action:none}
.kks-g-snpad button:nth-child(1){grid-column:2;grid-row:1}.kks-g-snpad button:nth-child(2){grid-column:1;grid-row:2}.kks-g-snpad button:nth-child(3){grid-column:3;grid-row:2}.kks-g-snpad button:nth-child(4){grid-column:2;grid-row:2}
.kks-g-tools{position:absolute;right:8px;top:8px;z-index:6;display:flex;gap:5px;line-height:1}
.kks-g-tools .kks-g-mute{width:32px;height:32px;border-radius:9px;background-color:rgba(6,22,32,.55);background-size:18px;opacity:.75;transition:opacity .2s}
.kks-g-tools .kks-g-mute:hover{opacity:1}
.kks-g-stage .kks-g-perks{max-width:calc(100% - 96px)}
.kks-g-wand{position:absolute;bottom:-4px;left:50%;width:16px;height:64px;margin-left:-8px;z-index:2;pointer-events:none}
.kks-g-wand i{position:absolute;left:3px;right:3px;top:14px;bottom:0;border-radius:5px;background:repeating-linear-gradient(-45deg,#e8343f 0 7px,#fff 7px 14px);box-shadow:0 4px 10px rgba(0,0,0,.5)}
.kks-g-wand:before{content:"";position:absolute;left:-9px;top:-10px;width:34px;height:34px;background:radial-gradient(circle,#fffbe6 0 22%,rgba(255,224,138,.9) 23% 30%,rgba(255,224,138,0) 70%);border-radius:50%}
.kks-g-wand:after{content:"★";position:absolute;left:-4px;top:-9px;width:24px;text-align:center;font-size:22px;line-height:1;color:#ffd84a;text-shadow:0 0 6px #fff3c4}
.kks-g-wand.fire:after{animation:kksWand .2s ease-out}
@keyframes kksWand{50%{transform:scale(1.4)}}
.kks-g-shot{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fffbe6 0 30%,#ffd84a 45%,rgba(255,216,74,0) 70%);box-shadow:0 0 10px #ffe08a;pointer-events:none;z-index:1}
.kks-g-tg2{position:absolute;left:0;top:0;width:48px;height:48px;pointer-events:none}
.kks-g-tg2 img{width:100%}
.kks-g-tg2.hit img{animation:kksHit .3s ease-out forwards}
.kks-g-tg2.boom img{animation:kksBoom .3s ease-out forwards}
.kks-g-tir{cursor:none;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 19%,radial-gradient(circle,#1d5a2c,#0f3517)}
.kks-g-dl{display:block;margin-top:1px;font-size:10.5px;color:#9fb3ba}
.kks-g-dl i{font-style:normal;margin-right:4px;white-space:nowrap}
.kks-g-dl i.up{color:#5be37a}.kks-g-dl i.dn{color:#ff8b7d}
.kks-g-tabs.hsub{margin:8px 0 6px}
.kks-g-tabs.hsub button{font-size:11px;padding:4px 2px}
button.kks-g-gear{border:1px solid transparent;color:inherit;cursor:pointer;font:inherit}
button.kks-g-gear:hover{border-color:rgba(241,211,138,.4)}
button.kks-g-gear.sel{border-color:#f1d38a;background:rgba(201,160,82,.15)}
.kks-g-pick{margin-top:4px}
.kks-g-mats.hm{display:flex;flex-wrap:wrap;gap:3px 10px;margin:6px 0 0;font-size:12px}
.kks-g-mats.hm img{width:18px}
.kks-g-swapask{margin:6px 0;padding:8px;border-radius:10px;border:1px dashed #f1d38a;font-size:12px;color:#f3ead2}
.kks-g-swapask button{display:block;width:100%;margin-top:4px;text-align:left;border-radius:8px;border:1px solid rgba(241,211,138,.5);background:rgba(255,255,255,.05);color:#f6de9e;padding:4px 8px;cursor:pointer;font-size:12px}
.kks-g-swapask button small{display:block}
.kks-g-swap.pts{margin-top:5px}
.kks-g-favs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:5px;margin-top:4px}
.kks-g-favs button{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:10px;border:1px solid rgba(241,211,138,.4);background:none;color:#dfeaee;font-size:12px;font-weight:700;cursor:pointer;text-align:left}
.kks-g-favs button img{width:24px;flex:none}
.kks-g-favs button small{display:block;font-weight:400;font-size:10.5px;line-height:1.25;color:#b9c9cf}
.kks-g-favs button.on{background:rgba(201,160,82,.25);border-color:#f1d38a;color:#f6de9e}
.kks-g-favs button b{position:absolute;top:-6px;left:-4px;min-width:14px;height:14px;border-radius:7px;background:#f6de9e;color:#0b2230;font-size:9px;line-height:14px;text-align:center}
.kks-g-tirhud{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.kks-g-tirhud span{padding:3px 10px;border-radius:10px;background:rgba(255,255,255,.08);font-size:12px;color:#b9c9cf}
.kks-g-tirhud b{font-size:17px;color:#f6de9e;margin-left:3px}
.kks-g-rc b{display:block;font-size:13px;color:#f3ead2}
.kks-g-rc small{display:block;font-size:11px;color:#9fb3ba;line-height:1.3}
.kks-g-cost{display:flex;gap:6px;margin-top:2px}
.kks-g-cost i{font-style:normal;font-size:11px;display:inline-flex;align-items:center;color:#dfeaee}
.kks-g-cost i.no{color:#ff8b7d}
.kks-g-cost img{width:16px}
.kks-g-rc-a{display:flex;flex-direction:column;gap:3px}
.kks-g-rc-a button{font-size:11px;padding:3px 8px;border-radius:8px;border:1px solid #f1d38a;background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700;cursor:pointer;white-space:nowrap}
.kks-g-rc-a button:disabled{opacity:.35;cursor:default}
.kks-g-rc-a button.alt{background:none;color:#f6de9e}
.kks-g-rc-a button.alt.on{background:linear-gradient(#f6de9e,#c9a052);color:#0b2230}
.kks-g-cost{flex-wrap:wrap;align-items:center;font-size:10.5px;color:#9fb3ba}
.kks-g-tr{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.1)}
.kks-g-tr b{display:block;font-size:13px;color:#f3ead2}
.kks-g-tr small{font-size:11px;color:#9fb3ba}
.kks-g-tr-i{display:flex;gap:2px;flex:none}
.kks-g-tr-i img{width:30px;height:30px;filter:grayscale(1) brightness(.45);transition:filter .3s}
.kks-g-tr-i img.on{filter:drop-shadow(0 0 4px rgba(246,222,158,.6))}
.kks-g-tabs{display:flex;gap:4px;margin:4px 0 8px}
.kks-g-tabs button{flex:1;font-size:12px;padding:4px;border-radius:8px;border:1px solid rgba(241,211,138,.4);background:none;color:#dfeaee;cursor:pointer}
.kks-g-tabs button.on{background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700;border-color:#f1d38a}
.kks-g-wtop{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.kks-g-wtop .kks-g-pct{margin:0}
.kks-g-wallet .kks-g-pts b{font-size:30px}
.kks-g-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.kks-g-mini span{display:flex;flex-direction:column;align-items:center;padding:5px 2px;border-radius:10px;background:rgba(255,255,255,.06);font-size:10px;color:#9fb3ba;text-align:center;line-height:1.2}
.kks-g-mini b{font-size:15px;color:#fff;margin-bottom:1px;white-space:nowrap}
.kks-g-tabbed{padding:0;overflow:hidden}
.kks-g-tabbar{display:flex;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(241,211,138,.3)}
.kks-g-tabbar button{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px 6px;border:0;background:none;color:#9fb3ba;font-size:10px;letter-spacing:-.1px;line-height:1.1;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,background .2s}
.kks-g-tabbar button img{width:26px;height:26px;filter:grayscale(.7) brightness(.8);transition:filter .2s,transform .2s}
.kks-g-tabbar button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kks-g-tabbar button:hover{color:#f3ead2}
.kks-g-tabbar button:hover img{filter:none}
.kks-g-tabbar button.on{color:#f6de9e;font-weight:700;background:rgba(241,211,138,.1);border-bottom-color:#f1d38a}
.kks-g-tabbar button.on img{filter:drop-shadow(0 0 4px rgba(246,222,158,.6));transform:scale(1.08)}
.kks-g-badge{position:absolute;top:3px;right:calc(50% - 22px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e8463a;color:#fff;font:700 10px/17px Arial,sans-serif;font-style:normal;box-shadow:0 0 0 2px #0b2230;animation:kks-g-bdg 1.6s ease-in-out infinite}
.kks-g-badge[hidden]{display:none}
@keyframes kks-g-bdg{50%{transform:scale(1.15)}}
.kks-g-pane{display:none;padding:10px 14px 14px;max-height:430px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(241,211,138,.4) transparent}
.kks-g-pane.on{display:block;animation:kks-g-in .25s ease-out}
@keyframes kks-g-in{from{opacity:0;transform:translateY(4px)}}
.kks-g-pane>.kks-g-small:first-child{margin-top:0}
.kks-g-achs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.kks-g-ach{display:grid;grid-template-columns:34px 1fr;gap:0 7px;align-items:center;padding:6px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.kks-g-ach img{width:34px;height:34px;grid-row:span 2;filter:grayscale(1) brightness(.45)}
.kks-g-ach b{font-size:12px;color:#9fb3ba;line-height:1.15}
.kks-g-ach small{font-size:10.5px;color:#7f959c;line-height:1.2}
.kks-g-ach.on{background:rgba(241,211,138,.12);border-color:rgba(241,211,138,.5)}
.kks-g-ach.on img{filter:drop-shadow(0 0 4px rgba(246,222,158,.6))}
.kks-g-ach.on b{color:#f6de9e}
.kks-g-ach.on small{color:#b9c9cf}
.kks-g-sharebtn{display:block;text-align:center;margin-top:8px;padding:6px;border-radius:10px;border:1px solid #f1d38a;color:#f6de9e!important;text-decoration:none!important;font-size:13px}
.kks-g-sharebtn:hover{background:rgba(241,211,138,.15)}
.kks-g-set{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f1d38a'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.48.48 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 0 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6a3.6 3.6 0 1 1 0-7.2 3.6 3.6 0 0 1 0 7.2z'/%3E%3C/svg%3E")!important;background-size:22px!important}
.kks-g-setp{position:absolute;right:0;top:58px;z-index:30;width:min(360px,96%);padding:12px 14px;border-radius:14px;border:1px solid #f1d38a;background:#0b2230;color:#dfeaee;font-size:13px;box-shadow:0 16px 36px rgba(0,0,0,.6);animation:kks-g-in .2s ease-out}
.kks-g-setp[hidden]{display:none}
.kks-g-setp-h{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#f6de9e;font-size:15px;margin-bottom:4px}
.kks-g-setp-h button{border:0;background:none;color:#9fb3ba;font-size:26px;line-height:1;cursor:pointer;padding:0 2px}
.kks-g-set-row{padding:9px 0 4px;border-top:1px dashed rgba(255,255,255,.14)}
.kks-g-set-row>b{display:block;margin-bottom:6px;color:#f3ead2}
.kks-g-set-row small{display:block;margin-top:6px;color:#9fb3ba;font-size:11.5px;line-height:1.35}
.kks-g-set-row a{color:#f6de9e}
#g-nick{display:flex;gap:6px}
#g-nick input{flex:1;min-width:0;border-radius:8px;border:1px solid rgba(241,211,138,.5);background:rgba(255,255,255,.08);color:#fff;padding:5px 9px;font-size:15px}
#g-nick .btn{background:linear-gradient(#f6de9e,#c9a052);border:0;color:#0b2230;font-weight:700}
.kks-g-seg{display:inline-flex;border:1px solid #f1d38a;border-radius:10px;overflow:hidden}
.kks-g-seg button{border:0;background:none;color:#dfeaee;padding:6px 16px;font-size:13px;cursor:pointer}
.kks-g-seg button.on{background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700}
.kks-g-keys{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}
.kks-g-keys span{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}
.kks-g-keys button{min-width:64px;padding:3px 8px;border-radius:7px;border:1px solid #f1d38a;background:rgba(255,255,255,.06);color:#f6de9e;font-weight:700;font-size:12px;cursor:pointer}
.kks-g-keys button.wait{background:#f6de9e;color:#0b2230;animation:kks-g-bdg 1s ease-in-out infinite}
.kks-g-bot{display:inline-block;font-size:9px;font-weight:700;line-height:14px;padding:0 4px;border-radius:6px;background:rgba(160,175,182,.25);color:#b9c9cf}
.kks-g-race span.real{border-color:rgba(95,211,138,.75)}
.kks-g-halls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;color:#b9c9cf}
.kks-g-halls:empty{display:none}
.kks-g-halls button{border:1px solid rgba(95,211,138,.6);background:rgba(95,211,138,.1);color:#dfeaee;border-radius:12px;padding:3px 10px;font-size:12px;cursor:pointer}
.kks-g-halls button.on{background:rgba(95,211,138,.32);font-weight:700}
.kks-g-halls button:disabled{opacity:.4;cursor:default}
.kks-g-halls a{color:#f6de9e}
.kks-g-cp button{flex:none;border:1px solid #c9a052;background:none;border-radius:7px;font-size:11px;padding:2px 6px;color:#7a5a1e;cursor:pointer}
.kks-g-cp button:disabled{opacity:.5}
.kks-g-small a{color:#f6de9e}
.kks-g-team{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 5px;border-radius:12px;border:1px solid}
.kks-g-team.t0{border-color:rgba(226,184,92,.45);background:rgba(226,184,92,.07)}
.kks-g-team.t1{border-color:rgba(110,168,255,.45);background:rgba(110,168,255,.07)}
.kks-g-team>em{font-style:normal;font-weight:700;font-size:12px;padding:0 4px}
.kks-g-team.t0>em{color:#e2b85c}.kks-g-team.t1>em{color:#8fbaff}
.kks-g-tut{position:absolute;left:12px;bottom:46px;z-index:4;width:min(300px,60%);padding:9px 12px 8px;border-radius:12px;border:1px solid #f1d38a;background:rgba(6,22,32,.9);color:#dfeaee;font-size:12.5px;line-height:1.35;box-shadow:0 8px 22px rgba(0,0,0,.45);animation:kks-g-in .25s ease-out}
.kks-g-tut[hidden]{display:none}
.kks-g-tut i{display:block;font-style:normal;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9fb3ba}
.kks-g-tut b{display:block;font-size:15px;color:#f6de9e}
.kks-g-tut span{display:block}
.kks-g-tut kbd{font-size:11px;padding:0 4px;background:#f6de9e;color:#0b2230;border-radius:4px;box-shadow:none}
.kks-g-tut button{margin-top:5px;border:0;background:none;padding:0;color:#9fb3ba;font-size:11px;text-decoration:underline;cursor:pointer}
@media(pointer:coarse){.kks-g-tut{width:min(260px,70%);font-size:11.5px}}
.kks-g-slot{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 2px;padding-bottom:2px;border-bottom:1px solid rgba(241,211,138,.25)}
.kks-g-slot span{font-weight:700;color:#f3ead2;font-size:12.5px}
.kks-g-slot em{font-style:normal;font-size:11px;color:#5be37a}
.kks-g-slot em.no{color:#7f959c}
.kks-g-rc.art .kks-g-rc-i img{padding:4px}
.kks-g-gear>small{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:#7f959c}
.kks-g-gears{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:4px}
.kks-g-gears .kks-g-gear{padding:4px 2px 9px;font-size:10px;line-height:1.15}
.kks-g-gears .kks-g-gear img{width:36px}
.kks-g-gears .kks-g-gear i{padding:10px 0;font-size:10px}
.kks-g-gear.off img{filter:grayscale(1) brightness(.6)}
/* the player: picture, name, rank, «Ник / Выйти» or «Сохранить / Войти» */
.kks-g-who{display:flex;align-items:center;gap:9px;margin:-2px 0 10px;padding:0 0 10px;border-bottom:1px solid rgba(241,211,138,.18)}
.kks-g-who>img{width:40px;height:40px;flex:none;border-radius:50%;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(241,211,138,.4);object-fit:contain}
.kks-g-who-n{flex:1;min-width:0;line-height:1.2}
.kks-g-who-n b{font-size:15px;color:#f3ead2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:calc(100% - 46px);display:inline-block}
.kks-g-who-n em{margin-left:5px;padding:1px 6px;border-radius:8px;background:rgba(197,139,255,.18);color:#d9b8ff;font:700 11px/1.4 Arial,sans-serif;font-style:normal;vertical-align:middle}
.kks-g-who-n small{display:block;font-size:10.5px;color:#7f959c;margin-top:2px}
.kks-g-who-a{display:flex;gap:4px;flex:none}
.kks-g-who-a button{padding:5px 10px;border-radius:9px;border:1px solid rgba(241,211,138,.45);background:rgba(255,255,255,.05);color:#f6de9e;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.kks-g-who-a button:hover{background:rgba(241,211,138,.15)}
.kks-g-who-a button.pri{background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;border-color:transparent}
#g-legend h3{font-size:17px;margin:16px 0 6px;color:#1d3540}
.kks-g-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.kks-g-lg span{display:grid;grid-template-columns:44px 1fr;gap:0 8px;align-items:center;padding:6px;border-radius:12px;background:#0b2230}
.kks-g-lg img{width:44px;grid-row:span 2}
.kks-g-lg b{color:#f6de9e;font-size:14px}
.kks-g-lg small{color:#b9c9cf;font-size:12px}
@media(min-width:992px){
	.kks-g-wrap{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}
	.kks-g-tabbed{flex:1 1 auto;display:flex;flex-direction:column}
	.kks-g-pane{flex:1 1 auto;max-height:470px;min-height:0}
}
@media(max-width:991px){.kks-g-wrap{grid-template-columns:1fr}.kks-g-hero h1{font-size:34px}.kks-g-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start}.kks-g-pane{max-height:none}.kks-g-achs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:700px){.kks-g-side{grid-template-columns:1fr}}
@media(max-width:640px){
	.kks-g-hero{padding-top:12px}
	.kks-g-hero h1{font-size:28px}
	.kks-g-sub{font-size:14px;margin-bottom:12px}
	.kks-g-hero .container{padding-left:8px;padding-right:8px}
	.kks-g-bar{gap:5px}
	.kks-g-bar>div{min-width:0;flex:1;padding:4px 5px}
	.kks-g-bar b{font-size:18px}
	.kks-g-bar span{font-size:10px;letter-spacing:.5px}
	.kks-g-lvlbox{min-width:0!important}
	.kks-g-hallbox{display:none}
	.kks-g-bar .kks-g-pow{order:9;flex-basis:100%;min-height:24px;font-size:12px}
	.kks-g-bar .kks-g-pow:empty{display:none}
	.kks-g-mute{flex:none;width:36px}
	.kks-g-race span{font-size:11px;padding:2px 8px 2px 3px}
	.kks-g-lobby{flex-direction:column;text-align:center;gap:4px}
	.kks-g-me{width:80px;height:80px}
	.kks-g-over-in h2{font-size:24px}
	.kks-g-over-in .kks-g-gain{font-size:42px}
	.kks-g-over-in p{font-size:14px}
	.kks-g-skin{width:36px;height:36px}
}
/* one menu above the hall: icons and counters; «Скидка» only on phones and tablets (the side column is hidden there) */
.kks-g-mtabs{padding-top:7px;margin-top:-7px}
.kks-g-mtabs button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 7px}
.kks-g-mtabs button img{width:20px;height:20px;object-fit:contain}
.kks-g-mtabs .kks-g-badge{top:-7px;right:-5px}
.kks-g-mt-wal{display:none!important}
@media(max-width:991px){
	.kks-g-mt-wal{display:inline-flex!important;font-weight:700;color:#f6de9e!important;border-color:rgba(241,211,138,.7)!important}
	.kks-g-mt-wal.on{color:#0b2230!important}
	.kks-g-side{display:none!important}
	.kks-g-mview .kks-g-wallet{margin:0 auto;max-width:520px}
}
/* the bar above the hall: one strip with dividers instead of separate boxes */
.kks-g-bar{gap:0;flex-wrap:nowrap;align-items:stretch;padding:3px;border-radius:14px;background:linear-gradient(180deg,rgba(16,46,61,.92),rgba(6,22,32,.92));border:1px solid rgba(241,211,138,.4);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.kks-g-bar>div{position:relative;background:none;border:0;border-radius:10px;padding:3px 16px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.kks-g-bar>div+div:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:rgba(241,211,138,.22)}
.kks-g-bar>div:first-child b{color:#f6de9e}
.kks-g-bar span{font-size:10px;letter-spacing:1.2px}
.kks-g-bar b{font-size:22px;line-height:1.1}
.kks-g-bar .kks-g-pow{border:0;background:rgba(241,211,138,.07);margin:0 4px}
.kks-g-bar .kks-g-pow:before{display:none}
.kks-g-bar .kks-g-hallbox{margin-left:auto}
.kks-g-bar>.kks-g-set{align-self:center;flex:none;height:38px;width:38px;margin:0 3px 0 6px;border:0;background-color:rgba(255,255,255,.06)}
.kks-g-lvlbox .kks-g-xp{left:16px;right:16px;bottom:2px}
@media(max-width:640px){
	.kks-g-bar{flex-wrap:wrap}
	.kks-g-bar>div{flex:1;padding:3px 6px}
	.kks-g-bar b{font-size:18px}
	.kks-g-bar span{font-size:9px;letter-spacing:.6px}
	.kks-g-bar .kks-g-pow{margin:3px 0 0}
	.kks-g-bar>.kks-g-set{height:34px;width:34px}
	.kks-g-mtabs button{padding:4px 9px 4px 5px;font-size:12px}
	.kks-g-mtabs button img{width:18px;height:18px}
}
/* touch: the control strip outside the hall — under it when upright, at its sides when the phone lies */
.kks-g-ctl{display:none}
.kks-g-stage.tc .kks-g-ctl{display:flex;align-items:center;gap:6px;height:132px;padding:6px 8px;box-sizing:border-box;line-height:1.3;background:linear-gradient(180deg,#0d2a39,#06151f);border-top:1px solid rgba(241,211,138,.35)}
.kks-g-ctl-a,.kks-g-ctl-b{flex:none;display:flex;align-items:center;justify-content:center;min-width:108px}
.kks-g-ctl-m{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.kks-g-ctl-hint{text-align:center;font-size:11px;color:#6f8790;padding:0 4px}
.kks-g-ctl-m .kks-g-perks:not([hidden])~.kks-g-ctl-hint{display:none}
body:not(.kks-g-playing) .kks-g-stage.tc .kks-g-ctl>div{opacity:.45}
.kks-g-stage .kks-g-ctl .kks-g-joy{display:flex;position:relative;left:auto;right:auto;bottom:auto;width:110px;height:110px;opacity:1}
.kks-g-stage .kks-g-ctl .kks-g-act{position:static;flex-direction:row;align-items:center;gap:6px}
.kks-g-stage.left .kks-g-ctl .kks-g-act{flex-direction:row-reverse}
.kks-g-stage .kks-g-ctl .kks-g-spells{flex-direction:column;gap:4px;margin:0}
.kks-g-stage .kks-g-ctl .kks-g-spells button{width:38px;height:38px;padding:4px}
.kks-g-stage .kks-g-ctl .kks-g-dashbtn{position:relative;right:auto;bottom:auto;width:70px;height:70px}
.kks-g-stage .kks-g-ctl .kks-g-perks{position:static;left:auto;top:auto;transform:none;width:auto;max-width:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;padding:0;background:none;border:0;animation:kksPerk .2s ease-out}
.kks-g-stage .kks-g-ctl .kks-g-perks-h{display:none}
.kks-g-stage .kks-g-ctl .kks-g-perks button{flex:none;min-width:0;max-width:none;display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 6px;align-items:center;text-align:left;padding:3px 6px;border-radius:9px;box-shadow:none}
.kks-g-stage .kks-g-ctl .kks-g-perks img{width:24px;grid-row:span 2}
.kks-g-stage .kks-g-ctl .kks-g-perks b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kks-g-stage .kks-g-ctl .kks-g-perks b i{display:none}
.kks-g-stage .kks-g-ctl .kks-g-perks span{font-size:9.5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.kks-g-stage .kks-g-ctl .kks-g-perks kbd{display:none}
.kks-g-stage.tc .kks-g-tut{bottom:auto;top:46px}
.kks-g-stage.tc.land{display:grid;grid-template-columns:118px minmax(0,1fr) 118px;align-items:stretch}
.kks-g-stage.tc.land>canvas{grid-column:2;grid-row:1}
.kks-g-stage.tc.land .kks-g-ctl{display:contents}
.kks-g-stage.tc.land .kks-g-ctl-a,.kks-g-stage.tc.land .kks-g-ctl-b{grid-row:1;min-width:0;background:linear-gradient(90deg,#0d2a39,#06151f);line-height:1.3}
.kks-g-stage.tc.land .kks-g-ctl-a{grid-column:1;border-right:1px solid rgba(241,211,138,.3)}
.kks-g-stage.tc.land .kks-g-ctl-b{grid-column:3;border-left:1px solid rgba(241,211,138,.3)}
.kks-g-stage.tc.land .kks-g-ctl .kks-g-joy{width:100px;height:100px}
.kks-g-stage.tc.land .kks-g-ctl .kks-g-act{flex-direction:column-reverse}
.kks-g-stage.tc.land .kks-g-ctl .kks-g-spells{flex-direction:row}
.kks-g-stage.tc.land .kks-g-ctl-m{position:absolute;left:50%;top:44px;transform:translateX(-50%);width:min(60%,520px);z-index:4;pointer-events:none}
.kks-g-stage.tc.land .kks-g-ctl-m .kks-g-perks{flex-direction:row;pointer-events:auto}
.kks-g-stage.tc.land .kks-g-ctl-m .kks-g-perks button{flex:1 1 0}
.kks-g-stage.tc.land .kks-g-ctl-hint{display:none}
/* «Герой» → «Ранг» */
.kks-g-rk1{display:flex;gap:14px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(197,139,255,.14),rgba(110,200,255,.08));border:1px solid rgba(197,139,255,.35)}
.kks-g-rk1-b{flex:none;width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#3a2a66,#1a1236);box-shadow:0 0 0 2px #c58bff,0 0 18px rgba(197,139,255,.45);line-height:1}
.kks-g-rk1-b b{font-size:24px;color:#f3e6ff}
.kks-g-rk1-b small{font-size:10px;color:#b9a6d9;margin-top:2px}
.kks-g-rk1-t{flex:1;min-width:0;font-size:13px;color:#dfeaee}
.kks-g-rk1-t b{color:#f6de9e}
.kks-g-rk1-t .kks-g-rbar{height:8px;margin:6px 0}
.kks-g-rk1-t small{font-size:11px;color:#9fb3ba}
.kks-g-rk-now{display:flex;flex-wrap:wrap;gap:5px}
.kks-g-rk-now span{padding:3px 9px;border-radius:10px;background:rgba(91,227,122,.12);border:1px solid rgba(91,227,122,.35);color:#bff3cc;font-size:12px}
.kks-g-rklist{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.kks-g-rkrow{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid transparent;font-size:12.5px;color:#9fb3ba}
.kks-g-rkrow>b{font-size:15px;color:#7f959c}
.kks-g-rkrow span{display:block}
.kks-g-rkrow em{font-style:normal;font-size:11px;white-space:nowrap}
.kks-g-rkrow em.ok{color:#5be37a;font-weight:700}
.kks-g-rkrow.on{color:#f3ead2;background:rgba(91,227,122,.07)}
.kks-g-rkrow.on>b{color:#c58bff}
.kks-g-rkrow.next{border-color:rgba(241,211,138,.55);background:rgba(241,211,138,.08);color:#f3ead2}
.kks-g-rkrow.next>b{color:#f6de9e}
.kks-g-rkprz{margin-top:2px;color:#f6de9e;font-weight:700;font-size:12px}
.kks-g-rkprz.got{color:#5be37a}
.kks-g-rkprz button{margin-left:4px;padding:2px 8px;border-radius:8px;border:0;background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700;font-size:11px;cursor:pointer}
#g-hero.rk .kks-g-herotop .kks-g-rank,#g-hero.rk .kks-g-herotop .kks-g-rbar{display:none}
.kks-g-main:has(.kks-g-stage.tc.land) .kks-g-race{display:none}
.kks-g-stage.tc.land .kks-g-ctl .kks-g-spells{gap:3px}
.kks-g-stage.tc.land .kks-g-ctl .kks-g-spells button{width:34px;height:34px;padding:3px}
.kks-g-wallet .btn-primary{background:linear-gradient(#f6de9e,#c9a052);border:0;color:#0b2230;font-weight:700}
@media(max-width:640px){.kks-g-bar>.kks-g-hallbox{display:none}}
.kks-g-race span em.n{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* phones: each team a column of one-line rows (name shortened), no wrapping */
@media(max-width:640px){
	.kks-g-race{gap:4px;margin-bottom:6px}
	.kks-g-team{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:2px;padding:3px 3px 4px}
	.kks-g-team>em{font-size:11px;padding:0 3px}
	.kks-g-team span{display:flex;align-items:center;gap:3px;width:100%;min-width:0;box-sizing:border-box;padding:1px 6px 1px 2px;font-size:10.5px;line-height:1.35;border-radius:10px}
	.kks-g-team span em.n{flex:1 1 auto}
	.kks-g-team span i{width:15px;height:15px;font-size:9px;flex:none}
	.kks-g-team span u,.kks-g-team span s,.kks-g-team span b{flex:none}
	.kks-g-team span s{font-size:9px}
	.kks-g-team span .kks-g-bot,.kks-g-team span .kks-g-tag{display:none}
}
/* menu: a rouble coin for the discount (the game gold coin is a material) and «?» for the help */
.kks-g-rub,.kks-g-qm{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font:700 12px/1 Arial,sans-serif;font-style:normal;flex:none}
.kks-g-rub{background:radial-gradient(circle at 35% 30%,#d8ffe4,#3fbf6b 60%,#1f7a40);color:#063018;box-shadow:inset 0 0 0 1.5px #b9f5cb}
.kks-g-qm{background:rgba(110,200,255,.18);color:#9fd8ff;box-shadow:inset 0 0 0 1.5px rgba(110,200,255,.6)}
.kks-g-mtabs button.on .kks-g-qm{color:#0b2230;background:rgba(11,34,48,.15)}
/* «Помощь» */
.kks-g-rules{margin:4px 0 8px;padding-left:18px;font-size:13px;line-height:1.45;color:#dfeaee}
.kks-g-rules li{margin:3px 0}
.kks-g-rules b{color:#f6de9e}
.kks-g-supf{display:grid;gap:6px;margin:6px 0 10px}
.kks-g-supf textarea,.kks-g-supf input{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(241,211,138,.4);background:rgba(255,255,255,.06);color:#f3ead2;padding:8px 10px;font-size:13px}
.kks-g-supf button{justify-self:start}
.kks-g-tk{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.05);margin:4px 0;font-size:13px;color:#dfeaee}
.kks-g-tk small{color:#7f959c;font-size:11px}
.kks-g-tk p{margin:3px 0}
.kks-g-tkre{margin-top:4px;padding:5px 8px;border-radius:8px;background:rgba(91,227,122,.1);border:1px solid rgba(91,227,122,.3)}
.kks-g-tkre b{color:#5be37a}
/* the lobby: short, fits the hall without scrolling */
.kks-g-over-in .kks-g-lsub{font-size:13px;color:#b9c9cf;margin:0 0 8px}
.kks-g-over-in .kks-g-lsub a{color:#f1d38a}
/* «Вы выбыли»: a close cross */
.kks-g-outcard{position:absolute}
.kks-g-outx{position:absolute;right:8px;top:6px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#f3ead2;font-size:20px;line-height:30px;cursor:pointer}
.kks-g-outx:hover{background:rgba(255,255,255,.18)}
/* a spell made in the round */
.kks-g-rcraft{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(92%,380px);padding:12px 14px;border-radius:16px;border:1px solid #f1d38a;background:rgba(8,26,36,.97);color:#f3ead2;line-height:1.3;box-shadow:0 14px 34px rgba(0,0,0,.55)}
.kks-g-rcraft[hidden]{display:none}
.kks-g-rcraft>b{display:block;color:#f6de9e;font-size:15px}
.kks-g-rcraft>small{display:block;color:#9fb3ba;font-size:11px;margin-bottom:8px}
.kks-g-rcraft>div{display:grid;gap:5px}
.kks-g-rcraft [data-rcpick]{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;border:1px solid rgba(241,211,138,.4);background:rgba(255,255,255,.05);color:#f3ead2;text-align:left;cursor:pointer;font-size:13px;font-weight:700}
.kks-g-rcraft [data-rcpick] img{width:30px}
.kks-g-rcraft [data-rcpick] small{display:block;font-weight:400;font-size:10.5px;color:#9fb3ba}
.kks-g-rcraft .x{position:absolute;right:8px;top:6px;width:28px;height:28px;justify-content:center;padding:0;border:0;font-size:20px}
.kks-g-spells button.extra{border-color:#5be37a}
/* characteristics: free points */
.kks-g-allocbox{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(241,211,138,.25);margin-bottom:8px}
.kks-g-allocbox.on{border-color:#5be37a;background:rgba(91,227,122,.08);animation:kksgGlow 1.8s ease-in-out infinite}
.kks-g-allocbox b{display:block;color:#f6de9e;font-size:14px}
.kks-g-allocbox small{display:block;font-size:11px;color:#9fb3ba;margin:2px 0 4px}
.kks-g-allocbox button{border:1px solid rgba(241,211,138,.45);background:none;color:#f6de9e;border-radius:8px;font-size:11px;padding:2px 8px;cursor:pointer}
@keyframes kksgGlow{50%{box-shadow:0 0 0 4px rgba(91,227,122,.15)}}
.kks-g-alloc{margin-left:6px;padding:0 7px;border-radius:8px;border:0;background:linear-gradient(#8ff0a8,#3fbf6b);color:#063018;font-size:11px;font-weight:700;cursor:pointer;vertical-align:1px}
.kks-g-alloc:disabled{opacity:.35;cursor:default}
.kks-g-freept{display:block;width:100%;margin:6px 0;padding:6px 10px;border-radius:10px;border:1px solid #5be37a;background:rgba(91,227,122,.12);color:#bff3cc;font-weight:700;font-size:13px;cursor:pointer;animation:kksgGlow 1.8s ease-in-out infinite}
.kks-g-bdin{position:static!important;display:inline-block;margin-left:4px;animation:none!important}
/* the hero card: short characteristics next to the hero, the materials lead to the exchange */
.kks-g-herochips{flex:none;display:grid;grid-template-columns:repeat(2,auto);gap:2px 6px;align-self:center;cursor:pointer;font-size:11px;font-weight:700;color:#f6de9e}
.kks-g-herochips span{display:flex;flex-direction:column;line-height:1.1;padding:2px 5px;border-radius:6px;background:rgba(255,255,255,.05)}
.kks-g-herochips small{font-size:9px;font-weight:400;color:#9fb3ba}
.kks-g-mats[data-hsub]{cursor:pointer}
.kks-g-swapl{font-style:normal;font-size:11px;color:#6ec8ff;margin-left:6px;white-space:nowrap;text-decoration:underline}
@media(max-width:640px){.kks-g-herochips{grid-template-columns:repeat(3,auto)}}
/* support: screenshots */
.kks-g-supshot{display:inline-block;cursor:pointer;font-size:12px;color:#6ec8ff}
.kks-g-supshot input{display:block;font-size:11px;color:#9fb3ba;margin-top:3px}
.kks-g-supprev{display:flex;gap:6px}
.kks-g-supprev img{height:54px;border-radius:6px;border:1px solid rgba(241,211,138,.4)}
.kks-g-herotop{grid-template-columns:96px auto minmax(0,1fr)}
.kks-g-herochips{grid-template-columns:repeat(2,minmax(62px,auto))}
.kks-g-herochips span{white-space:nowrap}
@media(max-width:640px){.kks-g-herotop{grid-template-columns:80px minmax(0,1fr)}.kks-g-herotop>img{width:80px;height:80px}.kks-g-herochips{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(6,1fr)}}
/* 50 lvl: the Nutcracker scene */
.kks-g-l50{position:absolute;inset:0;z-index:8;overflow:hidden;line-height:1.3;background:radial-gradient(ellipse at 50% 40%,rgba(40,20,60,.92),rgba(6,16,26,.97));font-family:Roboto,Arial,sans-serif;color:#f3ead2}
.kks-g-l50[hidden]{display:none}
.kks-g-l50-sky{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,#fff8,transparent),radial-gradient(2px 2px at 70% 20%,#fff8,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff6,transparent),radial-gradient(2px 2px at 85% 60%,#fff7,transparent);animation:kksL50Tw 3s ease-in-out infinite alternate}
@keyframes kksL50Tw{to{opacity:.4}}
.kks-g-l50-t{position:absolute;left:0;right:0;top:4%;text-align:center;font-family:Georgia,serif;font-size:clamp(20px,4vw,34px);color:#f6de9e;text-shadow:0 0 18px rgba(246,222,158,.6);animation:kksL50In .8s ease-out}
.kks-g-l50-gifts img{position:absolute;width:7%;max-width:64px;animation:kksL50Gift .5s ease-out backwards;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.kks-g-l50-gifts img.boom{animation:kksL50Boom .45s ease-out forwards}
@keyframes kksL50Gift{from{transform:scale(0) rotate(-30deg);opacity:0}70%{transform:scale(1.2)}}
@keyframes kksL50Boom{40%{transform:scale(1.4) rotate(12deg);filter:brightness(2)}to{transform:scale(.2) rotate(40deg);opacity:0}}
@keyframes kksL50In{from{opacity:0;transform:translateY(-14px)}}
.kks-g-nut{position:absolute;left:-120px;top:40%;width:clamp(56px,9%,84px);transition:left .11s linear,top .11s linear;z-index:3;filter:drop-shadow(0 10px 10px rgba(0,0,0,.55))}
.kks-g-nut-s{display:block;width:100%;animation:kksL50Walk .35s ease-in-out infinite alternate}
@keyframes kksL50Walk{to{transform:translateY(-4px) rotate(3deg)}}
.kks-g-l50.s3 .kks-g-nut{left:115%!important;top:45%!important;transition:left 2s ease-in,top 2s}
.kks-g-l50.s4 .kks-g-nut,.kks-g-l50.s5 .kks-g-nut,.kks-g-l50.s6 .kks-g-nut{left:62%!important;top:40%!important;transition:left 2.1s ease-out,top 2.1s}
.kks-g-l50-key{position:absolute;width:44px;opacity:0;z-index:4;transition:all .8s ease-in-out}
.kks-g-l50-key.found{opacity:1;animation:kksL50Key 1s ease-in-out infinite alternate}
.kks-g-l50-key.held{opacity:0}
.kks-g-l50-key.given{opacity:1;left:16%!important;top:58%!important;width:54px;filter:drop-shadow(0 0 12px #ffe08a)}
@keyframes kksL50Key{to{transform:translateY(-10px) rotate(15deg)}}
.kks-g-l50-me{position:absolute;left:4%;bottom:6%;width:clamp(70px,14%,120px);text-align:center;opacity:0;transition:opacity .6s}
.kks-g-l50-me img{width:100%}
.kks-g-l50-me b{display:block;font-size:12px;color:#f6de9e}
.kks-g-l50.s4 .kks-g-l50-me,.kks-g-l50.s5 .kks-g-l50-me,.kks-g-l50.s6 .kks-g-l50-me{opacity:1}
.kks-g-chest{position:absolute;left:115%;top:48%;width:clamp(110px,20%,170px);aspect-ratio:1.25;z-index:2;cursor:pointer;transition:left 2.1s ease-out}
.kks-g-l50.s4 .kks-g-chest,.kks-g-l50.s5 .kks-g-chest,.kks-g-l50.s6 .kks-g-chest{left:40%}
.kks-g-l50.s5 .kks-g-chest{animation:kksL50Pulse 1.1s ease-in-out infinite}
@keyframes kksL50Pulse{50%{transform:scale(1.06);filter:drop-shadow(0 0 22px #ffe08a)}}
.kks-g-chest .body{position:absolute;left:0;right:0;bottom:0;height:62%;border-radius:8px 8px 12px 12px;background:linear-gradient(90deg,#8a0f26,#d11d3c 30%,#d11d3c 70%,#8a0f26);box-shadow:inset 0 0 0 4px #e2b85c,0 14px 30px rgba(0,0,0,.5)}
.kks-g-chest .lid{position:absolute;left:-4%;right:-4%;top:6%;height:36%;border-radius:40% 40% 8px 8px/70% 70% 8px 8px;background:linear-gradient(90deg,#8a0f26,#e63b55 40%,#8a0f26);box-shadow:inset 0 0 0 4px #e2b85c;transform-origin:50% 100%;transition:transform .7s cubic-bezier(.3,1.6,.5,1);z-index:2}
.kks-g-chest .lock{position:absolute;left:44%;top:36%;width:12%;height:18%;border-radius:4px;background:#f6de9e;z-index:3}
.kks-g-l50.s6 .kks-g-chest .lid{transform:translateY(-30%) rotate(-28deg)}
.kks-g-l50.s6 .kks-g-chest:after{content:"";position:absolute;left:10%;right:10%;top:-30%;height:80%;background:radial-gradient(ellipse at 50% 100%,rgba(255,240,180,.9),rgba(255,240,180,0) 70%);animation:kksL50In .5s}
.kks-g-l50-msg{position:absolute;left:0;right:0;bottom:4%;text-align:center;font-size:15px;color:#f6de9e;z-index:5;padding:0 10px}
.kks-g-l50.s6 .kks-g-l50-msg{bottom:auto;top:12%}
.kks-g-letter{max-width:420px;margin:0 auto;padding:16px 18px;border-radius:14px;background:#fff8e1;color:#3a2a10;text-align:left;box-shadow:0 18px 40px rgba(0,0,0,.5);animation:kksL50Letter .6s ease-out;font-family:Georgia,serif}
@keyframes kksL50Letter{from{transform:translateY(60px) scale(.6);opacity:0}}
.kks-g-letter b{display:block;font-size:20px;color:#9c7029;margin-bottom:6px}
.kks-g-letter p{font-size:14px;line-height:1.5;margin:0 0 10px}
.kks-g-letter small{display:block;font-size:11px;color:#7a6a50;font-family:Arial,sans-serif;margin-top:4px}
.kks-g-letter button{margin-top:10px;border:0;border-radius:20px;padding:8px 22px;background:linear-gradient(#f6de9e,#c9a052);color:#0b2230;font-weight:700;cursor:pointer}
.kks-g-l50-cp{font:700 22px/1.2 Arial,sans-serif;letter-spacing:2px;text-align:center;padding:10px;border:2px dashed #c9a052;border-radius:10px;cursor:pointer;color:#0b2230}
.kks-g-l50-cp small{display:block;letter-spacing:0;font-weight:400;font-size:11px}
.kks-g-l50-x{position:absolute;right:10px;top:8px;z-index:9;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:20px;cursor:pointer}
.kks-g-stat.off{opacity:.5}
/* «LVL UP ↑» */
.kks-g-lvlup{position:absolute;inset:0;z-index:7;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;animation:kksLvFade 2.6s ease-out forwards}
.kks-g-lvlup.q{animation-duration:1.4s;justify-content:flex-start;padding-top:18%}
.kks-g-lvlup b{font:900 clamp(30px,7vw,64px)/1 Georgia,serif;color:#ffe08a;text-shadow:0 0 18px rgba(255,224,138,.8),0 4px 0 #9c7029;animation:kksLvPop .5s cubic-bezier(.3,1.7,.5,1)}
.kks-g-lvlup.q b{font-size:clamp(22px,4vw,38px)}
.kks-g-lvlup b span{display:inline-block;color:#5be37a;animation:kksLvArrow .6s ease-in-out infinite alternate}
.kks-g-lvlup small{margin-top:8px;font:700 14px Roboto,Arial,sans-serif;color:#f3ead2;text-shadow:0 2px 6px #000}
.kks-g-lvlup i{position:absolute;bottom:-10%;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:26px solid #5be37a;filter:drop-shadow(0 0 8px #5be37a);animation:kksLvRise 1.6s ease-out forwards}
.kks-g-lvlup i:nth-child(1){left:15%;animation-delay:.05s}.kks-g-lvlup i:nth-child(2){left:32%;animation-delay:.25s}.kks-g-lvlup i:nth-child(3){left:50%;animation-delay:.1s}.kks-g-lvlup i:nth-child(4){left:68%;animation-delay:.3s}.kks-g-lvlup i:nth-child(5){left:84%;animation-delay:.15s}
.kks-g-lvlup.q i{border-bottom-color:#ffe08a;filter:drop-shadow(0 0 6px #ffe08a)}
@keyframes kksLvRise{from{transform:translateY(0);opacity:1}to{transform:translateY(-120%);opacity:0}}
@keyframes kksLvPop{from{transform:scale(.3);opacity:0}}
@keyframes kksLvArrow{to{transform:translateY(-8px)}}
@keyframes kksLvFade{0%,75%{opacity:1}100%{opacity:0}}
.kks-g-alloc{letter-spacing:.2px}
/* named halls */
.kks-g-zalf{display:flex;gap:6px;margin:4px 0 8px}
.kks-g-zalf input{flex:1;min-width:0;border-radius:10px;border:1px solid rgba(241,211,138,.4);background:rgba(255,255,255,.06);color:#f3ead2;padding:7px 10px;font-size:13px}
.kks-g-zals{display:grid;gap:6px;margin-bottom:8px}
.kks-g-zal{padding:7px 9px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(241,211,138,.25);display:grid;gap:4px}
.kks-g-zal b{color:#f6de9e;font-size:14px}
.kks-g-zal input{width:100%;border:0;border-radius:6px;background:rgba(0,0,0,.25);color:#9fb3ba;font-size:11px;padding:3px 6px}
.kks-g-zal span{display:flex;flex-wrap:wrap;gap:4px}
.kks-g-zal span a,.kks-g-zal span button{padding:3px 9px;border-radius:8px;border:1px solid rgba(241,211,138,.4);background:none;color:#f6de9e;font-size:12px;cursor:pointer;text-decoration:none}
.kks-g-zal span button.del{margin-left:auto;color:#ff8b7d;border-color:rgba(255,139,125,.4)}
/* daily quests */
.kks-g-dq{margin-bottom:10px}
.kks-g-dqi{padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.05);margin:4px 0;font-size:13px;color:#f3ead2}
.kks-g-dqi small{font-size:11px;color:#9fb3ba}
.kks-g-dqi.on{background:rgba(91,227,122,.1);border:1px solid rgba(91,227,122,.35)}
.kks-g-dqi.on b{color:#5be37a}
.kks-g-fr em .kks-g-on{vertical-align:1px}

/* top tabs never cut off on a desktop; artifact lock hint */
@media (min-width:641px){.kks-g-mtabs{flex-wrap:wrap;overflow:visible}.kks-g-mtabs{gap:3px}.kks-g-mtabs button{padding:6px 8px;font-size:12.5px}}
.kks-g-need{display:block;margin-top:3px;font-size:11px;color:#ffb4a8}.kks-g-need.ok{color:#9fe0a8}.kks-g-need a{color:#f6de9e;font-weight:700}