.literarySelector .literaryGameBanner{display:flex;align-items:center;gap:20px;background:#fff4c4;border:3px solid #f0ca35;border-left:10px solid #1455c7;border-radius:18px;padding:18px 22px;margin:28px 0}.literaryGameBanner>span{font-size:42px}.literaryGameBanner div{flex:1}.literaryGameBanner b{font-size:16px}.literaryGameBanner p{font-size:13px;margin:3px 0}.literaryGameGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.literaryGameCard{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;min-height:245px;margin:0!important;padding:25px!important;border:2px solid #cfdaed;border-top:9px solid #1455c7;border-radius:18px;background:#fff!important;box-shadow:0 5px 0 #e3eaf5;text-decoration:none!important;color:#172b4d!important;transition:transform .15s,box-shadow .15s}.literaryGameCard:hover{transform:translateY(-3px);box-shadow:0 8px 0 #d3deef}.literaryGameCard.traits{border-top-color:#db2933}.literaryGameCard.mood{border-top-color:#ffcf29}.literaryGameCard.foreshadowing{border-top-color:#1455c7}.literaryGameIcon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:16px;background:#eaf0ff;font-size:34px}.literaryGameCard.traits .literaryGameIcon{background:#fff0ed}.literaryGameCard.mood .literaryGameIcon{background:#fff6d7}.literaryGameCard.foreshadowing .literaryGameIcon{background:#e4f4ff}.literaryGameTag{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#536580;margin-top:18px}.literaryGameCard h2{font-size:25px;margin:5px 0;color:#172b4d}.literaryGameCard p{font-size:13px;color:#536580;line-height:1.55;margin:0 0 18px}.literaryGameOpen{margin-top:auto;font-weight:800;color:#1455c7;font-size:13px}.literaryGameOpen b{font-size:19px;margin-left:8px}.literaryContextNote{padding:17px 20px;background:#eff5ff;border-left:7px solid #1455c7;border-radius:10px;font-size:13px}.literaryBack{display:inline-block!important;margin:0 0 20px!important;font-weight:700}.literaryGamePage{max-width:820px}.literaryGameProgress{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;padding:10px 15px;border-radius:10px;background:#eef4ff;color:#244f91;font-size:12px;font-weight:800}.literaryPlayCard{position:relative;background:#fff;border:2px solid #d5e0f0;border-radius:20px;padding:28px;box-shadow:0 6px 0 #e6edf7;overflow:hidden}.literaryPlayCard h2{font-size:22px;line-height:1.3;margin:22px 0 16px}.literaryScene{background:#fff5ce;border-left:7px solid #ffcf29;border-radius:10px;padding:17px 19px;margin:20px 0}.literarySceneLabel{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#536580}.literaryScene p{font:19px/1.55 Georgia,serif;margin:6px 0 0}.literaryChoices{display:grid;gap:10px}.literaryChoice{display:flex!important;align-items:center;gap:12px;width:100%;text-align:left;border:2px solid #d5e0f0!important;border-radius:11px!important;padding:12px 15px!important;background:#fff!important;color:#172b4d!important;font:600 14px/1.45 system-ui,sans-serif!important}.literaryChoice:hover:not(:disabled){background:#eef4ff!important;border-color:#1455c7!important}.literaryChoice[aria-pressed=true]{background:#e9f0ff!important;border-color:#1455c7!important}.literaryChoice:disabled{opacity:1;cursor:default}.choiceLetter{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#eef4ff;color:#1455c7;font-size:12px;font-weight:900}.literaryGameActions{margin:18px 0 0}.literaryGameActions button:disabled{opacity:.5;cursor:not-allowed}.literaryFeedback{margin:20px 0 0;padding:17px 19px;border-radius:12px;font-size:13px}.literaryFeedback.correct{background:#e7f7ee;border:2px solid #9bcdb1}.literaryFeedback.tryAgain{background:#fff5d3;border:2px solid #ecd276}.literaryFeedback>p{margin:8px 0}.literaryFrame{padding:12px 14px;background:#fff;border-radius:8px}.literaryGentleReminder{font-size:11px;color:#536580;margin:18px 0 0}.symbolPickerWheel{width:175px;height:175px;margin:4px auto 10px;border:9px solid white;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#db2933 0deg 45deg,#ffcf29 45deg 90deg,#1455c7 90deg 135deg,#50a463 135deg 180deg,#db2933 180deg 225deg,#ffcf29 225deg 270deg,#1455c7 270deg 315deg,#50a463 315deg 360deg);box-shadow:0 0 0 3px #d7e2f2,0 7px 0 #dce5f2}.symbolPickerWheel span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:white;border:4px solid #fff5ce;color:#1455c7;font-size:28px}.symbolPickerWheel.spinning{animation:symbolWheelTurn .65s cubic-bezier(.12,.75,.22,1)}@keyframes symbolWheelTurn{to{transform:rotate(900deg)}}.symbolSpin{display:block;margin:14px auto 18px;font-size:14px!important}.symbolStudy{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.symbolBadge{display:inline-block;border:2px solid #d7e2f2;background:#f3f7ff;border-radius:999px;padding:8px 16px;font-size:18px;font-weight:800}.symbolType{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#536580}.literaryFinished{text-align:center;margin:35px 0;background:#fff5ce;border:3px solid #ffcf29;border-radius:18px;padding:28px}.literaryFinished>span{font-size:50px}.literaryFinished h2{font-size:28px}.literaryFinished p{font-size:17px}@media(max-width:700px){.literaryGameGrid{grid-template-columns:1fr}.literaryGameCard{min-height:210px}.literaryGameBanner{align-items:flex-start;flex-wrap:wrap}.literaryGameBanner>span{font-size:34px}.literaryGameBanner .btn{margin-left:48px}.literaryPlayCard{padding:19px}.literaryPlayCard h2{font-size:19px}.literaryScene p{font-size:17px}.symbolPickerWheel{width:145px;height:145px}.literaryGameCard p{font-size:14px}}@media(prefers-reduced-motion:reduce){.literaryGameCard{transition:none}.literaryGameCard:hover{transform:none}.symbolPickerWheel.spinning{animation-duration:.01ms}}@media print{.literaryGameBanner,.literaryGameActions,.symbolSpin,.literaryBack{display:none}.literaryGameCard{break-inside:avoid;box-shadow:none}}
/* Symbolism Picker: two clear stages and distinct wheels */
.symbolPickerWheel{position:relative;width:184px;height:184px;border:9px solid #fff;border-radius:50%;margin:5px auto 13px;box-shadow:0 0 0 3px #cad8ef,0 8px 0 #dce5f2}
.symbolPickerWheel::before{content:"";position:absolute;inset:5px;border:2px dashed #ffffffc9;border-radius:50%;pointer-events:none}
.symbolWheelSymbols{background:conic-gradient(#1455c7 0deg 45deg,#ffcf29 45deg 90deg,#db2933 90deg 135deg,#73c8b5 135deg 180deg,#ffcf29 180deg 225deg,#1455c7 225deg 270deg,#db2933 270deg 315deg,#73c8b5 315deg 360deg)}
.symbolWheelColors{background:conic-gradient(#df2634 0deg 60deg,#2675da 60deg 120deg,#4caa64 120deg 180deg,#fff 180deg 240deg,#30384c 240deg 300deg,#ffd33e 300deg 360deg)}
.symbolPickerWheel span{position:relative;z-index:1;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff;border:5px solid #fff5ce;color:#1455c7;font-size:30px;box-shadow:0 2px 8px #172b4d33}
.symbolPickerWheel.spinning{animation:symbolWheelTurn .65s cubic-bezier(.12,.75,.22,1)}
.symbolStageProgress{background:#f1f6ff;border:2px solid #d5e0f0;border-radius:12px;padding:13px 16px;margin:18px 0}
.symbolStageProgress>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#244f91}
.symbolProgressTrack{height:12px;border-radius:999px;background:#dfe8f7;margin-top:9px;overflow:hidden}
.symbolProgressTrack span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1455c7,#6a56cb,#ffcf29);transition:width .25s ease}
.redCrossBadge{background:#fff!important;color:#172b4d!important}
.redCrossMark{position:relative;display:inline-block;flex:0 0 38px;width:38px;height:38px;background:#fff;border:1px solid #e2e8f1;border-radius:5px}
.redCrossMark::before,.redCrossMark::after{content:"";position:absolute;left:50%;top:50%;display:block;background:#e12532;border-radius:1px;transform:translate(-50%,-50%)}
.redCrossMark::before{width:28px;height:10px}
.redCrossMark::after{width:10px;height:28px}
.symbolGraduation{text-align:center;background:#fff6d2;border:3px solid #ffcf29;border-radius:18px;padding:28px;margin:25px 0;box-shadow:0 6px 0 #e8dcaa}
.graduationIcon{font-size:54px}
.symbolGraduation h2{font-size:25px;margin:8px 0}
.symbolGraduation p{font-size:15px}
.symbolismProgressPage .literaryPlayCard{overflow:visible}
.symbolismProgressPage .literaryGameProgress{display:none}
.symbolismProgressPage .literaryGentleReminder{background:#f4f7fd;border-radius:8px;padding:11px 13px}
@media(max-width:700px){.symbolPickerWheel{width:156px;height:156px}.symbolStageProgress{padding:12px}.redCrossBadge{gap:10px}.symbolGraduation{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.symbolPickerWheel.spinning{animation-duration:.01ms}.symbolProgressTrack span{transition:none}}
.literaryGameCard.conflict{border-top-color:#f08a37}.literaryGameCard.conflict .literaryGameIcon{background:#fff0df}

.literaryGameCard.theme{border-top-color:#7155c8}.literaryGameCard.theme .literaryGameIcon{background:#f1edff}
.themeBuilderPage .literaryPlayCard{overflow:visible}
.themeTopicStrip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;padding:14px;background:#f2efff;border:1px solid #dcd4ff;border-radius:14px}
.themeTopicStrip b{width:100%;color:#413177}
.themeTopicStrip span{padding:6px 10px;border-radius:999px;background:#fff;color:#403b55;font-size:12px;font-weight:700}
.themeScene{padding:18px 20px;margin:0 0 20px;background:#fff9e9;border-left:6px solid #f1c643;border-radius:12px}
.themeScene p{font-size:17px;line-height:1.55;margin:8px 0 0}
.themeBuilderPage .literaryChoice{min-height:54px;text-align:left}
@media(max-width:700px){.themeTopicStrip{gap:6px;padding:11px}.themeTopicStrip span{font-size:11px}.themeScene{padding:15px}}