/* Arkada: vabilo na vstopni strani in v kazalu iger (2. 10. 2026), slog strani /arkadne-igre, vse pod .iark.
   Pisave gostimo sami (SIL OFL): Fredoka (IB Toy), Press Start 2P (IB Pixel, samo latin: napisi brez šumnikov), VT323 (IB Term, drobni napisi s šumniki). */
@font-face{font-family:"IB Toy";font-style:normal;font-weight:400 700;font-display:swap;src:url(/css/fonts/ib-fredoka-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IB Toy";font-style:normal;font-weight:400 700;font-display:swap;src:url(/css/fonts/ib-fredoka-latinext-v2.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+A720-A7FF}
@font-face{font-family:"IB Pixel";font-display:swap;src:url(/css/fonts/ib-pressstart2p-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"IB Term";font-display:swap;src:url(/css/fonts/ib-vt323-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"IB Term";font-display:swap;src:url(/css/fonts/ib-vt323-latinext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+A720-A7FF}

.iark{--ink:#0d0a24;--night:#16113a;--g1:#1a1442;--g2:#2a2170;--paper:#fff7ea;--mut:#d2cbf6;--yel:#ffd23f;--pnk:#ff4fa3;--cya:#3fe0ff;--lim:#8cf04a;--toy:"IB Toy",ui-rounded,"Segoe UI",system-ui,-apple-system,sans-serif;--px:"IB Pixel",ui-monospace,"Courier New",monospace;--tm:"IB Term",ui-monospace,"Lucida Console",monospace;position:relative;isolation:isolate;overflow:hidden;margin:4px 0 40px;padding:26px 16px 22px;border:3px solid var(--ink);border-radius:24px;background:radial-gradient(rgba(255,255,255,.07) 1.3px,transparent 1.7px) 0 0/18px 18px,radial-gradient(110% 70% at 85% 0%,#3d2a95 0%,rgba(61,42,149,0) 70%),var(--night);box-shadow:0 7px 0 var(--ink);color:var(--paper);font:400 16px/1.55 var(--toy);text-align:left;scroll-margin-top:90px}
.iark,.iark *,.iark *:before,.iark *:after{box-sizing:border-box}
.iark .iark-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.iark .iark-grid{display:grid;gap:18px;align-items:center}
.iark .iark-copy{min-width:0}

/* napis */
.iark p.iark-kicker{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:400 10px/1.5 var(--px);letter-spacing:.05em;color:var(--lim);text-shadow:0 2px 0 var(--ink)}
.iark .iark-inv{display:inline-block;flex:none;width:33px;height:24px;fill:var(--lim);filter:drop-shadow(0 0 3px rgba(140,240,74,.8))}
.iark .iark-inv .f2{visibility:hidden}
.iark h2.iark-h{margin:0 0 12px;font:700 clamp(32px,7.5vw,50px)/1.02 var(--toy);letter-spacing:0;color:var(--paper);text-wrap:balance}
.iark .iark-h-a{display:block;color:var(--yel);text-shadow:3px 3px 0 var(--ink),6px 6px 0 var(--pnk)}
.iark .iark-h-b{display:block;margin-top:8px;font-size:.5em;line-height:1.15;color:var(--cya);text-shadow:2px 2px 0 var(--ink)}
.iark p.iark-p{max-width:56ch;margin:0 0 18px;color:var(--paper);font-size:16.5px;line-height:1.55}

/* svetle nalepke za ikone (kontrast) */
.iark .iark-stk{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.6em;height:1.6em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ece6ff);box-shadow:0 0 0 2px var(--ink);line-height:1;vertical-align:-.35em}
.iark .iark-stk>span{font-size:.82em;line-height:1}
.iark .iark-stk-s{width:1.45em;height:1.45em;margin:0 3px;vertical-align:-.3em}
.iark .iark-stk-b{width:52px;height:52px;box-shadow:0 0 0 3px var(--ink),0 4px 0 3px var(--ink);transform:rotate(-7deg)}
.iark .iark-stk-b>span{font-size:27px}

/* listek za finale */
.iark .iark-ticket{position:relative;display:grid;gap:7px;max-width:440px;padding:13px 24px 13px;border:3px solid var(--ink);border-radius:14px;background:radial-gradient(rgba(13,10,36,.08) 1px,transparent 1.4px) 0 0/8px 8px,linear-gradient(180deg,#ffe36e,var(--yel));color:var(--ink);box-shadow:0 5px 0 var(--ink)}
.iark .iark-ticket:before,.iark .iark-ticket:after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--night);border:3px solid var(--ink)}
.iark .iark-ticket:before{left:-12px;clip-path:inset(0 0 0 50%)}
.iark .iark-ticket:after{right:-12px;clip-path:inset(0 50% 0 0)}
.iark .iark-ticket p{margin:0;color:var(--ink)}
.iark p.iark-tk-l{font:400 9px/1.5 var(--px);letter-spacing:.05em;color:#7a1f57}
.iark p.iark-tk-g{display:flex;align-items:center;gap:8px;font:700 23px/1.15 var(--toy)}
.iark p.iark-tk-n{padding-top:7px;border-top:2px dashed rgba(13,10,36,.35);font-size:14.5px;line-height:1.35;font-weight:500}
.iark .iark-coins{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.iark .iark-coin{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 2px;border:3px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font:700 15px/1 var(--toy);box-shadow:0 3px 0 var(--ink)}
.iark .iark-coin i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;font:400 9px/1 var(--px);font-style:normal;background:radial-gradient(circle at 35% 30%,#fff6b8,#ffd23f 45%,#c99400)}
.iark .iark-coin.c2 i{background:radial-gradient(circle at 35% 30%,#fff,#d9e2ee 45%,#8d9bb0)}
.iark .iark-coin.c3 i{background:radial-gradient(circle at 35% 30%,#ffe0c2,#e39a5a 45%,#9a5a24)}
.iark .iark-coin b{font-weight:700}

/* slika (samo na širokem zaslonu, lena) */
.iark figure.iark-art{display:none;margin:0;border:3px solid var(--ink);border-radius:22px;overflow:hidden;background:var(--g1);box-shadow:0 6px 0 var(--ink)}
.iark .iark-art img{display:block;width:100%;height:auto}

/* mini igralni vložki */
.iark ul.iark-carts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none}
.iark ul.iark-carts li{margin:0;padding:0;list-style:none}
.iark ul.iark-carts li:before{content:none}
.iark a.iark-cart{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:18px 8px 10px;border:3px solid var(--ink);border-radius:16px 16px 12px 12px;background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:0 5px 0 var(--ink);color:var(--ink);text-align:center;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
.iark a.iark-cart:before{content:"";position:absolute;left:50%;top:6px;width:64px;height:6px;margin-left:-32px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(13,10,36,.5) 0 4px,transparent 4px 8px)}
.iark a.iark-cart:hover{transform:translateY(-3px) rotate(-.6deg)}
.iark a.iark-cart:focus-visible{outline:3px solid #fff;outline-offset:3px}
.iark a.iark-cart.is-fin{box-shadow:0 0 0 4px var(--yel),0 5px 0 4px var(--ink),0 0 22px 4px rgba(255,210,63,.45)}
.iark a.iark-cart b{display:block;width:100%;padding:5px 6px;border:2px solid var(--ink);border-radius:9px;background:var(--paper);font:700 14.5px/1.2 var(--toy);color:var(--ink)}
.iark a.iark-cart small{display:inline-block;padding:2px 9px;border-radius:999px;background:rgba(13,10,36,.82);color:#fff;font:400 18px/1 var(--tm);letter-spacing:.02em;white-space:nowrap}

/* gumbi */
.iark .iark-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.iark a.iark-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border:3px solid var(--ink);border-radius:16px;font:700 17px/1 var(--toy);letter-spacing:0;text-decoration:none;transition:transform .08s,box-shadow .08s}
.iark a.iark-btn-yel{background:linear-gradient(180deg,#ffe77f,var(--yel) 55%,#f2b600);color:var(--ink);box-shadow:inset 0 3px 0 rgba(255,255,255,.65),inset 0 -4px 0 rgba(150,95,0,.3),0 5px 0 var(--ink)}
.iark a.iark-btn-ghost{background:var(--g2);color:var(--paper);box-shadow:inset 0 3px 0 rgba(255,255,255,.12),0 5px 0 var(--ink)}
.iark a.iark-btn:hover{transform:translateY(-2px)}
.iark a.iark-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}
.iark a.iark-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.iark p.iark-fine{margin:16px 0 0;color:var(--mut);font-size:14px;line-height:1.5}
.iark p.iark-fine a{color:var(--cya);text-underline-offset:3px}

@media (prefers-reduced-motion:no-preference){
	.iark .iark-inv{animation:iark-inv-m 2.4s steps(1) infinite}
	.iark .iark-inv .f1{animation:iark-inv-a 1.2s steps(1) infinite}
	.iark .iark-inv .f2{animation:iark-inv-b 1.2s steps(1) infinite}
}
@keyframes iark-inv-a{0%{visibility:visible}50%{visibility:hidden}}
@keyframes iark-inv-b{0%{visibility:hidden}50%{visibility:visible}}
@keyframes iark-inv-m{0%{transform:translateX(-3px)}25%{transform:translateX(0)}50%{transform:translateX(3px)}75%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.iark a.iark-cart,.iark a.iark-btn{transition:none}.iark a.iark-cart:hover,.iark a.iark-btn:hover{transform:none}}

@media (max-width:599px){
	.iark ul.iark-carts li:nth-child(n+5){display:none}
}
@media (max-width:479px){
	.iark .iark-cta a.iark-btn{flex:1 1 100%}
	.iark .iark-ticket{padding:12px 18px}
	.iark .iark-coin{font-size:14px;padding:2px 8px 2px 2px}
	.iark .iark-coin i{width:22px;height:22px}
	.iark p.iark-tk-l{font-size:8.5px}
	.iark p.iark-tk-g{font-size:21px}
	.iark p.iark-kicker{font-size:9px}
}
@media (min-width:600px){
	.iark{padding:34px 30px 28px}
	.iark ul.iark-carts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
	.iark{margin:4px 0 62px;padding:44px 48px 36px;border-radius:28px}
	.iark .iark-grid{grid-template-columns:minmax(0,1fr) 360px;gap:44px}
	.iark figure.iark-art{display:block}
	.iark ul.iark-carts{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:30px}
	.iark-igre{margin-top:34px}
}
@media print{.iark{background:#fff;color:#000;box-shadow:none}.iark .iark-art{display:none}}