*{box-sizing:border-box}:root{color:#f3e8c5;font-synthesis:none;text-rendering:optimizelegibility;background:#080c09;font-family:Georgia,Times New Roman,serif}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.blackjack-table{isolation:isolate;background:#080c09;width:min(100vw,165dvh);height:min(100dvh,60.6061vw);position:relative;overflow:hidden;container-type:size}.blackjack-table__background{z-index:-1;object-fit:contain;object-position:center;transform-origin:50% 75%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.18)}.blackjack-table__content{width:100%;height:100%;padding:0;position:relative}.blackjack-table .dealer-area{padding:0;position:absolute;top:6%;left:50%;transform:translate(-50%)}.blackjack-table .dealer-deck{width:clamp(48px,8cqh,85px)}.blackjack-table .table-brand{width:min(60%,620px);margin:0;padding:0;position:absolute;top:24%;left:50%;transform:translate(-50%)}.deal-stage{z-index:2;--card-width:min(17cqw, 20cqh, 180px);width:90%;position:absolute;top:48%;left:5%}.portfolio-nav{width:min(68%,760px);position:absolute;top:64%;left:50%;transform:translate(-50%)}.table-back{z-index:3;position:absolute;top:84%;left:50%;transform:translate(-50%)}@media (aspect-ratio<=1){.blackjack-table{width:100%;height:100%}.blackjack-table__background{object-fit:cover;object-position:center bottom;transform:none}.blackjack-table .dealer-area{top:max(5%, env(safe-area-inset-top))}.blackjack-table .dealer-deck{width:clamp(52px,9cqh,80px)}.blackjack-table .table-brand{width:94%;top:24%}.deal-stage{--card-width:min(65cqw, 22cqh, 240px);width:100%;top:44%;left:0}.portfolio-nav{width:92%;top:59%}.table-back{top:auto;bottom:max(6%, env(safe-area-inset-bottom))}}@media (height<=650px) and (aspect-ratio<=1){.table-back{bottom:max(2%, env(safe-area-inset-bottom))}}@media (height<=520px) and (aspect-ratio>=1){.blackjack-table .dealer-area{top:8%;left:17%}.blackjack-table .dealer-deck{width:45px}.blackjack-table .table-brand{width:46%;top:3%}.deal-stage{--card-width:min(22cqw, 29cqh);top:33%}.portfolio-nav{width:70%;top:48%}.table-back{top:82%}}.table-brand{--print-width:760px;--print-flattening:.78;width:min(100%, var(--print-width));mix-blend-mode:screen;margin-inline:auto;padding-top:0}.table-brand__printing{width:100%;height:auto;transform:scaleY(var(--print-flattening));transform-origin:50%;display:block;overflow:visible}.table-brand__lines{fill:none;stroke:#e4ce91;stroke-width:3px;stroke-linecap:round}.table-brand__name,.table-brand__odds{font-family:Georgia,Times New Roman,serif;font-weight:700}.table-brand__name{fill:#ead69e;letter-spacing:2px;font-size:64px}.table-brand__odds{fill:#d82020;letter-spacing:1px;font-size:45px}.table-brand__accessible-name{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.table-brand{--print-width:480px;--print-flattening:.88;padding-top:0}}.detail-modal.detail-modal--resume{width:min(1000px,100vw - 32px);height:calc(100dvh - 32px);max-height:960px;padding:24px;overflow:hidden}.detail-modal--resume[open]{flex-direction:column;display:flex}.detail-modal--resume .modal-suit{display:none}.detail-modal--resume h2{margin:0 44px 4px 0;font-size:28px}.detail-modal--resume .modal-subtitle{margin-bottom:12px}.resume-viewer{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.resume-viewer__actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.resume-viewer__actions a{color:#fffdf6;background:#123e2b;border:1px solid #123e2b;border-radius:6px;align-items:center;min-height:44px;padding:10px 14px;font:14px system-ui,sans-serif;text-decoration:none;display:inline-flex}.resume-viewer__actions a+a{color:#123e2b;background:0 0}.resume-viewer__document{background:#eee9db;border:1px solid #ddd8c8;flex:1;width:100%;min-height:0;display:block}.resume-viewer__document p{padding:16px}@media (width<=600px){.detail-modal.detail-modal--resume{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none;padding:16px}.detail-modal--resume .modal-subtitle{font-size:13px}}@media (height<=500px){.detail-modal--resume .modal-subtitle{display:none}.detail-modal--resume h2{margin-bottom:8px;font-size:22px}}.portfolio{background:#080c09;place-items:center;width:100%;height:100dvh;display:grid;overflow:hidden}.portfolio-nav{grid-template-rows:auto 20px auto auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"resume projects""about about""prompt prompt""experience contact";align-items:center;gap:4px 24px;margin:0;padding:0;display:grid}.portfolio-nav__about{grid-area:about;justify-self:center;transform:translateY(-25px)}.portfolio-nav__resume{grid-area:resume}.portfolio-nav__projects{grid-area:projects}.portfolio-nav__experience{grid-area:experience}.portfolio-nav__contact{grid-area:contact}.portfolio-nav button,.table-back{color:#f3e8c5;cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:44px;padding:8px 12px;font:italic clamp(18px,2.8cqh,27px) Georgia,serif;transition:color .18s,text-shadow .18s}.portfolio-nav button{justify-self:center}.table-back{white-space:nowrap}.table-prompt{text-align:center;grid-area:prompt;margin:0;padding:4px 0;font:italic clamp(13px,1.8cqh,17px)/1.4 Georgia,serif}@media (hover:hover){.portfolio-nav button:hover,.table-back:hover{color:#fff9e9;text-shadow:0 0 8px #ffeec0a6,0 0 20px #ffdd8c59}}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #d9ad49}.hand-scroll{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:calc(var(--card-width) * 5 + 96px);margin-inline:auto;padding:12px 0 18px;overflow:auto hidden}.hand-scroll::-webkit-scrollbar{display:none}.card-hand{justify-content:center;gap:16px;width:max-content;min-width:100%;padding-inline:16px;display:flex}.card-slot{width:var(--card-width);aspect-ratio:5/7;scroll-snap-align:center;flex:none}.card-deal{width:100%;height:100%}.card-flight{z-index:20;pointer-events:none;margin:0;position:fixed}.hand-controls{color:#f3e8c5;justify-content:center;align-items:center;gap:14px;font:italic 14px Georgia,serif;display:flex}.hand-controls button{width:44px;height:44px;color:inherit;cursor:pointer;background:#07342299;border:1px solid #ead69e66;border-radius:50%;font-size:22px}.hand-controls button:disabled{opacity:.35;cursor:default}.playing-card{color:#17291f;cursor:pointer;background:#fffdf6;border:1px solid #ddd8c8;border-radius:12px;width:100%;height:100%;padding:38px 14px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 8px 14px #00000040}@media (hover:hover){.playing-card:hover{transform:translateY(-10px)rotate(-2deg);box-shadow:0 18px 22px #0000004d}}.playing-card--red .card-corner,.playing-card--red .card-suit{color:#a5262b}.card-corner{flex-direction:column;align-items:center;font-size:21px;line-height:1;display:flex;position:absolute;top:9px;left:11px}.card-corner--bottom{inset:auto 11px 9px auto;transform:rotate(180deg)}.card-content{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.card-suit{font-size:44px;line-height:1}.card-title{font-size:clamp(17px,1.7vw,23px);font-weight:700}.card-subtitle{color:#536157;font-family:system-ui,sans-serif;font-size:12px;line-height:1.4}.detail-modal{color:#17291f;background:#fffdf6;border:1px solid #ddd8c8;border-radius:16px;width:min(620px,100vw - 32px);max-height:85svh;margin:auto;padding:36px;overflow-y:auto;box-shadow:0 25px 90px #00000073}.detail-modal p{white-space:pre-line}.detail-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c07bf}.modal-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:30px;position:absolute;top:10px;right:10px}.modal-close:hover{background:#eee9db}.modal-suit{font-size:30px}.detail-modal h2{margin:20px 0 8px;font-size:clamp(28px,5vw,40px)}.detail-modal p,.detail-modal li{font-family:system-ui,sans-serif;line-height:1.65}.modal-subtitle{color:#5e695f;margin-top:0}.detail-modal li+li{margin-top:10px}.modal-links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.modal-links a{color:#fffdf6;background:#123e2b;border-radius:6px;padding:12px 16px;text-decoration:none}body:has(dialog[open]){overflow:hidden}.playing-card{padding:32px 12px}.card-content{gap:7px}.card-title{overflow-wrap:anywhere;font-size:clamp(16px,2.4cqh,22px)}.card-suit{font-size:clamp(24px,4cqh,40px)}.card-subtitle{font-size:12px}.card-corner{font-size:18px}.detail-modal{overscroll-behavior:contain;max-height:calc(100dvh - 32px)}.detail-modal h2{padding-right:22px}.modal-images{gap:20px;margin-top:24px;display:grid}.modal-image{background:#00000014;border-radius:12px;justify-content:center;min-width:0;margin:0;padding:12px;display:flex;overflow:hidden}.modal-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:65vh;display:block}.modal-links a{justify-content:center;align-items:center;gap:8px;display:inline-flex}.link-icon{object-fit:contain;flex-shrink:0;width:20px;height:20px}@media (aspect-ratio<=1){.card-hand{padding-inline:calc((100cqw - var(--card-width))/2);justify-content:flex-start}.card-title{font-size:20px}.detail-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:28px 24px}}@media (height<=650px){.card-subtitle{display:none}.card-suit{font-size:24px}.playing-card{padding:26px 9px}.card-content{gap:4px}.card-title{font-size:16px}}@media (height<=520px) and (aspect-ratio>=1){.card-suit{display:none}.hand-controls{gap:8px}.hand-controls button{width:44px;height:32px}}@media (prefers-reduced-motion:reduce){.playing-card,.portfolio-nav button,.table-back{transition:none}}.dealer-area{justify-content:center;padding:12px 0 22px;display:flex}.dealer-deck{aspect-ratio:5/7;transform-origin:50%;background:#fffdf3;border:1px solid #ccc8bc;border-radius:7px;width:clamp(72px,8vw,105px);padding:6px;position:relative;transform:perspective(900px)rotateX(32deg)rotate(-8deg);box-shadow:0 2px #c8c5bc,0 4px #fffdf3,0 6px #c8c5bc,0 8px #fffdf3,0 10px #aaa79f,3px 16px 12px #00000059}.dealer-deck__back{background-color:#742329;background-image:repeating-linear-gradient(45deg,#0000 0 5px,#f4ddaf33 5px 6px),repeating-linear-gradient(-45deg,#0000 0 5px,#f4ddaf33 5px 6px);border:1px solid #e0cda3;border-radius:3px;place-items:center;height:100%;display:grid}.dealer-deck__ornament{aspect-ratio:1;color:#ead69e;background:#742329;border:1px solid #ddc596;border-radius:50%;place-items:center;width:65%;font-size:30px;display:grid}