#kz-spiel,#kz-spiel *,#kz-spiel *:before,#kz-spiel *:after{box-sizing:border-box}#kz-spiel :where(h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,figure,figcaption,q,form,header,footer,section,label){margin:0;padding:0;letter-spacing:normal;text-transform:none;font:inherit;color:inherit;background:none;border:0;text-align:inherit;max-width:none;min-height:0}#kz-spiel :where(ul,ol){list-style:none}#kz-spiel :where(button,input,select,textarea){font:inherit;letter-spacing:normal;text-transform:none;color:inherit;margin:0;box-shadow:none;text-shadow:none;min-height:0;min-width:0;width:auto;height:auto;line-height:normal}#kz-spiel :where(button){background:none;border:0;padding:0;border-radius:0}#kz-spiel :where(a){color:inherit}#kz-spiel :where(input){background:none;border:0;border-radius:0;padding:0;outline-offset:2px}#kz-spiel .grid{grid-template-areas:none;grid-template-rows:none;--centered-column-number:initial;--full-width-column-number:initial}#kz-spiel .field{width:auto;position:static;transition:none}#kz-spiel{--bg:#F7F3E9;--bg-2:#EFE8DA;--card:#FBF9F4;--ink:#262322;--lehm:#E2D2BC;--lehm-2:#D8C6AD;--cta:#9A9E87;--cta-2:#8C917A;--cta-soft:#DDDFD1;--muted:#7A7672;--info:#7A8B93;--error:#B5624A;--muted-t:#5F5C58;--info-t:#5B686E;--display:"KZ Lora","Lora",Georgia,"Times New Roman",serif;--body:"KZ Work Sans","Work Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}#kz-spiel [hidden]{display:none!important}html{height:100%;box-sizing:border-box;overflow:hidden}body{height:100%}body{margin:0;background:#f7f3e9;overflow:hidden}#kz-spiel{color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-align:left}#kz-spiel button{font-family:inherit}#kz-spiel #app{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--stage) minmax(0,1fr);--stage:min(50%,560px);transition:grid-template-rows .45s ease;background:var(--bg)}#kz-spiel #app[data-view=pick]{--stage:min(38%,440px)}@media(max-height:700px){#kz-spiel #app{--stage:40%}#kz-spiel #app[data-view=pick]{--stage:30%}}#kz-spiel #app.kb,#kz-spiel #app.kb[data-view=pick]{--stage:18%}#kz-spiel .bar{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 16px;background:var(--bg);min-width:0;min-height:48px;overflow:hidden}@media(max-width:359px){#kz-spiel .bar{padding-left:12px;gap:2px}#kz-spiel .wordmark{letter-spacing:.12em}#kz-spiel .iconbtn{width:36px}}#kz-spiel .wordmark{font-family:var(--display);font-weight:600;letter-spacing:.16em;font-size:13px;text-transform:uppercase;white-space:nowrap}#kz-spiel .tag{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:var(--lehm);padding:2px 7px;border-radius:6px;white-space:nowrap;margin-left:4px}#kz-spiel .spacer{flex:1}#kz-spiel .iconbtn{width:40px;height:40px;display:grid;place-items:center;background:none;border:0;border-radius:8px;color:var(--muted-t);cursor:pointer;flex:none}#kz-spiel .iconbtn:hover{color:var(--ink);background:var(--bg-2)}#kz-spiel .iconbtn svg{width:20px;height:20px}#kz-spiel #stage{position:relative;overflow:hidden;min-height:0;background:radial-gradient(120% 95% at 50% 38%,#fcfaf4,#f1eadc 62%,#e6dcca)}#kz-spiel #stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:manipulation;outline:none}#kz-spiel .stage-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:14px;pointer-events:none;text-align:center;padding:16px}#kz-spiel .stage-cap{position:absolute;left:12px;bottom:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-t);background:#f7f3e9cc;padding:3px 9px;border-radius:6px;pointer-events:none}#kz-spiel #panel{overflow-y:auto;overscroll-behavior:contain;padding-block:20px 0;padding-inline:16px;background:var(--bg);-webkit-overflow-scrolling:touch;min-height:0}#kz-spiel .pi{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px}@media(min-width:900px),(orientation:landscape)and (max-height:560px)and (min-width:560px){#kz-spiel #app{grid-template-columns:minmax(0,1fr) var(--panel-w,440px);grid-template-rows:auto minmax(0,1fr)}#kz-spiel .bar{grid-column:1/-1}}@media(min-width:900px){#kz-spiel .bar{padding-inline:24px 16px}#kz-spiel #panel{padding-inline:32px;padding-block:32px 0}}@media(orientation:landscape)and (max-height:560px)and (min-width:560px){#kz-spiel #app{--panel-w:min(50%,420px)}#kz-spiel #panel{padding-block:14px 0}#kz-spiel .pi{gap:12px}#kz-spiel h1{font-size:18px!important}#kz-spiel .bar{min-height:40px}}#kz-spiel .eyebrow{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-t);font-weight:500}#kz-spiel h1{margin:0;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(19px,5.2vw,25px);line-height:1.3;text-wrap:balance;overflow-wrap:anywhere}#kz-spiel h2{margin:0;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:16px;line-height:1.35}#kz-spiel .lead{margin:0;max-width:60ch}#kz-spiel .note{margin:0;font-size:13px;line-height:1.5;color:var(--info-t)}#kz-spiel .head{display:flex;flex-direction:column;gap:8px}#kz-spiel .actions{display:flex;flex-wrap:wrap;gap:8px}#kz-spiel .actions.main{position:sticky;bottom:0;z-index:3;margin-inline:-16px;padding:12px 16px;flex-wrap:nowrap;background:linear-gradient(to bottom,rgba(247,243,233,0),var(--bg) 22%)}#kz-spiel .actions.main .btn{flex-shrink:1;min-width:0}#kz-spiel .btn{-webkit-appearance:none;appearance:none;border:0;font:500 15px/1.2 var(--body);padding:0 18px;min-height:48px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);text-align:center;transition:background-color .2s,transform .1s,opacity .2s}#kz-spiel .btn.primary{background:var(--cta);color:var(--bg);flex:1 1 150px}#kz-spiel .btn.primary:hover{background:var(--cta-2)}#kz-spiel .btn.secondary{background:var(--lehm);flex:1 1 auto}#kz-spiel .btn.wide{width:100%}#kz-spiel .btn.secondary:hover{background:var(--lehm-2)}#kz-spiel .btn.ghost{background:transparent;color:var(--muted-t);padding:0 12px}#kz-spiel .btn.ghost:hover{color:var(--ink)}#kz-spiel .btn:active{transform:scale(.98)}#kz-spiel .btn:disabled,#kz-spiel .tile:disabled{opacity:.4;cursor:default;transform:none}#kz-spiel :focus-visible{outline:2px solid var(--ink);outline-offset:2px}#kz-spiel .field{display:flex;flex-direction:column;gap:8px}#kz-spiel .label{font-size:13px;font-weight:500;margin:0}#kz-spiel .chips{display:flex;gap:8px;flex-wrap:wrap}#kz-spiel .chip{border:0;background:var(--bg-2);color:var(--ink);font:400 14px/1.3 var(--body);padding:10px 14px;min-height:44px;border-radius:8px;cursor:pointer;transition:background-color .15s}#kz-spiel .chip:hover{background:var(--lehm)}#kz-spiel .chip[aria-pressed=true]{background:var(--cta);color:var(--bg);font-weight:500}#kz-spiel .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#kz-spiel .links{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px}#kz-spiel .textlink{background:none;border:0;padding:0;min-height:44px;font:500 14px var(--body);color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lehm-2);cursor:pointer}#kz-spiel .textlink:hover{text-decoration-color:var(--ink)}#kz-spiel .prod{background:var(--bg-2);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}#kz-spiel .textlink.more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:40px;margin-top:-6px}#kz-spiel .textlink.more svg{width:16px;height:16px}#kz-spiel .about{display:flex;flex-direction:column;gap:14px;background:var(--card);border-radius:8px;padding:20px 16px;margin:8px 0 24px}#kz-spiel .about h2{font-size:17px}#kz-spiel .pshot{margin:0;display:flex;flex-direction:column;gap:10px}#kz-spiel .pimg{aspect-ratio:3/2;border-radius:8px;background:#eee6d8;overflow:hidden}#kz-spiel .pimg img{width:100%;height:100%;object-fit:cover;display:block}#kz-spiel .pseg{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:6px}#kz-spiel .pseg .chip{min-height:40px;font-size:13px;padding:8px 4px;text-align:center}#kz-spiel .facts{margin:0;display:flex;flex-direction:column;gap:10px}#kz-spiel .facts div{display:flex;flex-direction:column;gap:2px}#kz-spiel .facts dt{font-weight:500;font-size:15px}#kz-spiel .facts dd{margin:0;font-size:15px;line-height:1.5}#kz-spiel .about .use{margin:0;font-size:14px;line-height:1.55;color:var(--muted-t)}#kz-spiel .wait-in{margin:4px 0 0;padding:16px}#kz-spiel .prod p{margin:0;font-size:14px;line-height:1.5}#kz-spiel .prod .textlink{align-self:flex-start;min-height:36px;font-size:14px}#kz-spiel .studio{background:var(--bg-2);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}#kz-spiel .vstage canvas,#kz-spiel .vstage video{width:100%;max-height:58vh;aspect-ratio:9/16;object-fit:contain;border-radius:6px;background:var(--bg-2);display:block}#kz-spiel .studio-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}#kz-spiel .studio-btns .btn{padding-inline:8px}#kz-spiel .grp{margin:0 0 -6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-t);font-weight:500}#kz-spiel .seg .chip{padding:10px 4px;text-align:center}#kz-spiel .swatches{display:flex;gap:10px;flex-wrap:wrap}#kz-spiel .fields-2{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:start}#kz-spiel .fields-2 .swatches{gap:8px}@media(max-width:350px){#kz-spiel .fields-2{grid-template-columns:1fr}}#kz-spiel .sw{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:400 12px/1.2 var(--body);color:var(--ink);min-width:48px;min-height:44px}#kz-spiel .sw i{width:38px;height:38px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #26232212;transition:box-shadow .15s}#kz-spiel .sw[aria-pressed=true] i{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--ink)}#kz-spiel .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(min-width:600px)and (max-width:899px)and (orientation:portrait){#kz-spiel .grid{gap:10px}}#kz-spiel .tile{position:relative;border:0;background:var(--bg-2);border-radius:8px;padding:4px 2px 7px;display:flex;flex-direction:column;align-items:center;cursor:pointer;font:400 clamp(10.5px,2.9vw,12px)/1.2 var(--body);color:var(--ink);transition:background-color .15s,transform .15s,opacity .2s;min-width:0}#kz-spiel .tile span{text-align:center;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere;max-width:100%}#kz-spiel .tile img,#kz-spiel .tile .ph{width:100%;max-width:76px;aspect-ratio:1/1;object-fit:contain;display:block}#kz-spiel .tile .ph{background:var(--lehm);border-radius:50%;transform:scale(.5)}#kz-spiel .tile:hover:not(:disabled){background:var(--lehm)}#kz-spiel .tile[aria-pressed=true]{background:var(--cta-soft)}#kz-spiel .tile[aria-pressed=true]:after,#kz-spiel .wdot b{content:"";position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23F7F3E9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}#kz-spiel .tile:active:not(:disabled){transform:scale(.97)}#kz-spiel .wdots{display:flex;gap:8px;margin-block:4px}#kz-spiel .wdot{position:relative;border:0;background:var(--bg-2);border-radius:8px;width:50px;height:50px;padding:4px;cursor:pointer;flex:none;transition:background-color .15s}#kz-spiel .wdot img{width:100%;height:100%;object-fit:contain;display:block}#kz-spiel .wdot[aria-current=true]{background:var(--lehm);box-shadow:0 0 0 2px var(--ink)}#kz-spiel .reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#kz-spiel .reasons .chip{text-align:left;min-height:48px;padding:8px 12px}#kz-spiel .reasons.one{grid-template-columns:1fr;margin-top:-2px}#kz-spiel .chip.own{display:flex;align-items:center;gap:8px}#kz-spiel .chip.own svg{width:18px;height:18px;flex:none}#kz-spiel .seg.two{grid-template-columns:repeat(2,minmax(0,1fr))}#kz-spiel .ask{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--info-t)}#kz-spiel .reply{background:var(--bg-2);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}#kz-spiel .reply-msg{margin:0;font-size:15px;line-height:1.5}#kz-spiel .hints{display:flex;flex-wrap:wrap;gap:6px}#kz-spiel .hints .chip{font-size:13px;min-height:40px;padding:8px 10px;text-align:left}#kz-spiel #stage{transition:background .6s ease}#kz-spiel .why-text{display:flex;align-items:center;gap:6px;background:var(--bg-2);border-radius:8px;padding-inline:12px;min-height:52px}#kz-spiel .why-text span{color:var(--muted-t);white-space:nowrap;font-size:16px}#kz-spiel .why-text input{flex:1;min-width:0;border:0;background:transparent;font:400 16px var(--body);height:48px;color:var(--ink);outline:none}#kz-spiel .why-text:focus-within{box-shadow:0 0 0 2px var(--cta)}#kz-spiel .input{height:52px;border:0;border-radius:8px;background:var(--bg-2);padding:0 14px;font:400 16px var(--body);color:var(--ink);min-width:0;width:100%;box-sizing:border-box}#kz-spiel .input:focus{outline:2px solid var(--cta);outline-offset:0}#kz-spiel .reveal{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}#kz-spiel .reveal li{display:flex;gap:12px;align-items:center;background:var(--bg-2);border-radius:8px;padding:10px 12px}#kz-spiel .reveal img{width:52px;height:52px;flex:none}#kz-spiel .reveal .t{display:flex;flex-direction:column;gap:2px;min-width:0}#kz-spiel .reveal strong{font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#kz-spiel .badge{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:1px 8px;font-weight:500;background:var(--cta);color:var(--bg)}#kz-spiel .badge.new{color:var(--ink)}#kz-spiel .badge.new{background:var(--lehm)}#kz-spiel .reveal q{quotes:"\201e" "\201c"}#kz-spiel .reveal .none{color:var(--muted-t);font-size:14px}#kz-spiel .wait{background:var(--lehm);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}#kz-spiel .wait .eyebrow{color:#575452}#kz-spiel .wait .note{color:#4a565b}#kz-spiel .wait form{display:flex;gap:8px;flex-wrap:wrap}#kz-spiel .wait .input{flex:1 1 200px;width:auto;background:var(--bg)}#kz-spiel .wait .btn{flex:1 0 auto;background:var(--cta);color:var(--bg)}#kz-spiel .linkbox{font-size:13px;word-break:break-all;background:var(--bg-2);border-radius:8px;padding:10px 12px;-webkit-user-select:all;user-select:all;color:var(--info-t)}#kz-spiel .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);background:var(--ink);color:var(--bg);font-size:14px;padding:10px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;width:max-content;max-width:calc(100% - 32px);text-align:center;z-index:20}#kz-spiel .toast.on{opacity:1;transform:translate(-50%)}#kz-spiel .legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;max-width:560px;margin:0 auto;padding:20px 0 calc(16px + env(safe-area-inset-bottom,0px))}#kz-spiel .legal .textlink{font-size:13px;font-weight:400;color:var(--muted-t);min-height:40px;display:inline-flex;align-items:center}#kz-spiel .textlink.inline{min-height:0;font-size:inherit;font-weight:inherit;color:inherit;display:inline;vertical-align:baseline}#kz-spiel .legal-box{max-width:640px}#kz-spiel .legal-body{overflow:auto;font-size:14px;line-height:1.6;overflow-wrap:anywhere;padding-bottom:8px}#kz-spiel .legal-body :is(h1,h2,h3,h4){font-family:var(--body);text-transform:none;letter-spacing:0;font-size:15px;font-weight:500;margin:18px 0 6px;line-height:1.4}#kz-spiel .legal-body p,#kz-spiel .legal-body ul,#kz-spiel .legal-body ol{margin:0 0 10px}#kz-spiel .legal-body ul,#kz-spiel .legal-body ol{padding-left:20px}#kz-spiel .legal-body a{color:inherit}#kz-spiel .modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2623228c;display:flex;align-items:flex-end;justify-content:center;z-index:30}#kz-spiel .modal-box{background:var(--bg);width:100%;max-width:520px;max-height:94%;box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:12px 12px 0 0}@media(min-width:600px)and (min-height:620px){#kz-spiel .modal{align-items:center;padding:16px}#kz-spiel .modal-box{border-radius:8px;max-width:440px;max-height:100%}}#kz-spiel .sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}#kz-spiel .motifs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#kz-spiel .motif{border:0;background:var(--bg-2);border-radius:8px;padding:6px 6px 10px;display:flex;flex-direction:column;gap:6px;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);transition:background-color .15s,box-shadow .15s}#kz-spiel .motif img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px;display:block;background:var(--lehm)}#kz-spiel .motif strong{display:block;font-weight:500;font-size:15px;line-height:1.3;padding-inline:4px}#kz-spiel .motif small{display:block;font-size:12px;line-height:1.3;color:var(--muted-t);padding-inline:4px}#kz-spiel .motif[aria-pressed=true]{background:var(--lehm);box-shadow:0 0 0 2px var(--ink)}#kz-spiel .preview-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:-6px}#kz-spiel .modal.exporting .motifs,#kz-spiel .modal.exporting .fmt,#kz-spiel .modal.exporting .hints,#kz-spiel .modal.exporting .iconbtn{pointer-events:none;opacity:.5}#kz-spiel #mvstage canvas,#kz-spiel #mvstage video{max-height:52vh}#kz-spiel .fmt{display:inline-flex;background:var(--bg-2);border-radius:8px;padding:3px;gap:2px}#kz-spiel .fmt button{border:0;background:transparent;font:500 13px/1 var(--body);color:var(--muted-t);padding:8px 14px;border-radius:6px;cursor:pointer;min-height:34px}#kz-spiel .fmt button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #26232224}#kz-spiel #story-img{width:100%;height:auto;max-height:50vh;object-fit:contain;border-radius:6px;display:block;background:var(--bg-2);transition:opacity .2s}#kz-spiel .busy [data-act]{pointer-events:none;opacity:.5}@media(prefers-reduced-motion:reduce){#kz-spiel *{transition:none!important}}#kz-spiel #app{z-index:1000}#kz-spiel .modal{z-index:1010}#kz-spiel .toast{z-index:1020}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kizuna-spiel.css.map */