<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="./favicon.png" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

		<!-- Font Preloads (critical fonts needed at first paint) -->
		<link rel="preload" href="/fonts/Inter-Regular.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="preload" href="/fonts/Inter-SemiBold.woff2" as="font" type="font/woff2" crossorigin>

		<!-- Warm up TLS connection to Cloudflare Turnstile so the auth widget loads faster on sign-in/register/admin -->
		<link rel="preconnect" href="https://challenges.cloudflare.com" crossorigin>

		<!-- CRITICAL: Inline CSS to prevent FOUC (loads before JS bundle) -->
		<style>
			/* ==========================================
			   CSS RESET
			   ========================================== */
			*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

			/* ==========================================
			   @font-face DECLARATIONS
			   ========================================== */
			@font-face {
				font-family: 'Inter';
				src: url('/fonts/Inter-Regular.woff2') format('woff2');
				font-weight: 400;
				font-style: normal;
				font-display: swap;
				font-synthesis: none;
			}

			@font-face {
				font-family: 'Inter';
				src: url('/fonts/Inter-Medium.woff2') format('woff2');
				font-weight: 500;
				font-style: normal;
				font-display: swap;
				font-synthesis: none;
			}

			@font-face {
				font-family: 'Inter';
				src: url('/fonts/Inter-SemiBold.woff2') format('woff2');
				font-weight: 600;
				font-style: normal;
				font-display: swap;
				font-synthesis: none;
			}

			@font-face {
				font-family: 'Jua';
				src: url('/fonts/Jua-Regular.woff2') format('woff2');
				font-weight: 400;
				font-style: normal;
				font-display: swap;
				font-synthesis: none;
			}

			/* ==========================================
			   :root CSS VARIABLES
			   ========================================== */
			:root {
				/* App-level */
				--bg-color: rgb(0, 0, 0);
				--text-color: rgb(224, 224, 224);
				--font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

				/* Brand Colors */
				--color-brand-orange: #FFB347;
				--color-brand-orange-rgb: 255, 179, 71;
				--color-brand-green: #0BDA51;
				--color-brand-green-rgb: 11, 218, 81;
				--color-brand-red: #FF4136;
				--color-brand-red-rgb: 255, 65, 54;
				--color-brand-black: #000000;
				--color-brand-darkgray: #2f2f2f;

				/* Background Colors */
				--color-bg-gaming-primary: #000000;
				--color-bg-gaming-secondary: #000000;

				/* Text Colors */
				--color-text-primary: #E0E0E0;
				--color-text-secondary: #9CA3AF;
				--color-text-muted: #6B7280;

				/* Status Colors */
				--color-success: var(--color-brand-green);
				--color-error: var(--color-brand-red);
				--color-warning: #F39C12;

				/* Accent Colors */
				--color-gaming-accent: #FFB347;
				--color-accent-primary: #FFB347;

				/* Font Sizes */
				--font-size-xs: 12px;
				--font-size-sm: 14px;
				--font-size-base: 16px;
				--font-size-lg: 18px;
				--font-size-xl: 20px;
				--font-size-2xl: 24px;
				--font-size-3xl: 30px;
				--font-size-4xl: 36px;

				/* Font Weights */
				--font-weight-regular: 400;
				--font-weight-semibold: 600;
				--font-weight-bold: 700;

				/* Line Heights */
				--line-height-tight: 1.25;
				--line-height-normal: 1.5;

				/* Font Family */
				--font-family-base: 'Inter', system-ui, -apple-system, sans-serif;

				/* Spacing (8px Grid) */
				--spacing-1: 8px;
				--spacing-2: 16px;
				--spacing-3: 24px;
				--spacing-4: 32px;
				--spacing-5: 40px;
				--spacing-6: 48px;
				--spacing-8: 64px;

				/* Border Radius */
				--radius-sm: 4px;
				--radius-base: 6px;
				--radius-md: 8px;
				--radius-lg: 12px;
				--radius-xl: 16px;
				--radius-full: 9999px;

				/* Transitions */
				--transition-fast: 150ms ease-out;
				--transition-base: 200ms ease-out;
				--transition-slow: 300ms ease-out;

				/* Z-Index */
				--z-index-base: 1;
				--z-index-dropdown: 1000;
				--z-index-sub-sticky: 1015;
				--z-index-sticky: 1020;
				--z-index-fixed: 1030;
				--z-index-modal-backdrop: 1040;
				--z-index-modal: 1050;
				--z-index-popover: 1060;
				--z-index-tooltip: 1070;

				/* Layout */
				--height-top-nav: 60px;
			}

			/* ==========================================
			   HTML & BODY STYLES
			   ========================================== */
			html {
				font-synthesis: none;
				text-rendering: optimizeLegibility;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				height: 100%;
				overflow-y: auto;
				overscroll-behavior: none;
				-webkit-tap-highlight-color: transparent;
				-webkit-touch-callout: none;
				scrollbar-width: none;
				-ms-overflow-style: none;
				background-color: #000000 !important;
			}

			body {
				font-family: var(--font-family);
				font-weight: 400;
				background-color: var(--bg-color);
				color: var(--text-color);
				height: 100%;
				min-height: 100vh;
				min-height: 100dvh;
				line-height: 1.5;
				overflow-y: auto;
				overscroll-behavior-y: none;
				scrollbar-width: none;
				-ms-overflow-style: none;
				/* Safe area insets for notched devices */
				padding-top: env(safe-area-inset-top);
				padding-bottom: env(safe-area-inset-bottom);
				padding-left: env(safe-area-inset-left);
				padding-right: env(safe-area-inset-right);
			}

			/* ==========================================
			   SCROLLBAR HIDING
			   ========================================== */
			html::-webkit-scrollbar, body::-webkit-scrollbar, .app-content::-webkit-scrollbar { display: none; }
			.app-content { scrollbar-width: none; -ms-overflow-style: none; }
		</style>

		<!-- CRITICAL: Set --viewport-unit before first paint to prevent layout shift -->
		<!-- Mirrors calculateViewportUnit() in unit-calculator.ts (innerHeight / 27.5) -->
		<script>document.documentElement.style.setProperty('--viewport-unit',Math.round(window.innerHeight/27.5)+'px')</script>

		<!-- PWA Manifest -->
		<link rel="manifest" href="./manifest.json" />
		
		<!-- PWA Meta Tags -->
		<meta name="theme-color" content="#000000" />
		<meta name="mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="apple-mobile-web-app-title" content="Crapsee" />
		
		<!-- iOS Icons -->
		<link rel="apple-touch-icon" href="./icons/icon-128x128.png" />

		<!-- Google AdSense - Uncomment when account approved -->
		<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX" crossorigin="anonymous"></script> -->

		<!-- Google Analytics 4 (GA4) - Measurement ID G-JDBSK9WJEG -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-JDBSK9WJEG"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'G-JDBSK9WJEG', {
				anonymize_ip: true,
				send_page_view: true
			});
		</script>

		<!-- Global Schema.org: Organization + WebSite (static, present on every page) -->
		<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@graph": [
				{
					"@type": "Organization",
					"@id": "https://v3.crapsee.com/#organization",
					"name": "Crapsee",
					"url": "https://v3.crapsee.com",
					"logo": {
						"@type": "ImageObject",
						"url": "https://v3.crapsee.com/images/Logos/Crapsee_Logo_New.png",
						"width": 512,
						"height": 512
					}
				},
				{
					"@type": "WebSite",
					"@id": "https://v3.crapsee.com/#website",
					"url": "https://v3.crapsee.com",
					"name": "Crapsee",
					"description": "Free craps simulator. Play online craps with cryptographically secure dice rolls. No signup required.",
					"publisher": { "@id": "https://v3.crapsee.com/#organization" },
					"inLanguage": "en-US"
				}
			]
		}
		</script>

		<link href="./_app/immutable/entry/start.CGGp04o4.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/BHIhTrgr.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/C0GeayYM.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DzMaj6gn.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/BsgU2mpH.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/D0gyB0cF.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/D0iwhpLH.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CSNfNI11.js" rel="modulepreload">
		<link href="./_app/immutable/entry/app.CBo-ja03.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/Dp1pzeXC.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DuJMTPMk.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/Bzak7iHL.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CzMLPTsP.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/BbF_7lkL.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/D-YYQ7X4.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CUSylyWO.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/atbOMnH6.js" rel="modulepreload">
		<link href="./_app/immutable/nodes/0.BWuWz3eo.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CUVlr6GG.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DSRTlS6b.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/BGMWFfIt.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/Bu7XafB2.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DKTRYq7f.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/BT5Betzb.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/ofv4M3Fp.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/0sHyMrjb.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/NDEJ1yZV.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/jz8O6Msu.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CuhUlLHp.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/Cjuz-4t7.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/JTGc3FWx.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/q36Eg1F8.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DdP4N8QJ.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DIM8JHjP.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CejwCjp_.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/6dpZeIyv.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CbJSCU95.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DX0mjQo7.js" rel="modulepreload">
		<link href="./_app/immutable/nodes/4.CcKpoluq.js" rel="modulepreload">
		<link href="./_app/immutable/nodes/26.BFb0WMP5.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/ProK5n4S.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/B7sh4gPm.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/vfxYEUit.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/C-wU0pbK.js" rel="modulepreload">
		<!--[--><meta name="description" content="Crapsee is a free craps simulator built for serious learners. Cryptographically secure dice, every bet on the table, no signup, no real money. Pick a guide or jump straight in."/> <link rel="canonical" href="https://v3.crapsee.com/"/> <meta property="og:title" content="Crapsee - Free Online Craps with Secure Dice"/> <meta property="og:description" content="Crapsee is a free craps simulator built for serious learners. Cryptographically secure dice, every bet on the table, no signup, no real money. Pick a guide or jump straight in."/> <meta property="og:image" content="https://v3.crapsee.com/images/Logos/Crapsee_Logo_New.png"/> <meta property="og:url" content="https://v3.crapsee.com/"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Crapsee"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Crapsee - Free Online Craps with Secure Dice"/> <meta name="twitter:description" content="Crapsee is a free craps simulator built for serious learners. Cryptographically secure dice, every bet on the table, no signup, no real money."/> <meta name="twitter:image" content="https://v3.crapsee.com/images/Logos/Crapsee_Logo_New.png"/> <!----><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Crapsee","description":"Free craps simulator with cryptographically secure dice rolls. Play online craps in your browser with no signup, no downloads, and no real money.","url":"https://v3.crapsee.com","applicationCategory":"GameApplication","operatingSystem":"Web","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"100"},"publisher":{"@id":"https://v3.crapsee.com/#organization"}}</script><!----> <!----><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://v3.crapsee.com/#organization","name":"Crapsee","alternateName":["Crapsee Craps Simulator","Crapsee Free Craps","Crapsee Online Craps"],"url":"https://v3.crapsee.com","logo":{"@type":"ImageObject","url":"https://v3.crapsee.com/images/Logos/Crapsee_Logo_New.png","width":512,"height":512},"sameAs":[]}</script><!----> <!----><script type="application/ld+json">{"@context":"https://schema.org","@type":"MobileApplication","name":"Crapsee","description":"Free mobile craps simulator with cryptographically secure dice. Practice every bet on a real casino layout in your browser, no signup or download required.","url":"https://v3.crapsee.com","applicationCategory":"GameApplication","operatingSystem":"iOS, Android, Web","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"100"},"publisher":{"@id":"https://v3.crapsee.com/#organization"}}</script><!----><!--]--><title>Crapsee - Free Online Craps with Secure Dice</title>
		<link href="./_app/immutable/assets/0.Xyku2S3W.css" rel="stylesheet">
		<link href="./_app/immutable/assets/app.BVF--JBh.css" rel="stylesheet">
		<link href="./_app/immutable/assets/4.BW4t2Equ.css" rel="stylesheet">
		<link href="./_app/immutable/assets/craps-theme.BHdcbrF4.css" rel="stylesheet">
		<link href="./_app/immutable/assets/AuthLoadingScreen.LSw-Axf0.css" rel="stylesheet">
		<link href="./_app/immutable/assets/26.CSK49seJ.css" rel="stylesheet">
	</head>
	<body data-sveltekit-preload-data="hover">
		<div style="display: contents"><!--[--><!--[--><!----><div class="app-container"><!--[--><!----><div class="public-app svelte-1l0quee"><main class="public-main craps-hexagon-animated svelte-1l0quee"><div class="casino-glow-layer svelte-1l0quee" aria-hidden="true"></div> <!--[!--><!----><!--[!--><div class="home-content craps-bg-hero svelte-13wmnd"><span class="version-tag svelte-13wmnd">v3.1.19</span> <div class="casino-glow-layer" aria-hidden="true"></div> <header class="public-page-header svelte-13wmnd"><div class="header-glow svelte-13wmnd" aria-hidden="true"></div> <a href="/" class="logo-link svelte-13wmnd"><img src="/images/Logos/Crapsee_Logo_New.png" alt="Crapsee" class="hero-logo svelte-13wmnd"/></a></header> <section class="hero-section svelte-13wmnd"><div class="hero-left svelte-13wmnd"><div class="landscape-logo-wrapper svelte-13wmnd"><img src="/images/Logos/Crapsee_Logo_New.png" alt="Crapsee" class="landscape-logo svelte-13wmnd"/></div> <div class="hero-stats svelte-13wmnd"><div class="hero-stat svelte-13wmnd"><span class="hero-stat-num svelte-13wmnd">70K+</span> <span class="hero-stat-label svelte-13wmnd">Bets Processed</span></div> <div class="hero-stat svelte-13wmnd"><span class="hero-stat-num svelte-13wmnd">20K+</span> <span class="hero-stat-label svelte-13wmnd">Hands Daily</span></div> <div class="hero-stat svelte-13wmnd"><span class="hero-stat-num svelte-13wmnd">4.8★</span> <span class="hero-stat-label svelte-13wmnd">Rating</span></div></div></div> <div class="hero-content svelte-13wmnd"><h1 class="hero-title svelte-13wmnd">Crapsee</h1> <p class="hero-subtitle svelte-13wmnd">The honest craps simulator. Every bet. Real dice math. No real money.</p> <div class="hero-ctas svelte-13wmnd"><button class="cta-primary svelte-13wmnd">PLAY FREE NOW</button></div> <p class="hero-subtext svelte-13wmnd">No signup • No credit card • Play in 5 seconds</p> <p class="hero-signin-link svelte-13wmnd">Have an account? <a href="/sign-in" class="pill-link svelte-13wmnd">Sign in</a></p> <nav class="hero-variants-row svelte-13wmnd" aria-label="Other craps modes"><a href="/play-craps-online" class="variant-pill svelte-13wmnd">Play Craps Online</a> <a href="/bubble-craps" class="variant-pill svelte-13wmnd">Bubble Craps Simulator</a> <a href="/crapless-craps" class="variant-pill svelte-13wmnd">Crapless Craps</a> <a href="/best-craps-app" class="variant-pill svelte-13wmnd">Best Craps App</a></nav></div></section> <section class="social-proof-section svelte-13wmnd"><div class="social-proof-container svelte-13wmnd"><div class="social-proof-stat svelte-13wmnd"><div class="stat-number svelte-13wmnd">70,000+</div> <div class="stat-label svelte-13wmnd">Bets Processed</div></div> <div class="social-proof-stat svelte-13wmnd"><div class="stat-number svelte-13wmnd">20K+</div> <div class="stat-label svelte-13wmnd">Hands Played Daily</div></div> <div class="social-proof-stat svelte-13wmnd"><div class="stat-number svelte-13wmnd">4.8★</div> <div class="stat-label svelte-13wmnd">Community Rating</div></div></div> <p class="hero-body svelte-13wmnd">New to craps? <a href="/beginners-guide-to-craps" class="svelte-13wmnd">Start with the beginner's guide.</a> Want to play right now? <a href="/craps-simulator" class="svelte-13wmnd">Jump into the free craps simulator.</a> Looking for <a href="/bubble-craps" class="svelte-13wmnd">bubble craps</a> or <a href="/crapless-craps-simulator" class="svelte-13wmnd">crapless craps</a>?
      Already know the game? Read the <a href="/best-craps-strategy" class="svelte-13wmnd">best craps strategy</a>.
      Crapsee has every variant, with full casino layout and cryptographically secure dice.</p></section></div><!--]--> <!--[!--><!--]--><!----><!--]--><!----></main> <footer class="public-footer craps-bg-footer svelte-1l0quee"><div class="footer-container svelte-1l0quee"><div class="footer-section svelte-1l0quee"><h4 class="svelte-1l0quee">About Crapsee</h4> <a href="/guides" class="svelte-1l0quee">Craps Guides</a> <a href="/our-rng" class="svelte-1l0quee">Our RNG</a> <a href="/sponsors" class="svelte-1l0quee">Sponsors</a> <a href="/plans" class="svelte-1l0quee">Plans</a> <a href="/legal/contact" class="svelte-1l0quee">Contact</a></div> <div class="footer-section svelte-1l0quee"><h4 class="svelte-1l0quee">Game Modes</h4> <a href="/play-craps-online" class="svelte-1l0quee">Play Craps Online</a> <a href="/free-craps-game" class="svelte-1l0quee">Free Craps Game</a> <a href="/bubble-craps" class="svelte-1l0quee">Bubble Craps</a> <a href="/crapless-craps" class="svelte-1l0quee">Crapless Craps</a> <a href="/easy-craps" class="svelte-1l0quee">Easy Craps</a></div> <div class="footer-section svelte-1l0quee"><h4 class="svelte-1l0quee">Community</h4> <a href="/publishers" class="svelte-1l0quee">Publishers</a> <a href="https://discord.gg/9HW69p3P" target="_blank" rel="noopener" class="svelte-1l0quee">Discord</a> <a href="https://youtube.com/@crapsee" target="_blank" rel="noopener" class="svelte-1l0quee">YouTube</a> <a href="https://facebook.com/crapsee" target="_blank" rel="noopener" class="svelte-1l0quee">Facebook</a></div> <div class="footer-section svelte-1l0quee"><h4 class="svelte-1l0quee">Legal</h4> <a href="/legal/privacy" class="svelte-1l0quee">Privacy Policy</a> <a href="/legal/terms" class="svelte-1l0quee">Terms of Service</a> <a href="/legal/responsible-gaming" class="svelte-1l0quee">Responsible Gaming</a> <a href="/legal/risk-warnings" class="svelte-1l0quee">Risk Warnings</a></div></div> <div class="footer-bottom svelte-1l0quee"><p class="svelte-1l0quee">© 2026 Crapsee. All rights reserved.</p></div></footer></div><!----><!--]--><!----> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----> <!----> <div class="connection-indicator-wrapper svelte-12qhfyh"><div class="connection-dot svelte-49mdx" aria-label="Connection status: offline"></div><!----></div></div> <div class="global-modal-container svelte-12qhfyh"><!--[!--><!--]--></div><!----><!--]--> <!--[!--><!--]--><!--]-->
			
			<script>
				{
					__sveltekit_1rs0shn = {
						base: new URL(".", location).pathname.slice(0, -1)
					};

					const element = document.currentScript.parentElement;

					Promise.all([
						import("./_app/immutable/entry/start.CGGp04o4.js"),
						import("./_app/immutable/entry/app.CBo-ja03.js")
					]).then(([kit, app]) => {
						kit.start(app, element, {
							node_ids: [0, 4, 26],
							data: [null,null,null],
							form: null,
							error: null
						});
					});
				}
			</script>
		</div>
	</body>
</html>
