/* Agency Simulator (Tom & Co.) */
@font-face{font-family:Manrope;src:url('/fonts/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{color-scheme:light;--bg:#f3ede1;--paper:#fffaf1;--card:#fffdf8;--ink:#1f3a3d;--muted:#64777a;--faint:#94a3a3;--line:#e3d9c6;--teal:#23585c;--teal-2:#2f6f72;--coral:#ff7a59;--sun:#f6c445;--good:#2f9a6a;--bad:#d4513c;--strategy:#5b7cfa;--creative:#ff7a59;--media:#2fb38a;--polish:#f6c445;--radius:14px;--shadow:0 1px 0 #e7dcc8,0 10px 30px -18px #1f3a3d55}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Manrope,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.45}
a{color:inherit}
:focus-visible{outline:3px solid var(--teal-2);outline-offset:3px}
[hidden]{display:none!important}
.skip{position:absolute;left:16px;top:-80px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:50}
.skip:focus{top:12px}
.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
kbd{font:inherit;font-size:12px;background:var(--paper);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 5px}

/* Header and footer */
.site-header{max-width:1440px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{font-weight:800;font-size:17px;letter-spacing:2px;text-decoration:none}
.brand span{font-size:11px;letter-spacing:1.4px;color:var(--muted);margin-left:8px}
.site-header nav{display:flex;gap:20px;font-size:13px;font-weight:600}
.site-header nav a{text-decoration:none;color:var(--muted)}
.site-header nav a:hover{color:var(--ink)}
.site-footer{max-width:1440px;margin:0 auto;padding:22px 24px 34px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}

/* HUD */
.game{max-width:1440px;margin:0 auto;padding:0 24px}
.hud{display:grid;grid-template-columns:minmax(200px,1.2fr) repeat(3,minmax(130px,1fr)) auto;gap:14px;align-items:center;background:var(--ink);color:#f3ede1;border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);position:sticky;top:8px;z-index:20}
.hud .eyebrow{color:#9fb8b6;font-size:10px}
.hud strong{display:block;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.hud small{display:block;font-size:11px;color:#9fb8b6}
.hud-week strong{font-size:20px}
.weekbar{position:relative;display:grid;grid-template-columns:repeat(5,1fr);height:16px;margin-top:6px;background:#2d4f52;border-radius:6px;overflow:hidden;font-size:9px;font-weight:800;color:#9fb8b6}
.weekbar span{position:relative;display:grid;place-items:center;border-left:1px solid #1f3a3d80}
.weekbar span:first-of-type{border-left:0}
.weekbar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#3f8b84,#56b3a5);transition:width .25s linear}
.goalbar{height:6px;background:#2d4f52;border-radius:4px;margin-top:6px;overflow:hidden}
.goalbar i{display:block;height:100%;width:0;background:var(--sun);border-radius:4px;transition:width .4s}
.hud .rep{color:var(--sun);letter-spacing:1px}
.hud-cash-pop{position:fixed;z-index:60;font-weight:800;font-size:22px;pointer-events:none;animation:pop 1.6s ease-out forwards}
.hud-cash-pop.gain{color:var(--good)}.hud-cash-pop.loss{color:var(--bad)}
@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.8)}15%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-46px)}}
.hud-tools{display:flex;gap:8px;justify-content:flex-end}
.tool{min-width:42px;height:42px;border-radius:10px;border:1px solid #3c6366;background:#2a4b4e;color:#f3ede1;font-weight:800;font-size:15px}
.tool:hover{background:#34595c}
.tool.wide{padding:0 14px;font-size:13px}
.tool[aria-pressed=true]{background:var(--sun);color:var(--ink);border-color:var(--sun)}
.hud.paused .hud-week strong:after{content:' · paused';color:var(--sun);font-size:14px}

/* Board */
.board{display:grid;grid-template-columns:300px minmax(0,1fr) 330px;gap:18px;margin-top:18px;align-items:start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.panel-head h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.2px}
.panel-head span{font-size:12px;color:var(--muted);font-weight:600}
.panel-tip{margin:-4px 0 12px;font-size:12px;color:var(--muted)}

/* Tom's stage */
.stage{position:relative;height:330px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 80% at 50% 105%,#f9d9a6 0,#f7e7c8 38%,transparent 70%),linear-gradient(180deg,#cfe3df 0,#e7efe6 55%,#f3e6cf 100%);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:18px}
.stage:before{content:'';position:absolute;left:18px;top:52px;width:92px;height:110px;border-radius:8px;background:linear-gradient(180deg,#bfe0f2,#e8f4f8);box-shadow:inset 0 0 0 5px #fffaf1,0 2px 0 #d9cbb2}
.stage:after{content:'';position:absolute;left:62px;top:57px;width:4px;height:100px;background:#fffaf1}
.stage-sign{position:absolute;right:16px;top:16px;font-weight:800;font-size:15px;letter-spacing:2px;color:var(--teal);text-align:right;line-height:1.1}
.stage-sign small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:600}
.stage-floor{position:absolute;left:0;right:0;bottom:0;height:56px;background:repeating-linear-gradient(90deg,#e9cfa5 0 46px,#e2c596 46px 48px);border-top:3px solid #d9bb8a}
.tom{position:absolute;left:50%;bottom:18px;height:300px;width:auto;transform:translateX(-50%);transform-origin:50% 100%;z-index:2;filter:drop-shadow(0 10px 6px #1f3a3d33);animation:breathe 4s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:translateX(-50%) scaleY(1)}50%{transform:translateX(-50%) scaleY(1.012)}}
.tom.happy{animation:hop .5s ease-out 2}
@keyframes hop{0%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-22px) rotate(-2deg)}}
.tom.stressed{animation:wobble .35s ease-in-out 3}
@keyframes wobble{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(-3deg)}75%{transform:translateX(-50%) rotate(3deg)}}
.tom.working{animation:breathe 1.4s ease-in-out infinite}
.bubble{position:absolute;left:14px;right:14px;top:14px;z-index:3;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.35;box-shadow:3px 3px 0 var(--ink);opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100% - 120px)}
.bubble:after{content:'';position:absolute;left:58%;bottom:-11px;width:16px;height:16px;background:#fff;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
.bubble.show{opacity:1;transform:none}

/* Team */
.team{display:grid;gap:10px}
.person{display:grid;grid-template-columns:46px 1fr;gap:6px 10px;align-items:center;text-align:left;width:100%;padding:10px;border-radius:12px;border:2px solid transparent;background:var(--paper);box-shadow:0 1px 0 var(--line);transition:border-color .15s,transform .15s,background .15s;user-select:none;-webkit-user-select:none}
.person:hover{border-color:#d6c9b0}
.person.selected{border-color:var(--teal);background:#e6f1ee;transform:translateX(3px)}
.person.burnt{background:#fbe9e3}
.person[draggable=true]{cursor:grab}
.avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#f1e2c6;display:block;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.avatar img,.avatar svg{width:100%;height:100%;display:block;object-fit:cover}
.person-name{font-weight:800;font-size:14px;line-height:1.2}
.person-name small{display:block;font-size:11px;font-weight:600;color:var(--muted)}
.person-meta{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}
.pips{display:flex;gap:4px}
.pip{font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;color:#fff;font-variant-numeric:tabular-nums}
.pip.strategy{background:var(--strategy)}.pip.creative{background:var(--creative)}.pip.media{background:var(--media)}
.energy{height:8px;background:#ece3d2;border-radius:5px;overflow:hidden}
.energy i{display:block;height:100%;width:100%;background:var(--good);border-radius:5px;transition:width .25s linear,background .3s}
.energy.low i{background:var(--sun)}.energy.empty i{background:var(--bad)}
.person-status{grid-column:1/-1;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person.working .person-status{color:var(--teal)}

/* Event */
.event{background:#fff3df;border:2px solid var(--ink);border-radius:var(--radius);padding:16px 18px 14px;margin-bottom:16px;box-shadow:4px 4px 0 var(--ink);animation:slide .35s ease-out}
@keyframes slide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.event .eyebrow{color:#b5672b}
.event h3{margin:4px 0 4px;font-size:20px;letter-spacing:-.3px}
.event p{margin:0 0 12px;color:#5d5248}
.event-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice{text-align:left;padding:10px 12px;border-radius:10px;border:1px solid #e1c9a4;background:#fffaf0;font-weight:800;font-size:14px}
.choice small{display:block;font-weight:600;font-size:12px;color:var(--muted);margin-top:2px}
.choice:hover{border-color:var(--ink);background:#fff}
.choice.default{border-style:dashed}
.event-timer{height:5px;background:#f0dcc0;border-radius:3px;margin-top:12px;overflow:hidden}
.event-timer i{display:block;height:100%;background:#d08a3f;transition:width .25s linear}

/* Projects */
.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.project{position:relative;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}
.project.droppable{border-color:var(--teal);border-style:dashed;cursor:copy}
.project.drag-over{border-style:solid;background:#eef6f3}
.project.ready{border-color:var(--sun);box-shadow:0 0 0 3px #f6c44533,var(--shadow)}
.project.urgent:not(.ready){border-color:#f0a491}
.project-top{display:flex;gap:12px;align-items:flex-start}
.client-icon{font-size:26px;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);flex-shrink:0}
.project h3,.brief h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.2px;line-height:1.25}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.badge{font-size:11px;font-weight:800;padding:2px 8px;border-radius:20px;background:#efe6d5;color:#5c5446}
.badge.leads{background:#e3e9ff;color:#3448a8}.badge.sales{background:#ffe3da;color:#a6412a}.badge.awareness{background:#dcf4ea;color:#1e7a55}
.badge.due{background:#ece7dc;color:var(--ink)}.badge.due.soon{background:#fde1d9;color:#a63b26}
.badge.tag{background:#fdf0c6;color:#7a5a00}
.tracks{display:grid;gap:8px;margin:14px 0 12px}
.track{display:grid;grid-template-columns:72px 1fr 44px;gap:8px;align-items:center;font-size:12px;font-weight:700}
.track-bar{height:12px;background:#efe6d5;border-radius:6px;overflow:hidden;position:relative}
.track-bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;transition:width .25s linear}
.track.strategy i{background:var(--strategy)}.track.creative i{background:var(--creative)}.track.media i{background:var(--media)}.track.polish i{background:repeating-linear-gradient(45deg,var(--polish) 0 8px,#f9d77a 8px 16px)}
.track span:last-child{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.track.done span:last-child{color:var(--good)}
.crew{display:flex;align-items:center;gap:6px;min-height:36px;flex-wrap:wrap}
.crew .avatar{width:32px;height:32px;box-shadow:0 0 0 2px #fff}
.crew-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 2px;border-radius:20px;background:var(--paper);border:1px solid var(--line);font-size:12px;font-weight:700}
.crew-chip button{border:0;background:none;padding:0 2px;font-size:14px;color:var(--muted);line-height:1}
.crew-chip button:hover{color:var(--bad)}
.crew-empty{font-size:12px;color:var(--faint);font-weight:600}
.project-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:10px;border:0;font-weight:800;font-size:14px;text-decoration:none;background:var(--ink);color:#fff;box-shadow:0 3px 0 #0f2224;transition:transform .12s,box-shadow .12s,background .15s}
.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 0 #0f2224}
.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #0f2224}
.btn.sun{background:var(--sun);color:var(--ink);box-shadow:0 3px 0 #c79a1c}
.btn.sun:hover:not(:disabled){box-shadow:0 4px 0 #c79a1c}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:1px solid var(--line)}
.btn.ghost:hover:not(:disabled){background:var(--paper);box-shadow:none}
.btn.small{min-height:34px;padding:6px 12px;font-size:13px}
.btn.assign-here{background:var(--teal);box-shadow:0 3px 0 #163c3f}
.launch-btn{flex:1}
.ready-note{font-size:12px;font-weight:700;color:#8a6a00;margin:0}
.empty{border:2px dashed var(--line);border-radius:var(--radius);padding:34px 20px;text-align:center;color:var(--muted);font-weight:600;background:#fbf6ec}
.empty strong{display:block;font-size:18px;color:var(--ink);margin-bottom:4px}

/* Inbox */
.inbox{display:grid;gap:12px}
.brief{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--paper)}
.brief-top{display:flex;gap:10px;align-items:flex-start}
.brief .client-icon{width:40px;height:40px;font-size:22px}
.brief-fee{margin-left:auto;text-align:right;font-weight:800;font-size:17px;white-space:nowrap}
.brief-fee small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.hint{margin:10px 0;padding:8px 10px;border-left:3px solid var(--sun);background:#fffdf5;border-radius:0 8px 8px 0;font-size:13px;color:#4c5a5b;font-style:italic}
.work-need{display:flex;gap:6px;font-size:11px;font-weight:700;color:var(--muted);align-items:center;flex-wrap:wrap}
.brief-actions{display:flex;gap:8px;margin-top:10px}
.brief-actions .btn{flex:1}
.inbox-empty{font-size:13px;color:var(--muted);text-align:center;padding:18px 8px}

/* Log */
.log-panel{margin-top:18px}
.log{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:260px;overflow:auto}
.log li{font-size:12px;color:#4f6163;padding-left:10px;border-left:3px solid var(--line);line-height:1.45}
.log li:first-child{border-color:var(--teal);color:var(--ink);font-weight:600}

/* Assign bar (mostly mobile) */
.assign-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:14px;padding:10px 12px 10px 16px;box-shadow:0 12px 30px #0006;font-weight:700;font-size:14px;max-width:calc(100% - 24px)}
.assign-bar button{border:1px solid #3c6366;background:#2a4b4e;color:#fff;border-radius:8px;padding:6px 10px;font-weight:700;font-size:13px}
.under-game{font-size:12px;color:var(--muted);margin:16px 0 0;text-align:center}

/* Dialog */
dialog{width:min(640px,calc(100% - 24px));max-height:calc(100% - 24px);padding:0;border:0;border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 30px 90px #0f222466}
dialog::backdrop{background:#1f3a3dcc;backdrop-filter:blur(4px)}
.modal{padding:26px 26px 22px}
.modal h2{margin:4px 0 8px;font-size:clamp(24px,4vw,32px);line-height:1.1;letter-spacing:-.6px}
.modal p{color:#4c5a5b}
.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.modal-actions .btn{flex:1;min-width:160px}
.intro{display:grid;grid-template-columns:1fr 190px;gap:10px;align-items:end}
.intro img{width:100%;height:auto;margin-bottom:-22px;filter:drop-shadow(0 10px 8px #1f3a3d33)}
.steps{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.steps li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;font-size:14px;color:#3d4d4f}
.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f1e6d1;font-size:17px}
.choices-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 16px}
.choices-grid.angles{grid-template-columns:repeat(3,1fr)}
.option{position:relative}
.option input{position:absolute;opacity:0}
.option span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border:2px solid var(--line);border-radius:12px;background:var(--paper);font-weight:800;font-size:13px;text-align:center;cursor:pointer;min-height:84px;justify-content:center}
.option span em{font-style:normal;font-size:24px}
.option span small{font-size:11px;color:#8a6a00;font-weight:800;letter-spacing:1px}
.option input:checked+span{border-color:var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink)}
.option input:focus-visible+span{outline:3px solid var(--teal-2);outline-offset:2px}
.label-row{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:14px}
.label-row small{font-weight:600;color:var(--muted);font-size:12px}
.result-head{display:flex;align-items:center;gap:14px}
.result-stars{font-size:38px;letter-spacing:4px;color:var(--sun);text-shadow:0 2px 0 #c79a1c;line-height:1}
.result-stars span{display:inline-block;animation:star .35s ease-out backwards}
.result-stars span.off{color:#e4dccd;text-shadow:none}
@keyframes star{from{opacity:0;transform:scale(.3)}}
.metric{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.metric div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.metric strong{display:block;font-size:26px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.metric span{font-size:12px;color:var(--muted);font-weight:700}
.fitlist{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}
.fitlist li{display:flex;gap:8px;align-items:baseline}
.fitlist .good{color:var(--good)}.fitlist .meh{color:#b07a00}.fitlist .bad{color:var(--bad)}
.report-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.report-table td{padding:7px 0;border-bottom:1px solid var(--line)}
.report-table td:last-child{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.report-table tr.total td{border-bottom:0;font-size:17px}
.neg{color:var(--bad)}.pos{color:var(--good)}
.tabs{display:flex;gap:6px;margin:14px 0 10px}
.tabs button{flex:1;padding:9px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font-weight:800}
.tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.shop-list{display:grid;gap:10px;max-height:46vh;overflow:auto;padding-right:4px}
.shop-item{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.shop-item.owned{opacity:.6}
.shop-item strong{display:block}
.shop-item p{margin:2px 0 0;font-size:12px}
.shop-item .icon{font-size:24px;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f1e6d1}
.end-value{font-size:clamp(40px,8vw,64px);font-weight:800;letter-spacing:-1.5px;line-height:1}
.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.end-stats div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.end-stats strong{display:block;font-size:22px}
.end-stats span{font-size:12px;color:var(--muted);font-weight:700}
.noscript{padding:20px;text-align:center}

/* Responsive */
@media(max-width:1180px){
  /* Two columns: Tom and the team on the left; inbox, then projects, then news on the right. */
  .board{grid-template-columns:270px minmax(0,1fr);grid-template-areas:"studio inbox" "studio work" "studio log"}
  .studio{grid-area:studio}
  .side{display:contents}
  .inbox-panel{grid-area:inbox}
  .work{grid-area:work}
  .log-panel{grid-area:log;margin-top:0}
  .inbox{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .hud{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hud-tools{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:820px){
  .game{padding:0 12px}
  .site-header{padding:14px 14px}
  .brand span{display:none}
  .site-header nav{gap:14px;font-size:12px}
  .site-header nav a:nth-child(2){display:none}
  .stage-sign{display:none}
  .assign-bar{flex-wrap:wrap;justify-content:flex-end;width:calc(100% - 24px);gap:8px}
  #assign-text{flex:1 1 100%}
  .hud{grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;top:4px}
  .hud strong{font-size:18px}
  .hud-goal{grid-column:span 1}
  .board{grid-template-columns:1fr;grid-template-areas:none;gap:14px}
  .studio,.side{display:contents}
  .studio,.inbox-panel,.work,.log-panel{grid-area:auto}
  .inbox-panel{order:2}
  .log-panel{order:5}
  .stage{order:1;height:190px;margin:0}
  .tom{height:180px;left:auto;right:12%;transform:none;animation:none}
  .tom.happy,.tom.stressed{animation:none}
  .bubble{max-width:calc(100% - 140px)}
  .work{order:3}
  .team-panel{order:4}
  .team{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .event-choices{grid-template-columns:1fr}
  .intro{grid-template-columns:1fr 120px}
  .choices-grid{grid-template-columns:repeat(2,1fr)}
  .choices-grid.angles{grid-template-columns:1fr 1fr 1fr}
  .end-stats{grid-template-columns:1fr 1fr}
  .site-footer{flex-direction:column}
  .under-game{margin-bottom:70px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}