.idp-tiny-tyrant-shell{--bg:#070014;--cyan:#33f4ff;--gold:#ffd84d;--danger:#ff4b37;--safe:#42ff8b;max-width:1180px;margin:24px auto;font-family:Inter,Arial,sans-serif;color:#fff}.idp-tiny-tyrant-cabinet{background:linear-gradient(180deg,#17042d,#070014);border:3px solid #7e35ff;border-radius:22px;padding:14px;box-shadow:0 0 36px rgba(126,53,255,.45),inset 0 0 24px rgba(255,255,255,.06)}.idp-tiny-tyrant-marquee{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;margin-bottom:10px;background:linear-gradient(90deg,#280044,#5d1592,#250041);border-radius:14px;border:1px solid rgba(255,255,255,.18);letter-spacing:.04em}.idp-tiny-tyrant-marquee span{font-weight:1000;font-size:clamp(20px,3.2vw,42px);color:var(--gold);text-shadow:0 3px #5b1600,0 0 18px #ff4bd8}.idp-tiny-tyrant-marquee em{font-style:normal;color:#c5f8ff;font-weight:800}.idp-tiny-tyrant-hud{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:10px;margin-bottom:10px}.idp-tiny-tyrant-hud>div{background:rgba(0,0,0,.45);border:1px solid rgba(99,239,255,.28);border-radius:12px;padding:9px 12px;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.idp-tiny-tyrant-hud strong{display:block;font-size:22px;color:var(--gold)}.idp-meter{height:18px;background:#050510;border:2px solid rgba(255,255,255,.55);border-radius:999px;overflow:hidden;margin:4px 0}.idp-meter span{display:block;width:35%;height:100%;background:linear-gradient(90deg,#42ff8b,#ffd84d,#ff4b37);transition:width .18s ease}.idp-canvas-wrap{position:relative;aspect-ratio:16/9;background:#050510;border:3px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden}.idp-tiny-tyrant-canvas{display:block;width:100%;height:100%;background:#080015}.idp-game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 35%,rgba(126,53,255,.44),rgba(3,0,10,.72));z-index:5}.idp-game-overlay.is-hidden{display:none}.idp-game-overlay h3{font-size:clamp(38px,7vw,96px);margin:.1em 0;color:var(--gold);text-shadow:0 5px #681800,0 0 24px #ff4bd8;font-weight:1000;letter-spacing:.04em}.idp-game-overlay p{max-width:720px;font-size:18px;color:#eafcff}.idp-loading-bar{width:min(520px,80%);height:18px;background:#070014;border:2px solid rgba(255,255,255,.5);border-radius:99px;overflow:hidden;margin:16px 0}.idp-loading-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .2s}.idp-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.idp-start-grid label{display:grid;text-align:left;gap:6px;font-weight:800}.idp-start-grid input,.idp-start-grid select{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#080015;color:#fff}.idp-tiny-tyrant-button,.idp-mobile-pad button{border:0;border-radius:999px;background:linear-gradient(180deg,#ffef6b,#ff5b2e);color:#fff;text-shadow:0 2px #7a1300;font-weight:1000;padding:12px 20px;box-shadow:0 5px 0 #6f1600,0 0 20px rgba(255,91,46,.5);cursor:pointer}.idp-primary{font-size:24px;margin-top:8px}.idp-mobile-pad{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;margin:12px 0}.idp-mobile-pad button{font-size:18px}.idp-tiny-tyrant-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#cdf9ff;font-size:13px}.idp-tiny-tyrant-footer a{color:#ffd84d;font-weight:800;text-decoration:none}.idp-tiny-tyrant-footer-links{display:flex;gap:14px;flex-wrap:wrap}.idp-debug-panel{position:absolute;top:10px;left:10px;display:none;grid-template-columns:1fr;gap:2px;max-width:min(460px,calc(100% - 20px));z-index:4;padding:9px 11px;border:1px solid rgba(51,244,255,.5);border-radius:10px;background:rgba(0,0,0,.72);color:#dffcff;font:700 12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:none}.idp-debug-panel.is-active{display:grid}.idp-debug-panel strong{color:#ffd84d;text-transform:uppercase;letter-spacing:.08em}.idp-tiny-tyrant-leaderboard{max-width:960px;margin:24px auto;background:#080015;color:#fff;border:1px solid #7e35ff;border-radius:16px;padding:18px}.idp-tiny-tyrant-leaderboard table{width:100%;border-collapse:collapse}.idp-tiny-tyrant-leaderboard th,.idp-tiny-tyrant-leaderboard td{padding:10px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}@media(max-width:720px){.idp-tiny-tyrant-hud{grid-template-columns:1fr 1fr}.idp-start-grid{grid-template-columns:1fr}.idp-tiny-tyrant-marquee{display:block;text-align:center}.idp-mobile-pad{grid-template-columns:1fr 1fr 1fr}.idp-mobile-pad button{padding:12px 8px;font-size:14px}.idp-debug-panel{font-size:10px;max-width:calc(100% - 20px)}} /* v3.5.4 viewport/header safety polish */ .idp-tiny-tyrant-shell[data-fullscreen="1"]{position:relative;z-index:30;margin-top:clamp(54px,6vh,88px);scroll-margin-top:140px}.idp-tiny-tyrant-cabinet{isolation:isolate}.idp-tiny-tyrant-marquee{position:relative;z-index:2}.idp-canvas-wrap{box-shadow:inset 0 0 0 1px rgba(51,244,255,.10),0 12px 28px rgba(0,0,0,.22)}.idp-debug-panel{z-index:6}.idp-mobile-pad{position:relative;z-index:2}.idp-tiny-tyrant-footer{padding-top:3px} @media(max-height:820px){.idp-tiny-tyrant-shell[data-fullscreen="1"]{margin-top:34px}.idp-tiny-tyrant-marquee{padding:7px 12px}.idp-tiny-tyrant-hud>div{padding:7px 10px}.idp-mobile-pad{margin:9px 0}.idp-tiny-tyrant-footer{font-size:12px}} .idp-game-overlay .idp-credits-line{display:block;margin:3px 0;font-weight:800}.idp-game-overlay .idp-credits-gap{display:block;height:10px} /* v3.5.16 clean title state: do not stack gameplay chrome over title art */ .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-marquee, .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-hud, .idp-tiny-tyrant-shell.is-title-state .idp-mobile-pad, .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-footer{display:none} .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-cabinet{padding:0;background:#050510;border-radius:22px;overflow:hidden} .idp-tiny-tyrant-shell.is-title-state .idp-canvas-wrap{border:0;border-radius:18px;box-shadow:none} .idp-tiny-tyrant-shell.is-title-state .idp-game-overlay{justify-content:flex-end;gap:12px;padding:0 0 clamp(28px,6vw,66px);background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.20) 52%,rgba(0,0,0,.68));} .idp-tiny-tyrant-shell.is-title-state .idp-game-overlay h3, .idp-tiny-tyrant-shell.is-title-state .idp-game-overlay [data-idp-overlay-copy], .idp-tiny-tyrant-shell.is-title-state .idp-loading-bar{display:none!important} .idp-tiny-tyrant-shell.is-title-state .idp-start-grid{grid-template-columns:minmax(180px,240px) minmax(180px,240px);align-items:end;gap:14px;margin:0;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(9,0,20,.72);box-shadow:0 0 24px rgba(255,75,216,.22);backdrop-filter:blur(2px)} .idp-tiny-tyrant-shell.is-title-state .idp-primary{margin:0;font-size:22px;min-width:240px} .idp-tiny-tyrant-shell.is-title-state .idp-start-grid input, .idp-tiny-tyrant-shell.is-title-state .idp-start-grid select{background:rgba(5,0,16,.95)} .idp-tiny-tyrant-shell.is-credits-state .idp-tiny-tyrant-hud, .idp-tiny-tyrant-shell.is-credits-state .idp-mobile-pad{display:none} .idp-tiny-tyrant-shell.is-credits-state .idp-game-overlay{justify-content:flex-end;padding-bottom:46px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.48));} .idp-tiny-tyrant-shell.is-credits-state .idp-game-overlay h3, .idp-tiny-tyrant-shell.is-credits-state .idp-game-overlay [data-idp-overlay-copy], .idp-tiny-tyrant-shell.is-credits-state .idp-loading-bar, .idp-tiny-tyrant-shell.is-credits-state .idp-start-grid{display:none!important} @media(max-width:720px){.idp-tiny-tyrant-shell.is-title-state .idp-start-grid{grid-template-columns:1fr;width:82%;}.idp-tiny-tyrant-shell.is-title-state .idp-primary{min-width:0;width:82%;}} /* v3.5.18 compact in-canvas HUD + fullscreen controls */ .idp-tiny-tyrant-shell{max-width:1180px;margin:18px auto;} .idp-tiny-tyrant-cabinet{padding:10px;} .idp-tiny-tyrant-marquee{display:none!important;} .idp-canvas-wrap{border-radius:16px;} .idp-tiny-tyrant-actionbar{position:absolute;top:12px;right:14px;z-index:8;display:flex;gap:8px;align-items:center;justify-content:flex-end;pointer-events:auto;} .idp-tiny-tyrant-mini-button{appearance:none;border:1px solid rgba(255,216,77,.72);border-radius:999px;background:rgba(7,0,20,.78);color:#ffd84d!important;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font:900 11px/1 Inter,Arial,sans-serif;padding:8px 11px;box-shadow:0 0 14px rgba(255,216,77,.16);cursor:pointer;backdrop-filter:blur(2px);} .idp-tiny-tyrant-mini-button:hover,.idp-tiny-tyrant-mini-button:focus{background:rgba(255,216,77,.16);outline:2px solid rgba(51,244,255,.35);outline-offset:2px;} .idp-home-fullscreen{display:none;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-home-fullscreen{display:inline-flex;align-items:center;} .idp-tiny-tyrant-hud{position:absolute;z-index:4;top:12px;left:14px;right:190px;display:grid;grid-template-columns:minmax(74px,.72fr) minmax(210px,1.7fr) minmax(72px,.62fr) minmax(104px,.82fr);gap:8px;margin:0;pointer-events:none;} .idp-tiny-tyrant-hud>div{display:flex;align-items:center;justify-content:space-between;min-width:0;background:rgba(3,0,12,.70);border:1px solid rgba(99,239,255,.28);border-radius:10px;padding:6px 9px;text-transform:uppercase;font-size:10px;line-height:1;letter-spacing:.055em;box-shadow:0 0 14px rgba(0,0,0,.22);backdrop-filter:blur(1px);} .idp-tiny-tyrant-hud strong{display:inline-block;margin-left:6px;font-size:17px;line-height:1;color:var(--gold);white-space:nowrap;} .idp-tiny-tyrant-hud .idp-meter-wrap{display:grid;grid-template-columns:auto minmax(74px,1fr) auto;align-items:center;gap:8px;justify-content:normal;} .idp-meter{height:12px;margin:0;border-width:1px;min-width:0;} .idp-meter-wrap strong{margin-left:0;font-size:16px;} .idp-mobile-pad{margin:10px 0 0;} .idp-tiny-tyrant-footer{display:none!important;} .idp-tiny-tyrant-branding-credit{display:block;text-align:right;font-size:11px;font-weight:800;color:rgba(205,249,255,.50);line-height:1;margin-top:5px;} .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-hud, .idp-tiny-tyrant-shell.is-title-state .idp-mobile-pad, .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-branding-credit{display:none!important;} .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-cabinet{padding:0;background:#050510;border-radius:22px;overflow:hidden;} .idp-tiny-tyrant-shell.is-title-state .idp-canvas-wrap{border:0;border-radius:18px;box-shadow:none;} .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-actionbar{top:12px;right:12px;} .idp-tiny-tyrant-shell.is-result-state .idp-tiny-tyrant-hud, .idp-tiny-tyrant-shell.is-credits-state .idp-tiny-tyrant-hud{display:none!important;} body.idp-tiny-tyrant-fullscreen-lock{overflow:hidden!important;} .idp-tiny-tyrant-shell.is-fullscreen-active{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:none!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:clamp(8px,1.25vw,18px)!important;background:#050510!important;box-sizing:border-box!important;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-tiny-tyrant-cabinet{width:min(100%,calc(100dvh * 16 / 9 + 28px));max-width:100%;padding:10px;box-sizing:border-box;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-canvas-wrap{width:100%;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-mobile-pad, .idp-tiny-tyrant-shell.is-fullscreen-active .idp-tiny-tyrant-branding-credit{display:none!important;} @media(max-width:900px){.idp-tiny-tyrant-hud{top:9px;left:9px;right:122px;grid-template-columns:.78fr 1.5fr .62fr .82fr;gap:5px}.idp-tiny-tyrant-hud>div{padding:5px 6px;font-size:8px;border-radius:8px}.idp-tiny-tyrant-hud strong{font-size:13px}.idp-tiny-tyrant-hud .idp-meter-wrap{grid-template-columns:auto 1fr auto;gap:5px}.idp-meter{height:9px}.idp-tiny-tyrant-actionbar{top:8px;right:8px;gap:5px}.idp-tiny-tyrant-mini-button{font-size:9px;padding:7px 8px}} @media(max-width:620px){.idp-tiny-tyrant-hud{right:8px;top:44px;grid-template-columns:1fr 1.8fr 1fr 1fr}.idp-tiny-tyrant-actionbar{top:8px;right:8px}.idp-mobile-pad button{font-size:13px}.idp-tiny-tyrant-shell.is-title-state .idp-start-grid{grid-template-columns:1fr;width:82%;}.idp-tiny-tyrant-shell.is-title-state .idp-primary{min-width:0;width:82%;}} /* v3.5.18 Loading state cleanup: no title/start controls while assets load. */ .idp-tiny-tyrant-shell.is-loading-state .idp-game-overlay h3{display:none!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-start-grid, .idp-tiny-tyrant-shell.is-loading-state .idp-primary{display:none!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-game-overlay{justify-content:center!important;gap:14px!important;padding:28px!important;background:radial-gradient(circle at 50% 42%,rgba(126,53,255,.36),rgba(3,0,10,.78))!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-game-overlay [data-idp-overlay-copy]{display:block!important;margin:0!important;font-size:18px!important;color:#eafcff!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-loading-bar{display:block!important;margin:10px 0 0!important;} /* v3.5.22 victory timing: 20-second win hold before credits. */ .idp-tiny-tyrant-shell.is-result-state .idp-mobile-pad, .idp-tiny-tyrant-shell.is-result-state .idp-tiny-tyrant-branding-credit{display:none!important;} /* v3.5.22 hard loading cleanup: no large title or start controls before/while assets load. */ .idp-tiny-tyrant-shell.is-loading-state .idp-game-overlay h3{display:none!important;visibility:hidden!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-start-grid, .idp-tiny-tyrant-shell.is-loading-state .idp-primary{display:none!important;visibility:hidden!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-game-overlay{justify-content:center!important;} /* v3.5.22 scrolling credits polish: credits are drawn directly on the canvas background. */ .idp-tiny-tyrant-shell.is-credits-state .idp-primary{display:none!important;visibility:hidden!important;} /* v3.5.26 credits restart: keep one clean restart CTA on the credits screen. */ .idp-tiny-tyrant-shell.is-credits-state .idp-game-overlay{ justify-content:flex-end!important; align-items:center!important; padding:0 0 clamp(28px,4.5vw,58px)!important; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 62%,rgba(3,0,10,.72) 100%)!important; pointer-events:none!important; } .idp-tiny-tyrant-shell.is-credits-state .idp-game-overlay h3, .idp-tiny-tyrant-shell.is-credits-state .idp-game-overlay [data-idp-overlay-copy], .idp-tiny-tyrant-shell.is-credits-state .idp-loading-bar, .idp-tiny-tyrant-shell.is-credits-state .idp-start-grid{display:none!important;visibility:hidden!important;} .idp-tiny-tyrant-shell.is-credits-state .idp-primary{ display:inline-flex!important; visibility:visible!important; pointer-events:auto!important; align-items:center!important; justify-content:center!important; min-width:min(520px,70%)!important; margin:0 auto 10px!important; padding:16px 34px!important; font-size:clamp(18px,2.25vw,30px)!important; letter-spacing:.055em!important; text-transform:uppercase!important; border:2px solid rgba(255,216,77,.82)!important; box-shadow:0 6px 0 #6f1600,0 0 26px rgba(255,79,216,.55),0 0 20px rgba(51,244,255,.28)!important; } .idp-tiny-tyrant-shell.is-credits-state .idp-primary:hover, .idp-tiny-tyrant-shell.is-credits-state .idp-primary:focus{filter:brightness(1.1);outline:3px solid rgba(51,244,255,.55);outline-offset:3px;} /* v3.5.24 loading progress: show live percentage and fill movement while assets load. */ .idp-tiny-tyrant-shell.is-loading-state .idp-game-overlay [data-idp-overlay-copy]{font-weight:900!important;text-shadow:0 0 12px rgba(51,244,255,.32)!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-loading-bar{width:min(560px,78%)!important;height:18px!important;border:2px solid rgba(255,255,255,.55)!important;background:rgba(3,0,12,.85)!important;box-shadow:0 0 18px rgba(51,244,255,.18)!important;} .idp-tiny-tyrant-shell.is-loading-state .idp-loading-bar span{min-width:0!important;background:linear-gradient(90deg,#33f4ff,#ffd84d,#ff4bd8)!important;box-shadow:0 0 18px rgba(255,216,77,.42)!important;transition:width .12s linear!important;} /* v3.5.37: item-art How to Play guide + instructions panel. */ .idp-instructions-panel{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(3,0,12,.68);backdrop-filter:blur(3px);} .idp-instructions-panel[hidden]{display:none!important;} .idp-instructions-card{position:relative;width:min(780px,92%);border:2px solid rgba(255,216,77,.78);border-radius:20px;background:linear-gradient(180deg,rgba(14,0,32,.96),rgba(5,0,16,.96));box-shadow:0 0 34px rgba(255,79,216,.42),inset 0 0 24px rgba(51,244,255,.08);padding:26px;color:#fff;text-align:left;} .idp-instructions-card h3{margin:0 0 16px;text-align:center;text-transform:uppercase;letter-spacing:.06em;color:#ffd84d;font:1000 clamp(26px,3.4vw,44px)/1 Impact,Arial Black,Arial,sans-serif;text-shadow:0 3px #681800,0 0 18px #ff4fd8;} .idp-instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .idp-instructions-grid section{border:1px solid rgba(51,244,255,.25);border-radius:14px;background:rgba(0,0,0,.34);padding:14px;} .idp-instructions-grid strong{display:block;margin-bottom:7px;color:#ffd84d;text-transform:uppercase;letter-spacing:.045em;font:900 16px/1.1 Inter,Arial,sans-serif;} .idp-instructions-grid p{margin:0;color:#eafcff;font:800 14px/1.45 Inter,Arial,sans-serif;} .idp-instructions-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.48);color:#fff;font:900 24px/1 Arial,sans-serif;cursor:pointer;} .idp-instructions-close:hover,.idp-instructions-close:focus{outline:2px solid rgba(51,244,255,.55);background:rgba(255,79,216,.25);} @media(max-width:720px){.idp-instructions-grid{grid-template-columns:1fr}.idp-instructions-card{padding:22px 16px}.idp-instructions-grid p{font-size:13px}.idp-tiny-tyrant-actionbar{right:6px;gap:4px}.idp-tiny-tyrant-mini-button{font-size:8px;padding:7px 6px}} /* v3.5.29 gameplay feedback pass: clearer instructions badges. */ .idp-instructions-grid section span{display:block;margin-top:9px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#c9f8ff;font:900 12px/1.15 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;} .idp-instruction-good span{box-shadow:inset 0 0 0 1px rgba(66,255,139,.34);color:#42ff8b;} .idp-instruction-bad span{box-shadow:inset 0 0 0 1px rgba(255,75,55,.34);color:#ff9a8e;} .idp-instruction-control span{box-shadow:inset 0 0 0 1px rgba(51,244,255,.34);color:#33f4ff;} .idp-instruction-goal span{box-shadow:inset 0 0 0 1px rgba(255,216,77,.34);color:#ffd84d;} /* v3.5.37 How to Play item art guide. */ .idp-instructions-card{width:min(930px,94%);} .idp-instruction-wide{grid-column:span 2;} .idp-item-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:10px 0 12px;} .idp-item-guide figure{margin:0;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.12),rgba(0,0,0,.34) 62%);padding:8px 5px 7px;text-align:center;box-shadow:inset 0 0 14px rgba(51,244,255,.05);} .idp-item-guide img{display:block;width:58px;height:58px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 0 10px rgba(51,244,255,.34));} .idp-instruction-good .idp-item-guide img{filter:drop-shadow(0 0 10px rgba(66,255,139,.48));} .idp-instruction-bad .idp-item-guide img{filter:drop-shadow(0 0 10px rgba(255,75,55,.46));} .idp-item-guide figcaption{color:#eafcff;font:900 10px/1.1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em;white-space:normal;} .idp-instruction-good{border-color:rgba(66,255,139,.34)!important;} .idp-instruction-bad{border-color:rgba(255,75,55,.34)!important;} @media(max-width:720px){.idp-instruction-wide{grid-column:auto}.idp-item-guide{grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px}.idp-item-guide figure{padding:6px 3px}.idp-item-guide img{width:42px;height:42px}.idp-item-guide figcaption{font-size:8px}.idp-instructions-card{width:min(94%,94%);}} /* v3.5.37 Mobile Controls + Landscape Polish */ .idp-tiny-tyrant-shell{touch-action:manipulation;overscroll-behavior:contain;} .idp-tiny-tyrant-shell .idp-canvas-wrap, .idp-tiny-tyrant-shell .idp-tiny-tyrant-canvas, .idp-tiny-tyrant-shell .idp-mobile-pad, .idp-tiny-tyrant-shell .idp-mobile-pad button{touch-action:none;-webkit-tap-highlight-color:transparent;} .idp-mobile-pad{grid-template-columns:1fr 1fr 1.25fr 1fr;gap:10px;user-select:none;} .idp-mobile-pad button{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:9px 10px;line-height:1;text-transform:uppercase;letter-spacing:.04em;touch-action:none;} .idp-mobile-pad button span{display:block;font-size:22px;line-height:1;} .idp-mobile-pad button em{font-style:normal;font:1000 10px/1 Inter,Arial,sans-serif;white-space:nowrap;} .idp-mobile-pad button.is-pressed{transform:translateY(4px);box-shadow:0 1px 0 #6f1600,0 0 22px rgba(51,244,255,.48);filter:brightness(1.08);} .idp-mobile-pad .idp-mobile-blast{background:linear-gradient(180deg,#55fbff,#215dff);text-shadow:0 2px #002071;box-shadow:0 5px 0 #061a70,0 0 22px rgba(51,244,255,.46);} .idp-mobile-landscape-hint{display:none;position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:7;padding:7px 12px;border:1px solid rgba(255,216,77,.55);border-radius:999px;background:rgba(3,0,12,.74);color:#ffd84d;text-transform:uppercase;letter-spacing:.055em;font:1000 10px/1 Inter,Arial,sans-serif;box-shadow:0 0 18px rgba(255,79,216,.28);pointer-events:none;} @media (hover:hover) and (pointer:fine) and (min-width:901px){.idp-mobile-pad{display:none;}} @media (pointer:coarse),(max-width:900px){ .idp-mobile-pad{display:grid;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-mobile-pad{display:grid!important;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-tiny-tyrant-cabinet{width:min(100%,calc(100dvh * 16 / 9 + 124px));} } @media(max-width:720px){ .idp-tiny-tyrant-shell{margin:8px auto;} .idp-tiny-tyrant-cabinet{padding:7px;border-radius:16px;} .idp-canvas-wrap{border-radius:12px;border-width:2px;} .idp-mobile-pad{gap:7px;margin:8px 0 0;} .idp-mobile-pad button{min-height:48px;padding:8px 6px;} .idp-mobile-pad button span{font-size:18px;} .idp-mobile-pad button em{font-size:8px;} .idp-mobile-blast em{font-size:7px;} .idp-tiny-tyrant-hud{top:38px;left:7px;right:7px;grid-template-columns:.68fr 1.45fr .54fr .72fr;gap:4px;} .idp-tiny-tyrant-hud>div{padding:4px 5px;font-size:7px;border-radius:7px;} .idp-tiny-tyrant-hud strong,.idp-meter-wrap strong{font-size:11px;} .idp-tiny-tyrant-hud .idp-meter-wrap{gap:4px;} .idp-meter{height:8px;} .idp-tiny-tyrant-actionbar{top:6px;right:6px;left:6px;justify-content:flex-end;gap:4px;} .idp-tiny-tyrant-mini-button{font-size:8px;padding:7px 6px;} .idp-instructions-panel{padding:10px;align-items:flex-start;overflow:auto;} .idp-instructions-card{max-height:calc(100% - 20px);overflow:auto;border-radius:16px;padding:18px 12px 14px;} .idp-instructions-card h3{font-size:24px;margin-bottom:10px;} .idp-instructions-grid{gap:9px;} .idp-instructions-grid section{padding:10px;} } @media(max-width:900px) and (orientation:portrait){ .idp-tiny-tyrant-shell.is-game-state .idp-mobile-landscape-hint, .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-mobile-landscape-hint{display:block;} .idp-tiny-tyrant-shell.is-game-state .idp-mobile-landscape-hint{bottom:auto;top:78px;font-size:9px;padding:6px 10px;} } @media(max-width:900px) and (orientation:landscape){ .idp-mobile-pad{max-width:760px;margin-left:auto;margin-right:auto;} .idp-instructions-panel{padding:8px;} .idp-instructions-card{max-height:calc(100% - 16px);overflow:auto;} } /* v3.5.37: How to Play scroll/fit patch. Keep instructions fully reachable inside the locked canvas. */ .idp-instructions-panel{ align-items:flex-start!important; justify-content:center!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; } .idp-instructions-card{ max-height:calc(100% - 44px)!important; overflow-y:auto!important; overflow-x:hidden!important; margin:auto 0!important; scrollbar-width:thin; scrollbar-color:rgba(255,216,77,.8) rgba(5,0,16,.7); } .idp-instructions-card::-webkit-scrollbar{width:10px;} .idp-instructions-card::-webkit-scrollbar-track{background:rgba(5,0,16,.75);border-radius:999px;} .idp-instructions-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd84d,#ff4fd8);border-radius:999px;} .idp-instructions-card::after{ content:'Scroll for more'; position:sticky; bottom:-15px; display:block; margin:12px auto -8px; width:max-content; max-width:100%; padding:5px 10px; border:1px solid rgba(255,216,77,.45); border-radius:999px; background:rgba(3,0,12,.82); color:#ffd84d; text-transform:uppercase; letter-spacing:.055em; font:1000 9px/1 Inter,Arial,sans-serif; box-shadow:0 0 14px rgba(255,79,216,.24); pointer-events:none; } @media(min-width:721px){ .idp-instructions-panel{padding:18px 22px!important;} .idp-instructions-card{padding:18px 24px 24px!important;} .idp-instructions-card h3{font-size:clamp(22px,2.5vw,34px)!important;margin-bottom:10px!important;} .idp-instructions-grid{gap:10px!important;} .idp-instructions-grid section{padding:10px 12px!important;} .idp-item-guide{gap:7px!important;margin:7px 0 8px!important;} .idp-item-guide img{width:48px!important;height:48px!important;} .idp-instructions-grid p{font-size:12px!important;line-height:1.28!important;} .idp-instructions-grid section span{font-size:10px!important;margin-top:6px!important;padding:6px 8px!important;} } @media(max-width:720px){ .idp-instructions-panel{padding:8px!important;} .idp-instructions-card{max-height:calc(100% - 16px)!important;margin:0!important;padding:16px 12px 18px!important;} .idp-instructions-card::after{bottom:-10px;} } /* v3.5.37: Mobile playability pass. Larger controls, simplified thumb layout, canvas touch steering, and safer mobile viewport. */ @media (pointer:coarse),(max-width:900px){ .idp-tiny-tyrant-shell{max-width:100%;margin:6px auto;} .idp-tiny-tyrant-cabinet{padding:6px;} .idp-mobile-pad{grid-template-columns:1.15fr 1.35fr 1.15fr;gap:8px;margin:8px auto 0;max-width:820px;position:sticky;bottom:0;z-index:20;padding:6px;background:linear-gradient(180deg,rgba(7,0,20,.08),rgba(7,0,20,.86));border-radius:16px;} .idp-mobile-pad button[data-idp-control="dash"]{display:none!important;} .idp-mobile-pad button{min-height:68px;border-radius:18px;font-size:18px;} .idp-mobile-pad button span{font-size:26px;} .idp-mobile-pad button em{font-size:11px;} .idp-mobile-pad .idp-mobile-blast{min-height:76px;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-canvas{cursor:ew-resize;} } @media(max-width:720px){ .idp-mobile-pad{gap:6px;padding:5px;} .idp-mobile-pad button{min-height:62px;padding:10px 5px;} .idp-mobile-pad button span{font-size:23px;} .idp-mobile-pad button em{font-size:9px;} .idp-mobile-pad .idp-mobile-blast em{font-size:8px;} .idp-game-overlay{padding:18px 12px;} .idp-start-grid{width:min(92%,420px)!important;} .idp-primary{width:min(92%,420px)!important;} } @media(max-width:900px) and (orientation:landscape){ .idp-tiny-tyrant-shell{margin-top:3px;margin-bottom:3px;} .idp-tiny-tyrant-cabinet{padding:5px;} .idp-mobile-pad{max-width:720px;margin-top:5px;padding:4px;} .idp-mobile-pad button{min-height:50px;border-radius:14px;} .idp-mobile-pad .idp-mobile-blast{min-height:54px;} .idp-mobile-pad button span{font-size:20px;} .idp-mobile-pad button em{font-size:8px;} } /* v3.5.37 Difficulty + Leaderboard Polish */ .idp-leaderboard-panel{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(3,0,12,.70);backdrop-filter:blur(2px);} .idp-leaderboard-panel[hidden]{display:none!important;} .idp-leaderboard-card{position:relative;width:min(850px,94%);max-height:calc(100% - 44px);overflow:auto;padding:22px 24px 24px;border:1px solid rgba(255,216,77,.45);border-radius:20px;background:linear-gradient(180deg,rgba(18,3,42,.94),rgba(5,0,16,.96));box-shadow:0 0 34px rgba(255,79,216,.28),inset 0 0 24px rgba(51,244,255,.05);} .idp-leaderboard-card h3{margin:0 0 6px;color:#ffd84d;text-transform:uppercase;letter-spacing:.08em;font:1000 clamp(26px,4vw,44px)/1 Impact,Arial Black,Arial,sans-serif;text-shadow:0 3px #681800,0 0 20px #ff4fd8;text-align:center;} .idp-leaderboard-subtitle{margin:0 0 14px;color:#c9f8ff;text-align:center;font:800 13px/1.3 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;} .idp-leaderboard-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font:1000 26px/1 Arial;cursor:pointer;} .idp-leaderboard-table-wrap{overflow:auto;border:1px solid rgba(51,244,255,.22);border-radius:14px;} .idp-leaderboard-table{width:100%;border-collapse:collapse;background:rgba(0,0,0,.24);} .idp-leaderboard-table th,.idp-leaderboard-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left;white-space:nowrap;} .idp-leaderboard-table th{color:#ffd84d;text-transform:uppercase;letter-spacing:.05em;font:1000 11px/1 Inter,Arial,sans-serif;background:rgba(255,216,77,.06);} .idp-leaderboard-table td{color:#eafcff;font:900 13px/1.2 Inter,Arial,sans-serif;} .idp-leaderboard-table td:nth-child(1),.idp-leaderboard-table td:nth-child(3){color:#fff;font-family:ui-monospace,Consolas,monospace;} .idp-leaderboard-table tr:nth-child(1) td{color:#ffd84d;text-shadow:0 0 10px rgba(255,216,77,.35);} .idp-start-grid select option[value="tyrant"]{font-weight:900;} @media(max-width:720px){.idp-leaderboard-panel{padding:8px}.idp-leaderboard-card{width:96%;max-height:calc(100% - 16px);padding:17px 12px 16px;border-radius:16px}.idp-leaderboard-table th,.idp-leaderboard-table td{padding:8px 7px;font-size:10px}.idp-leaderboard-close{top:7px;right:7px;width:32px;height:32px}} /* v3.5.37 admin/product settings support. */ .idp-tiny-tyrant-shell[data-mobile-controls="0"] .idp-mobile-pad{display:none!important;} .idp-tiny-tyrant-branding-credit{display:block;margin-top:8px;text-align:center;color:#ffd84d;font:900 12px/1.2 Inter,Arial,sans-serif;text-decoration:none;text-shadow:0 0 10px rgba(255,216,77,.24);} .idp-tiny-tyrant-branding-credit:hover,.idp-tiny-tyrant-branding-credit:focus{color:#fff;outline:2px solid rgba(51,244,255,.5);outline-offset:3px;border-radius:8px;} /* v3.5.39 Gameplay Director + Combo HUD */ .idp-tiny-tyrant-hud{grid-template-columns:minmax(64px,.58fr) minmax(185px,1.45fr) minmax(58px,.48fr) minmax(66px,.50fr) minmax(108px,.82fr) minmax(82px,.62fr);right:190px;} .idp-tiny-tyrant-hud [data-idp-combo]{color:#42ff8b;text-shadow:0 0 10px rgba(66,255,139,.35);} .idp-tiny-tyrant-hud [data-idp-phase]{color:#33f4ff;text-shadow:0 0 10px rgba(51,244,255,.35);} @media(max-width:900px){.idp-tiny-tyrant-hud{right:122px;grid-template-columns:.54fr 1.25fr .43fr .48fr .72fr .50fr}.idp-tiny-tyrant-hud>div{font-size:7.5px}.idp-tiny-tyrant-hud strong{font-size:11.5px}} @media(max-width:620px){.idp-tiny-tyrant-hud{top:42px;right:7px;grid-template-columns:.62fr 1.38fr .50fr .58fr}.idp-tiny-tyrant-hud>div:nth-child(5),.idp-tiny-tyrant-hud>div:nth-child(6){display:none}.idp-tiny-tyrant-hud>div{font-size:7px;padding:4px 5px}.idp-tiny-tyrant-hud strong,.idp-meter-wrap strong{font-size:10.5px}} /* v3.5.40 Round Flow + Boss Attack Pattern HUD */ .idp-tiny-tyrant-hud{grid-template-columns:minmax(58px,.52fr) minmax(174px,1.30fr) minmax(54px,.42fr) minmax(62px,.46fr) minmax(60px,.44fr) minmax(104px,.72fr) minmax(116px,.82fr) minmax(72px,.52fr)!important;right:190px!important;} .idp-tiny-tyrant-hud [data-idp-round]{color:#ffd84d;text-shadow:0 0 10px rgba(255,216,77,.38);} .idp-tiny-tyrant-hud [data-idp-pattern]{color:#ff9aef;text-shadow:0 0 10px rgba(255,79,216,.34);} @media(max-width:900px){.idp-tiny-tyrant-hud{right:122px!important;grid-template-columns:.46fr 1.05fr .36fr .40fr .38fr .58fr!important}.idp-tiny-tyrant-hud>div:nth-child(7),.idp-tiny-tyrant-hud>div:nth-child(8){display:none!important}.idp-tiny-tyrant-hud>div{font-size:7px!important;padding:4px 5px!important}.idp-tiny-tyrant-hud strong{font-size:10.5px!important}} @media(max-width:620px){.idp-tiny-tyrant-hud{top:42px!important;right:7px!important;grid-template-columns:.62fr 1.38fr .50fr .52fr!important}.idp-tiny-tyrant-hud>div:nth-child(n+5){display:none!important}} /* v3.5.46 Sound FX + Music Layer */ .idp-tiny-tyrant-mini-button[data-idp-action="audio"]{min-width:88px;} .idp-tiny-tyrant-mini-button[data-idp-action="audio"].is-audio-muted{border-color:rgba(255,75,55,.72);color:#ffb8ad!important;background:rgba(45,3,10,.82);box-shadow:0 0 14px rgba(255,75,55,.16);} .idp-tiny-tyrant-shell.is-title-state .idp-tiny-tyrant-actionbar{display:flex;top:12px;right:14px;} @media(max-width:720px){.idp-tiny-tyrant-mini-button[data-idp-action="audio"]{min-width:74px}.idp-tiny-tyrant-actionbar{gap:5px;right:8px;top:8px}.idp-tiny-tyrant-mini-button{font-size:9px;padding:7px 8px}} /* v3.5.47 Fullscreen + Mobile Hardening */ :root{--idp-tt-vh:1vh;--idp-tt-safe-top:env(safe-area-inset-top,0px);--idp-tt-safe-right:env(safe-area-inset-right,0px);--idp-tt-safe-bottom:env(safe-area-inset-bottom,0px);--idp-tt-safe-left:env(safe-area-inset-left,0px);} body.idp-tiny-tyrant-focus-mode-page .idp-tiny-tyrant-shell.is-focus-mode-enabled{contain:layout paint;scroll-margin-top:120px;} body.idp-tiny-tyrant-fullscreen-lock{position:fixed!important;width:100%!important;inset:0!important;overscroll-behavior:none!important;touch-action:none!important;} .idp-tiny-tyrant-shell{max-width:100%;overflow:visible;} .idp-tiny-tyrant-shell.is-safe-area-enabled.is-fullscreen-active{padding:calc(8px + var(--idp-tt-safe-top)) calc(8px + var(--idp-tt-safe-right)) calc(8px + var(--idp-tt-safe-bottom)) calc(8px + var(--idp-tt-safe-left))!important;height:calc(var(--idp-tt-vh,1vh) * 100)!important;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-tiny-tyrant-actionbar{top:calc(8px + var(--idp-tt-safe-top));right:calc(8px + var(--idp-tt-safe-right));left:auto;max-width:calc(100% - var(--idp-tt-safe-left) - var(--idp-tt-safe-right) - 16px);flex-wrap:wrap;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-mobile-pad{padding-bottom:calc(6px + var(--idp-tt-safe-bottom));} .idp-tiny-tyrant-shell.is-orientation-hint-disabled .idp-mobile-landscape-hint{display:none!important;} .idp-tiny-tyrant-shell.is-mobile-portrait .idp-mobile-landscape-hint{display:block;} .idp-tiny-tyrant-shell[data-touch-steering="0"] .idp-tiny-tyrant-canvas{cursor:default!important;} .idp-tiny-tyrant-shell[data-fullscreen-button="0"] [data-idp-action="fullscreen"]{display:none!important;} @media (pointer:coarse),(max-width:900px){ .idp-tiny-tyrant-shell.is-focus-mode-enabled{margin-inline:auto;padding-inline:0;} .idp-tiny-tyrant-shell.is-fullscreen-active{align-items:stretch!important;justify-content:flex-start!important;overflow:hidden!important;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-tiny-tyrant-cabinet{display:flex;flex-direction:column;justify-content:center;max-height:calc(var(--idp-tt-vh,1vh) * 100 - var(--idp-tt-safe-top) - var(--idp-tt-safe-bottom) - 10px);} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-canvas-wrap{flex:0 1 auto;min-height:0;} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-mobile-pad{flex:0 0 auto;position:relative!important;bottom:auto!important;margin-top:6px!important;} .idp-tiny-tyrant-shell.is-mobile-portrait:not(.is-fullscreen-active) .idp-canvas-wrap{max-height:min(62vh,calc(var(--idp-tt-vh,1vh) * 62));} .idp-tiny-tyrant-shell.is-mobile-portrait:not(.is-fullscreen-active) .idp-tiny-tyrant-canvas{height:auto;max-height:min(62vh,calc(var(--idp-tt-vh,1vh) * 62));} .idp-tiny-tyrant-shell.is-mobile-portrait .idp-tiny-tyrant-actionbar{left:8px;right:8px;justify-content:flex-end;} .idp-tiny-tyrant-shell.is-mobile-portrait .idp-tiny-tyrant-mini-button{font-size:8px;padding:7px 6px;} .idp-tiny-tyrant-shell.is-mobile-portrait .idp-mobile-landscape-hint{top:auto;bottom:calc(86px + var(--idp-tt-safe-bottom));} } @media(max-width:900px) and (orientation:landscape){ .idp-tiny-tyrant-shell.is-fullscreen-active .idp-tiny-tyrant-cabinet{width:min(100%,calc((var(--idp-tt-vh,1vh) * 100 - 84px) * 16 / 9));} .idp-tiny-tyrant-shell.is-fullscreen-active .idp-mobile-pad{max-width:min(740px,96vw);} } @supports(height:100dvh){.idp-tiny-tyrant-shell.is-fullscreen-active{height:100dvh!important;}} /* v3.5.48 Leaderboard + Replay System */ .idp-leaderboard-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;} .idp-leaderboard-tabs button{border:1px solid rgba(51,244,255,.35);border-radius:999px;background:rgba(0,0,0,.34);color:#c9f8ff;padding:8px 13px;font:1000 11px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;} .idp-leaderboard-tabs button.is-active{border-color:rgba(255,216,77,.82);background:rgba(255,216,77,.16);color:#ffd84d;box-shadow:0 0 14px rgba(255,216,77,.18);} .idp-public-score-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px;} .idp-public-score-stats span{display:block;border:1px solid rgba(51,244,255,.18);border-radius:12px;background:rgba(7,0,20,.55);padding:10px;color:#c9f8ff;font:900 12px/1.25 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;} .idp-public-score-stats strong{display:block;margin-top:3px;color:#ffd84d;font-size:18px;} @media(max-width:720px){.idp-public-score-stats{grid-template-columns:1fr}.idp-leaderboard-tabs button{font-size:9px;padding:7px 9px}} /* v3.5.55 Title Screen Cleanup + Visual Hierarchy Keep the title art/logo dominant. Remove unnecessary boxed treatments from the start flow. */ .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-game-overlay{ justify-content:flex-end; gap:10px; padding:0 0 clamp(24px,5.2vw,54px); background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.12) 55%,rgba(0,0,0,.54)); } .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-start-grid{ grid-template-columns:minmax(170px,230px) minmax(170px,230px); align-items:end; gap:12px; margin:0 0 2px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; } .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-start-grid label{ padding:9px 10px 10px; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(8,0,21,.56); box-shadow:0 0 14px rgba(0,0,0,.22); } .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-start-grid input, .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-start-grid select{ min-height:38px; border-radius:9px; background:rgba(5,0,16,.88); } .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-primary{ min-width:214px; margin:8px 0 0; padding:12px 24px 13px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:linear-gradient(180deg,#ffe66f 0%,#ff9b39 52%,#f05a24 100%); box-shadow:0 0 18px rgba(255,216,77,.34), inset 0 1px 0 rgba(255,255,255,.35); color:#fff; font-size:21px; letter-spacing:.045em; text-shadow:0 2px 0 rgba(93,18,0,.72); } .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-primary:hover, .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-primary:focus{ transform:translateY(-1px); filter:brightness(1.04); outline:2px solid rgba(51,244,255,.48); outline-offset:3px; } @media(max-width:720px){ .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-start-grid{grid-template-columns:1fr;width:82%;} .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-primary{min-width:0;width:72%;max-width:320px;} } /* v3.5.61 Title Screen Clutter Cleanup The title art should be the hero. Remove duplicate/supporting clutter behind the real HTML controls. */ .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-game-overlay{ background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.05) 58%,rgba(0,0,0,.36)); } .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-game-overlay p, .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-game-overlay h3, .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-loading-bar{ display:none!important; } .idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-primary{ box-shadow:0 0 15px rgba(255,216,77,.22), inset 0 1px 0 rgba(255,255,255,.30); } /* v3.5.67 credits CTA placement: smaller restart button, lower lane, clear of logo. */ .idp-tiny-tyrant-shell.is-credits-state .idp-game-overlay{ justify-content:flex-end!important; padding:0 0 clamp(8px,1.3vw,18px)!important; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.12) 68%,rgba(3,0,10,.62) 100%)!important; } .idp-tiny-tyrant-shell.is-credits-state .idp-primary{ min-width:0!important; width:min(430px,52%)!important; max-width:430px!important; margin:0 auto!important; padding:11px 24px!important; border-radius:18px!important; font-size:clamp(15px,1.55vw,22px)!important; line-height:1!important; box-shadow:0 4px 0 #6f1600,0 0 18px rgba(255,79,216,.42),0 0 14px rgba(51,244,255,.22)!important; } @media(max-width:720px){ .idp-tiny-tyrant-shell.is-credits-state .idp-primary{width:min(360px,62%)!important;font-size:14px!important;padding:10px 18px!important;} } /* v3.5.67 pause/resume and pace-assist polish. */ .idp-tiny-tyrant-shell.is-paused-state .idp-game-overlay{ justify-content:center!important; padding:0!important; background:rgba(3,0,12,.18)!important; pointer-events:none!important; } .idp-tiny-tyrant-shell.is-paused-state .idp-game-overlay h3, .idp-tiny-tyrant-shell.is-paused-state .idp-game-overlay [data-idp-overlay-copy]{ display:none!important; } .idp-tiny-tyrant-shell.is-paused-state .idp-game-overlay .idp-primary{ display:inline-flex!important; visibility:visible!important; pointer-events:auto!important; min-width:min(420px,70%)!important; padding:15px 30px!important; font-size:clamp(17px,2.1vw,28px)!important; } .idp-tiny-tyrant-shell.is-paused-state .idp-loading-bar, .idp-tiny-tyrant-shell.is-paused-state .idp-start-grid{display:none!important;} /* v3.5.69 round-flow and in-game chrome cleanup */ .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-actionbar{display:none!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud{left:14px!important;right:14px!important;grid-template-columns:minmax(78px,.68fr) minmax(225px,1.65fr) minmax(70px,.55fr) minmax(82px,.62fr) minmax(72px,.52fr) minmax(128px,.92fr) minmax(122px,.88fr) minmax(74px,.52fr)!important;gap:7px!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div{padding:6px 8px!important;font-size:9px!important;overflow:hidden!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud strong{font-size:15px!important;overflow:hidden!important;text-overflow:ellipsis!important;} .idp-tiny-tyrant-shell.is-game-state .idp-meter-wrap strong{font-size:14px!important;} @media(max-width:900px){.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud{grid-template-columns:minmax(58px,.65fr) minmax(150px,1.5fr) minmax(54px,.55fr) minmax(62px,.62fr)!important;right:9px!important;}.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div:nth-child(n+5){display:none!important;}} /* v3.5.72 Active Gameplay HUD + Playfield Readability */ .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-actionbar{display:none!important;visibility:hidden!important;pointer-events:none!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud{left:16px!important;right:16px!important;top:12px!important;grid-template-columns:minmax(124px,.95fr) minmax(300px,1.85fr) minmax(88px,.62fr) minmax(104px,.72fr) minmax(96px,.66fr)!important;gap:8px!important;z-index:7!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div{min-width:0!important;min-height:28px!important;padding:6px 9px!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;border-color:rgba(99,239,255,.34)!important;background:rgba(3,0,12,.64)!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div:nth-child(n+6){display:none!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud strong{font-family:ui-monospace,Consolas,monospace!important;font-size:16px!important;line-height:1!important;letter-spacing:-.035em!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div:first-child{justify-content:flex-start!important;gap:7px!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div:first-child strong{margin-left:auto!important;min-width:76px!important;text-align:right!important;} .idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud .idp-meter-wrap{grid-template-columns:auto minmax(120px,1fr) minmax(42px,auto)!important;gap:8px!important;} .idp-tiny-tyrant-shell.is-game-state .idp-meter{height:11px!important;} .idp-tiny-tyrant-shell.is-game-state .idp-meter-wrap strong{font-size:14px!important;letter-spacing:-.02em!important;} @media(max-width:900px){.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud{left:9px!important;right:9px!important;top:9px!important;grid-template-columns:minmax(82px,.78fr) minmax(172px,1.45fr) minmax(58px,.50fr) minmax(72px,.58fr)!important;gap:5px!important;}.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div:nth-child(n+5){display:none!important;}.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div{font-size:7.5px!important;padding:5px 6px!important;}.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud strong{font-size:12px!important;}.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud>div:first-child strong{min-width:50px!important;}.idp-tiny-tyrant-shell.is-game-state .idp-tiny-tyrant-hud .idp-meter-wrap{grid-template-columns:auto minmax(70px,1fr) minmax(34px,auto)!important;}} /* v3.5.83 runtime rollback-safe theme isolation: keep the difficulty dropdown readable without changing gameplay JS. */ .idp-tiny-tyrant-shell .idp-start-grid select.idp-tt-select, .idp-tiny-tyrant-shell .idp-start-grid select[data-idp-difficulty-select]{ background-color:#080015!important; background-image:linear-gradient(45deg,transparent 50%,#ffd84d 50%),linear-gradient(135deg,#ffd84d 50%,transparent 50%),linear-gradient(180deg,rgba(51,244,255,.08),rgba(255,216,77,.04))!important; background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,0 0!important; background-size:6px 6px,6px 6px,100% 100%!important; background-repeat:no-repeat!important; color:#f7fdff!important; -webkit-text-fill-color:#f7fdff!important; border-color:rgba(51,244,255,.42)!important; box-shadow:inset 0 0 0 1px rgba(255,216,77,.08),0 0 18px rgba(51,244,255,.08)!important; appearance:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; color-scheme:dark!important; padding-right:38px!important; } .idp-tiny-tyrant-shell .idp-start-grid select.idp-tt-select:focus, .idp-tiny-tyrant-shell .idp-start-grid select[data-idp-difficulty-select]:focus{ outline:2px solid rgba(255,216,77,.72)!important; outline-offset:2px!important; background-color:#0b001f!important; color:#fff7c2!important; -webkit-text-fill-color:#fff7c2!important; } .idp-tiny-tyrant-shell .idp-start-grid select.idp-tt-select option, .idp-tiny-tyrant-shell .idp-start-grid select[data-idp-difficulty-select] option{ background:#080015!important; color:#f7fdff!important; -webkit-text-fill-color:#f7fdff!important; text-shadow:none!important; } .idp-tiny-tyrant-shell .idp-start-grid select.idp-tt-select option:checked, .idp-tiny-tyrant-shell .idp-start-grid select[data-idp-difficulty-select] option:checked{ background:#1f0b3a!important; color:#ffd84d!important; -webkit-text-fill-color:#ffd84d!important; } .idp-tiny-tyrant-shell .idp-start-grid select.idp-tt-select option:hover, .idp-tiny-tyrant-shell .idp-start-grid select[data-idp-difficulty-select] option:hover{ background:#2c0f52!important; color:#fff!important; } .idp-tiny-tyrant-shell .idp-start-grid select.idp-tt-select::-ms-expand, .idp-tiny-tyrant-shell .idp-start-grid select[data-idp-difficulty-select]::-ms-expand{display:none!important;} /* v3.5.85 Leaderboard Result Label Polish */ .idp-leaderboard-table td:nth-child(5), .idp-tiny-tyrant-leaderboard table td:nth-child(5){text-transform:capitalize;} .idp-leaderboard-rating-note{margin:10px 0 0;color:#c9f8ff;text-align:center;font:800 11px/1.35 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;opacity:.9;} /* v3.5.89 credits reveal polish: let the final background show before restart CTA appears. */ @keyframes idpCreditsRestartReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} .idp-tiny-tyrant-shell.is-credits-state .idp-primary{animation:idpCreditsRestartReveal .8s ease 3.2s both!important;} /* v3.5.98 DoobieDudes / native select bypass + aggressive theme CSS isolation for title form controls. Some themes force white select/input styling and content-box sizing after plugin CSS. Keep the start controls inside their drawn boxes and keep Difficulty readable. */ .idp-tiny-tyrant-shell, .idp-tiny-tyrant-shell *{ box-sizing:border-box!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid{ overflow:visible!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-game-overlay .idp-start-grid{ grid-template-columns:minmax(0,230px) minmax(0,230px)!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid label{ box-sizing:border-box!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; margin:0!important; color:#fff!important; -webkit-text-fill-color:#fff!important; text-transform:none!important; font:900 17px/1.15 Inter,Arial,sans-serif!important; letter-spacing:0!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid input[data-idp-player-name], .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select.idp-tt-select, .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select[data-idp-difficulty-select]{ box-sizing:border-box!important; display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:10px 38px 10px 12px!important; border:1px solid rgba(51,244,255,.50)!important; border-radius:9px!important; background-color:rgba(5,0,16,.96)!important; background-image:linear-gradient(180deg,rgba(51,244,255,.10),rgba(255,216,77,.05))!important; color:#f7fdff!important; -webkit-text-fill-color:#f7fdff!important; caret-color:#ffd84d!important; box-shadow:inset 0 0 0 1px rgba(255,216,77,.08),0 0 18px rgba(51,244,255,.10)!important; text-shadow:none!important; font:900 16px/1.1 Inter,Arial,sans-serif!important; letter-spacing:0!important; text-transform:none!important; opacity:1!important; outline:none; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid input[data-idp-player-name]::placeholder{ color:rgba(247,253,255,.70)!important; -webkit-text-fill-color:rgba(247,253,255,.70)!important; opacity:1!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select.idp-tt-select, .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select[data-idp-difficulty-select]{ appearance:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; color-scheme:dark!important; cursor:pointer!important; background-image:linear-gradient(45deg,transparent 50%,#ffd84d 50%),linear-gradient(135deg,#ffd84d 50%,transparent 50%),linear-gradient(180deg,rgba(51,244,255,.10),rgba(255,216,77,.05))!important; background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,0 0!important; background-size:6px 6px,6px 6px,100% 100%!important; background-repeat:no-repeat!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid input[data-idp-player-name]:focus, .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select.idp-tt-select:focus, .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select[data-idp-difficulty-select]:focus{ border-color:rgba(255,216,77,.92)!important; outline:2px solid rgba(51,244,255,.54)!important; outline-offset:2px!important; background-color:#09001d!important; color:#fff7c2!important; -webkit-text-fill-color:#fff7c2!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select.idp-tt-select option, .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select[data-idp-difficulty-select] option{ background:#080015!important; color:#f7fdff!important; -webkit-text-fill-color:#f7fdff!important; font:900 16px/1.2 Inter,Arial,sans-serif!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select.idp-tt-select option:checked, .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select[data-idp-difficulty-select] option:checked{ background:#1f0b3a!important; color:#ffd84d!important; -webkit-text-fill-color:#ffd84d!important; } @media(max-width:720px){ .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell.is-title-state:not(.is-loading-state) .idp-game-overlay .idp-start-grid{ grid-template-columns:minmax(0,1fr)!important; width:min(86%,360px)!important; } .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid label{ width:100%!important; } } /* v3.5.98 DoobieDudes native-select bypass. The theme/browser is forcing the native select closed state white, so the visible Difficulty control is now a scoped custom UI. */ .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid label.idp-tt-difficulty-label{position:relative!important;overflow:visible!important;z-index:50!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid select.idp-tt-native-select[data-idp-difficulty-select]{display:none!important;visibility:hidden!important;position:absolute!important;left:-99999px!important;top:auto!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important;background:transparent!important;color:transparent!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-select{box-sizing:border-box!important;position:relative!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;z-index:60!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-select-button{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:10px 36px 10px 12px!important;border:1px solid rgba(51,244,255,.62)!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(7,6,20,.98),rgba(5,0,16,.96))!important;color:#f7fdff!important;-webkit-text-fill-color:#f7fdff!important;text-shadow:none!important;font:900 16px/1.1 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:inset 0 0 0 1px rgba(255,216,77,.10),0 0 18px rgba(51,244,255,.14)!important;cursor:pointer!important;outline:none!important;white-space:nowrap!important;overflow:hidden!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-select-button:after{content:''!important;position:absolute!important;right:14px!important;top:50%!important;width:0!important;height:0!important;margin-top:-2px!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-top:7px solid #ffd84d!important;filter:drop-shadow(0 0 5px rgba(255,216,77,.55))!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-select-button:focus,.idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-select.is-open .idp-tt-fake-select-button{border-color:rgba(255,216,77,.95)!important;outline:2px solid rgba(51,244,255,.54)!important;outline-offset:2px!important;color:#fff7c2!important;-webkit-text-fill-color:#fff7c2!important;background:linear-gradient(180deg,#0d0624,#060014)!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-select-menu{box-sizing:border-box!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + 5px)!important;z-index:99999!important;display:block!important;min-width:100%!important;padding:5px!important;border:1px solid rgba(255,216,77,.78)!important;border-radius:10px!important;background:#080015!important;color:#f7fdff!important;box-shadow:0 16px 32px rgba(0,0,0,.72),0 0 22px rgba(51,244,255,.22)!important;overflow:hidden!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-select-menu[hidden]{display:none!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-option{box-sizing:border-box!important;display:block!important;width:100%!important;margin:0!important;padding:9px 10px!important;border-radius:7px!important;background:transparent!important;color:#f7fdff!important;-webkit-text-fill-color:#f7fdff!important;text-shadow:none!important;font:900 15px/1.1 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer!important;white-space:nowrap!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-option:hover,.idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-option:focus{background:rgba(51,244,255,.15)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;outline:none!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid .idp-tt-fake-option[aria-selected="true"]{background:rgba(255,216,77,.18)!important;color:#ffd84d!important;-webkit-text-fill-color:#ffd84d!important;} /* v3.5.99 hard native select removal: the visible Difficulty UI is the custom dropdown only. */ .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid label.idp-tt-difficulty-label > select.idp-tt-native-select[data-idp-difficulty-select]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;opacity:0!important;position:absolute!important;left:-99999px!important;top:auto!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;} .idp-tiny-tyrant-shell.idp-tiny-tyrant-shell .idp-game-overlay .idp-start-grid label.idp-tt-difficulty-label > .idp-tt-fake-select{margin-top:0!important;}