:root{
  --igt-babel:#008080;--igt-deep:#004646;--igt-ink:#101414;
  --igt-gold:#dab234;--igt-gold-dark:#8a6410;--igt-paper:#f2e7c4;
  --igt-cream:#fff7d6;--igt-loss:#c83232;--igt-win:#197d4d;
}
[hidden]{display:none!important}
.igt-screen{
  background-color:var(--igt-babel);color:var(--igt-ink);padding:18px;
  background-image:
    linear-gradient(90deg,rgba(0,70,70,.16) 1px,transparent 1px),
    linear-gradient(rgba(0,70,70,.16) 1px,transparent 1px),
    repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.025) 8px 10px);
  background-size:8px 8px,8px 8px,16px 16px;
}
.igt-window{width:min(660px,96vw);background:var(--igt-paper);border:3px solid var(--igt-ink);box-shadow:6px 6px 0 var(--igt-deep),9px 9px 0 var(--igt-ink)}
.igt-titlebar{min-height:38px;display:flex;align-items:center;gap:9px;background:var(--igt-deep);color:#fff;border-bottom:3px solid var(--igt-ink);padding:6px 10px;text-transform:uppercase;letter-spacing:1px}
.igt-titlebar h1{font:700 15px/1.3 'Courier New',monospace;flex:1}
.igt-titlebar-chip,.igt-brand-mark{color:var(--igt-gold);text-shadow:2px 2px 0 #000}
.igt-titlebar-status{font-size:10px;color:var(--igt-gold);white-space:nowrap}
.igt-titlebar-complete{background:var(--igt-win)}
.igt-window-body{padding:20px 24px;text-align:center}
.igt-window-body h2{font-size:20px;letter-spacing:1px;margin:14px 0 10px;text-transform:uppercase}
.igt-window-body p{font-size:15px;line-height:1.65}
.igt-instr-page{display:none;min-height:250px;align-content:center}
.igt-instr-page.is-active{display:block}
.igt-pixel-emblem,.igt-mini-decks{display:flex;justify-content:center;align-items:flex-end;gap:8px;margin:2px auto 14px}
.igt-pixel-emblem span,.igt-mini-decks span{
  width:48px;height:66px;display:grid;place-items:center;background:var(--igt-deep);color:var(--igt-gold);
  border:3px solid var(--igt-ink);box-shadow:3px 3px 0 var(--igt-gold-dark);font-size:20px;font-weight:bold
}
.igt-pixel-emblem span:nth-child(even){transform:translateY(5px)}
.igt-feedback-demo{display:flex;justify-content:center;gap:8px;align-items:center;margin:12px auto 22px;font-size:18px}
.igt-feedback-demo b,.igt-feedback-demo i,.igt-feedback-demo strong{font-style:normal;border:3px solid var(--igt-ink);padding:9px;background:#fff;box-shadow:3px 3px 0 var(--igt-deep)}
.igt-feedback-demo b{color:var(--igt-win)}.igt-feedback-demo i{color:var(--igt-loss)}
.igt-neutral-note{font-size:12px!important;color:#334747;margin-top:12px}
.igt-instr-nav,.igt-form-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.igt-instr-dots{display:flex;gap:6px}.igt-instr-dots i{width:10px;height:10px;background:#8b957e;border:2px solid var(--igt-ink)}.igt-instr-dots i.is-active{background:var(--igt-gold)}
.igt-pixel-button,.igt-text-button,.igt-exit{
  font:700 13px/1.3 'Courier New',monospace;cursor:pointer;border-radius:0
}
.igt-pixel-button{min-height:44px;padding:9px 15px;background:var(--igt-paper);color:var(--igt-ink);border:3px solid var(--igt-ink);box-shadow:3px 3px 0 var(--igt-deep)}
.igt-pixel-button:hover,.igt-pixel-button:focus-visible{outline:3px solid var(--igt-gold);outline-offset:2px}
.igt-pixel-button:active{transform:translate(3px,3px);box-shadow:none}
.igt-pixel-button:disabled{color:#687070;cursor:wait}
.igt-pixel-button.igt-primary{background:var(--igt-gold);color:#111}
.igt-text-button,.igt-exit{margin-top:14px;background:transparent;border:0;text-decoration:underline;color:var(--igt-deep);min-height:34px;padding:5px 10px}
.igt-text-button:focus-visible,.igt-exit:focus-visible{outline:3px solid var(--igt-gold);outline-offset:2px}

.igt-registration{width:min(560px,96vw)}
.igt-registration .igt-window-body{text-align:left}
.igt-form-intro{margin-bottom:16px}.igt-registration label{font-weight:bold;margin:12px 0 5px}
.igt-registration input,.igt-registration select{min-height:46px;background:#fffdf0;border:3px solid var(--igt-ink);font-size:16px;padding:8px;box-shadow:inset 3px 3px 0 #c5b98e}
.igt-form-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}
.igt-form-error{min-height:24px;color:var(--igt-loss);font-size:13px!important;margin-top:6px}

.igt-game-shell{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;background:var(--igt-babel);overflow:hidden}
.igt-hud{z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:var(--igt-ink);color:#fff;border-bottom:4px solid var(--igt-gold);padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));min-height:68px}
.igt-brand{font-weight:bold;letter-spacing:2px;font-size:15px}.igt-session-state{font-size:11px;color:#bde9d1;display:flex;align-items:center;gap:6px}
.igt-led{display:inline-block;width:9px;height:9px;background:#45db75;border:2px solid #0b542a;box-shadow:0 0 0 2px #000}
.igt-balance-panel{justify-self:end;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:baseline;text-align:right}
.igt-balance-panel>span{font-size:10px;color:var(--igt-gold)}.igt-balance-panel output{font-size:27px;font-weight:bold;color:#fff;letter-spacing:1px}.igt-balance-panel small{grid-column:1/-1;font-size:9px;color:#bde9d1}
.igt-table{position:relative;min-height:0;display:grid;grid-template-rows:minmax(100px,1fr) auto auto;align-items:center;gap:14px;padding:16px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;background:var(--igt-babel)}
.igt-table::before,.igt-table::after{content:"";position:absolute;pointer-events:none;border:2px solid var(--igt-gold);inset:8px}.igt-table::after{border:1px solid var(--igt-deep);inset:13px}
.igt-table-grid{position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(0deg,transparent 0 7px,var(--igt-deep) 7px 8px),repeating-linear-gradient(90deg,transparent 0 7px,var(--igt-deep) 7px 8px)}
.igt-feedback{z-index:1;align-self:center;justify-self:center;width:min(470px,90vw);min-height:112px;display:grid;place-items:center;background:rgba(0,70,70,.93);border:3px solid var(--igt-gold);box-shadow:5px 5px 0 var(--igt-ink);color:#fff;padding:12px}
.igt-feedback-idle{font-size:18px;font-weight:bold;letter-spacing:2px}.igt-cursor{color:var(--igt-gold);animation:igt-blink 1s steps(2,end) infinite}
.igt-feedback-result{width:100%;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;text-align:center}.igt-feedback-result div{background:var(--igt-paper);color:var(--igt-ink);border:2px solid var(--igt-ink);padding:7px}.igt-feedback-result span{display:block;font-size:9px}.igt-feedback-result strong{display:block;font-size:19px;margin-top:2px}.igt-feedback-result>div:first-child strong{color:var(--igt-win)}.igt-feedback-result>div:nth-child(2) strong{color:var(--igt-loss)}.igt-feedback-result .igt-net{background:var(--igt-gold)}
.igt-save-state{text-align:center;font-size:12px}.igt-save-pixels{display:flex;justify-content:center;gap:5px;margin-bottom:8px}.igt-save-pixels i{width:9px;height:9px;background:var(--igt-gold);animation:igt-save .9s steps(2,end) infinite}.igt-save-pixels i:nth-child(2){animation-delay:.15s}.igt-save-pixels i:nth-child(3){animation-delay:.3s}
.igt-decks{z-index:1;width:min(780px,100%);justify-self:center;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,2vw,18px);align-items:end}
.igt-deck{min-width:0;min-height:132px;display:grid;justify-items:center;align-content:end;gap:7px;background:transparent;border:0;padding:6px 3px;cursor:pointer;color:#fff;font-family:'Courier New',monospace;touch-action:manipulation}
.igt-deck:focus-visible{outline:3px solid #fff;outline-offset:2px}.igt-deck:disabled{cursor:wait}.igt-deck:disabled:not(.is-drawing){filter:saturate(.5) brightness(.8)}
.igt-card-stack{position:relative;display:block;width:clamp(62px,12vw,112px);aspect-ratio:5/7}.igt-card-stack>i{position:absolute;inset:0;background:var(--igt-paper);border:3px solid var(--igt-ink)}.igt-card-stack>i:first-child{transform:translate(-5px,-5px)}.igt-card-stack>i:nth-child(2){transform:translate(-2px,-2px)}
.igt-card-back{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;place-items:center;background-color:var(--igt-deep);color:var(--igt-gold);border:4px solid var(--igt-paper);outline:3px solid var(--igt-ink);box-shadow:5px 5px 0 var(--igt-ink);background-image:linear-gradient(45deg,transparent 44%,rgba(218,178,52,.25) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,rgba(218,178,52,.2) 44% 56%,transparent 56%);background-size:14px 14px}
.igt-card-back::before{content:"";position:absolute;inset:7px;border:2px solid var(--igt-gold)}.igt-card-back b{font-size:clamp(18px,4vw,34px);text-shadow:3px 3px 0 #000}.igt-card-back em{font-style:normal;font-size:clamp(7px,1.5vw,11px);letter-spacing:1px;margin-bottom:11px}
.igt-deck-label{display:grid;place-items:center;width:46px;height:32px;background:var(--igt-gold);color:var(--igt-ink);border:3px solid var(--igt-ink);box-shadow:3px 3px 0 var(--igt-deep);font-size:20px;font-weight:bold}
.igt-deck:hover .igt-card-back,.igt-deck:focus-visible .igt-card-back{transform:translateY(-5px)}.igt-deck.is-drawing .igt-card-stack{animation:igt-draw .35s steps(4,end)}
.igt-network{z-index:1;min-height:18px;text-align:center;color:#fff;font-size:11px}.igt-network.is-error{color:#ffe17d;background:#6b1b1b;padding:4px 8px}
.igt-exit{z-index:2;position:absolute;right:18px;bottom:10px;color:#fff;font-size:10px}
.igt-completion{width:min(500px,94vw)}.igt-completion .igt-window-body{padding:28px}.igt-trophy{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 16px;background:var(--igt-deep);color:var(--igt-gold);border:4px solid var(--igt-ink);box-shadow:5px 5px 0 var(--igt-gold-dark);font-size:40px}.igt-final-balance{display:grid;margin:18px auto;padding:13px;background:var(--igt-ink);color:#fff;border:3px solid var(--igt-gold);width:min(280px,100%)}.igt-final-balance span,.igt-final-balance small{font-size:10px;color:var(--igt-gold)}.igt-final-balance strong{font-size:36px}
.igt-menu-icon{display:grid!important;place-items:center;background:var(--igt-deep);color:var(--igt-gold);border:2px solid var(--igt-ink);font:700 16px 'Courier New',monospace;height:30px}
@keyframes igt-blink{50%{opacity:.15}}@keyframes igt-save{50%{transform:translateY(-4px);background:#fff}}@keyframes igt-draw{50%{transform:translateY(-18px)}100%{transform:translateY(0)}}

@media (max-width:600px){
  .igt-screen{padding:7px}.igt-window{width:100%;max-height:calc(100dvh - 14px);overflow:auto;box-shadow:4px 4px 0 var(--igt-ink)}
  .igt-titlebar{min-height:34px;padding:5px 7px}.igt-titlebar h1{font-size:12px}.igt-titlebar-status{display:none}.igt-window-body{padding:13px}
  .igt-instr-page{min-height:245px}.igt-window-body h2{font-size:17px}.igt-window-body p{font-size:14px;line-height:1.5}
  .igt-pixel-emblem span,.igt-mini-decks span{width:39px;height:55px;font-size:17px}.igt-form-grid{grid-template-columns:1fr}.igt-registration label{margin-top:8px}
  .igt-hud{grid-template-columns:1fr auto;min-height:58px;padding:6px 8px}.igt-session-state{display:none}.igt-brand{font-size:12px}.igt-balance-panel output{font-size:23px}
  .igt-table{grid-template-rows:minmax(86px,1fr) auto auto;gap:7px;padding:10px 8px calc(26px + env(safe-area-inset-bottom))}
  .igt-feedback{min-height:88px;width:94%;padding:8px;box-shadow:3px 3px 0 var(--igt-ink)}.igt-feedback-idle{font-size:14px}.igt-feedback-result{gap:3px}.igt-feedback-result div{padding:5px 2px}.igt-feedback-result strong{font-size:15px}.igt-feedback-result span{font-size:8px}
  .igt-decks{gap:4px;padding:0 3px}.igt-deck{min-height:116px;padding:4px 1px;gap:5px}.igt-card-stack{width:min(100%,72px)}.igt-card-back{border-width:3px;outline-width:2px;box-shadow:3px 3px 0 var(--igt-ink)}.igt-card-back::before{inset:5px}.igt-deck-label{width:40px;height:29px;font-size:17px}
  .igt-exit{right:8px;bottom:4px;min-height:28px;margin:0}.igt-network{font-size:9px}
}
@media (max-height:570px) and (orientation:landscape){
  .igt-hud{min-height:48px}.igt-table{grid-template-columns:minmax(155px,.65fr) 1fr;grid-template-rows:1fr auto;gap:8px;padding:8px 16px 22px}.igt-feedback{grid-column:1;grid-row:1;width:100%;min-height:90px}.igt-decks{grid-column:2;grid-row:1;align-self:center}.igt-network{grid-column:1/-1;grid-row:2}.igt-deck{min-height:96px}.igt-card-stack{width:min(9vw,70px)}.igt-deck-label{height:27px}.igt-exit{bottom:2px}
}
@media (prefers-reduced-motion:reduce){.igt-cursor,.igt-save-pixels i,.igt-deck.is-drawing .igt-card-stack{animation:none!important}.igt-deck:hover .igt-card-back,.igt-deck:focus-visible .igt-card-back{transform:none}}
